@extends("common.layout-popup")
@section("header")
    {!! resource('css/dashboard.css') !!}
    {!! resource('js/dashboard/dashboard-common.js') !!}
@endsection

@section("content")
    <div class="split">
        <h1>정산 목록</h1>
    </div>

    <section>
        <main>
            <table class="table table-striped table-hover table-bordered">
                <colgroup>
                    <col width="15%">
                    <col width="14%">
                    <col width="14%">
                    <col width="14%">
                    <col width="14%">
                    <col width="20%">
                </colgroup>
                <thead>
                <tr>
                    <th class="align-center">정산월</th>
                    <th class="align-center">결제일</th>
                    <th class="align-center">이름</th>
                    <th class="align-center">전화번호</th>
                    <th class="align-center">금액</th>
                    <th class="align-center">수강반(결제상품)</th>
                </tr>
                </thead>
                <tbody>
                @foreach ($list as $index => $item)
                    <tr class="payment-list" style="cursor: pointer">
                        <input type="hidden" name="payment_id" value="{{$item->payment_id}}">
                        <td class="align-center">{{Carbon::parse($item->target_month)->format('Y년 m월')}}</td>
                        <td class="align-center">{{Carbon::parse($item->paid_at)->format('y-m-d')}}</td>
                        <td>{{$item->name}}</td>
                        <td>{{BaseHelper::formatPhoneNumber($item->phone)}}</td>
                        @if($calculationType == 'refund')
                            <td class="text-right "><b class="red">{{number_format($item->refund_price)}}</b></td>
                        @else
                            <td class="text-right"><b>{{number_format($item->payment_price)}}</b></td>
                        @endif
                        <td>{{$item->product_name}}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </main>
        <footer>
        </footer>
    </section>
@endsection

@push("script")
    <script>
        $(document).on('click', '.payment-list', function () {
            let payment_id = $(this).find('input[name=payment_id]').val();
            const href = "{{ route('payment.detail', ['paymentId' => ':paymentId']) }}";
            window.open(href.replace(":paymentId", payment_id));
        })
    </script>
@endpush