@extends('layouts.frontend-member')
@section('title', __('message.my account'))
@section('content')

    <div id="app" data-v-app="">
        <div class="van-config-provider">
            <div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom">
                <div class="van-nav-bar__content">
                    <div class="van-nav-bar__left van-haptics-feedback" onclick="history.back()"><i
                            class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow"><!----><!----><!----></i><!---->
                    </div>
                    <div class="van-nav-bar__title van-ellipsis">
                        บันทึกการเติมเงิน
                    </div><!---->
                </div>
            </div><!----><!----><!----><!----><!----><!---->
            <div class="van-pull-refresh">
                <div class="van-pull-refresh__track" style="transition-duration: 300ms;">
                    <div class="van-pull-refresh__head"></div>
                    <div role="feed" class="van-list pt-[46px]" aria-busy="false">
                        @forelse ($depo_Notifications as $depo_Notification)
                            {{-- <a href="{{ route('member.topup.report.detail', $depo_Notifications) }}" --}}
                            <div class="flex flex-row justify-between border-b border-b-gray-600 px-2 py-4">
                                <div>
                                    <div class="text-sm">
                                        {{ $depo_Notification->id ?? '' }}
                                    </div>
                                    <div class="text-xs py-2 text-gray-500">
                                        {{ $depo_Notification->created_at->format('d/m/Y H:i') ?? '' }}
                                    </div>
                                </div>
                                <div class="flex flex-row items-center">
                                    <div class="text-right">
                                        <div class="text-sm">
                                            ฿ {{ number_format($depo_Notification->amount ?? 0, 2) }}
                                            @if($depo_Notification->promotion)
                                                <br/>
                                                <span style="font-size:12px;"> 
                                                    {{__('message.bonus')}}: ฿ {{ number_format($depo_Notification->promotion ?? 0, 2) }}
                                                </span>
                                            @endif
                                        </div>
                                        <div class="text-green-500 text-sm my-1">
                                            สำเร็จ
                                        </div>
                                        {{-- <div class="text-xs bg-yellow-400 p-1 rounded-sm text-black">
                                            ตรวจสอบรายละเอียด
                                        </div> --}}
                                    </div>
                                    {{-- <i class="van-badge__wrapper van-icon van-icon-arrow pl-2"><!----><!----><!----></i> --}}
                                </div>
                            </div>

                            <div class="van-list__placeholder"></div>

                        @empty

                            <div class="van-list__finished-text">
                                <font style="vertical-align: inherit;">
                                    <font style="vertical-align: inherit;">No more</font>
                                </font>
                            </div><!---->
                            <div class="van-list__placeholder"></div>
                        @endforelse

                    </div>

                </div>
            </div>
        </div>
    </div>

@endsection
@push('styles')
    <style>
        .van-tabbar-item{
        background: rgb(69 18 114) !important;
        }
        .van-notice-bar{
            background: rgb(69 18 114) !important;
        }
        .van-nav-bar {
            background: rgb(69 18 114) !important;
        }
    </style>
@endpush
@push('scripts')
    <script>
        function goback() {
            window.history.go(-1);
        }
    </script>
@endpush