@extends('layouts.frontend-member')
@section('title', 'รายละเอียดการเติมเงิน')
@section('content')
    <div id="app" data-v-app="">
        <div class="van-config-provider">
            <div class="van-nav-bar van-hairline--bottom">
                <div class="van-nav-bar__content">
                    <div class="van-nav-bar__left van-haptics-feedback" onclick="goback()"><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-cell-group van-hairline--top-bottom bg-[#1f252e]">
                <div class="van-cell bg-[#1f252e]"><!---->
                    <div class="van-cell__title"><span>หมายเลขคำสั่งซื้อ</span><!----></div>
                    <div class="van-cell__value"><span>{{ $depo_Detail_Notification->id ?? '' }}</span></div><!----><!---->
                </div>
                <div class="van-cell bg-[#1f252e]"><!---->
                    <div class="van-cell__title"><span>เวลา</span><!----></div>
                    <div class="van-cell__value">
                        <span>
                            {{-- {{ $depo_Detail_Notification->created_at->format('d/m/Y H:i')  }}  --}}
                        </span>
                    </div><!----><!---->
                </div>
                <div class="van-cell bg-[#1f252e]"><!---->
                    <div class="van-cell__title"><span>รายการเติมเงิน</span><!----></div>
                    <div class="van-cell__value"><span>฿ {{number_format($depo_Detail_Notification->amount?? 0,2)}}</span></div><!----><!---->
                </div>
                <div class="van-cell bg-[#1f252e]"><!---->
                    <div class="van-cell__title"><span>วิธีการเติมเงิน</span><!----></div>
                    <div class="van-cell__value"><span>bank</span></div><!----><!---->
                </div>
                <div class="van-cell bg-[#1f252e]"><!---->
                    <div class="van-cell__title"><span>ช่องทางการเติมเงิน</span><!----></div>
                    <div class="van-cell__value"><span></span></div><!----><!---->
                </div>
                <div class="van-cell bg-[#1f252e]"><!---->
                    <div class="van-cell__title"><span>สถานะ</span><!----></div>
                    <div class="van-cell__value"><span></span></div><!----><!---->
                </div>
                <div class="van-cell bg-[#171d24]"><!---->
                    <div class="van-cell__title"><span>ใบเสร็จการเติมเงิน</span>
                        <div class="van-cell__label">
                            <div class="flex flex-row justify-center">
                                <div class="van-image w-9/12 h-60"><!---->
                                    <div class="van-image__loading"><i
                                            class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"><!----><!----><!----></i>
                                    </div><!---->
                                </div>
                            </div>
                        </div>
                    </div><!----><!----><!---->
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function goback() {
            window.history.go(-1);
        }
    </script>
@endpush