@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-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">
                        @foreach ($buySellReports as $buySellReport)
                            <div class="flex flex-row justify-between border-b border-b-gray-600 px-2 py-4">
                                <div>
                                    <div class="text-sm">
                                        {{-- {{ $buySellReport->id?? ''}} --}}
                                    </div>
                                    <div class="text-xs py-2 text-gray-500">
                                        {{ $buySellReport->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(abs($buySellReport->amount), 2) }}฿</div>
                                        <div class="text-red-500 text-sm my-1">ค่าคอมมิชชั่น</div>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <div class="van-list__finished-text">ไม่มีอีกแล้ว</div><!---->
                        <div class="van-list__placeholder"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

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