@extends('layouts.frontend-member')

@section('title', __('message.withdraw'))

@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 ($withd_Notifications as $withd_Notification)
                            <div
                                class="flex flex-row justify-between border-b border-b-gray-600 px-2 py-4">
                                <div>
                                    <div class="text-sm">
                                        {{ $withd_Notification->id ?? '' }}
                                    </div>
                                    <div class="text-xs py-2 text-gray-500">
                                        {{ $withd_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" style="color: rgb(165, 26, 26)">
                                            ฿ {{ number_format($withd_Notification->amount ?? 0, 2) }}
                                        </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