@extends("common.layout")

@section("header")
{{-- {!! setResources([ 'fontawesome']) !!} --}}
@endsection

@section("content")
<h1>
    <a href="{{ route('user.ticket') }}">응시권 회원 목록</a>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('user.ticket') }}" class="search-form" method="GET">
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="started_at">구매일</label>
                    <input class="form-control" type="date" id="started_at" name="started_at"
                            value="{{ Request::get("started_at", date('Y-m-d' , strtotime(now()))) }}">
                    <input class="form-control" type="date" name="ended_at"
                            value="{{ Request::get("ended_at", date('Y-m-d' , strtotime(now()))) }}">
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="name">이름</label>
                    <input class="form-control" type="text" name="name" id="name" autocomplete='on'
                        @if (Request::get("name"))
                            value="{{ Request::get("name") }}"
                        @endif
                    >
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="phone">연락처</label>
                    <input class="form-control" type="text" name="phone" id="phone" oninput="oninputPhone(this)" maxlength="13" autocomplete='on'
                        @if (Request::get("phone"))
                            value="{{ Request::get("phone") }}"
                        @endif
                    >
                </div>

                <input type="hidden" name="paginate" value="{{ Request::has("paginate") ? Request::get("paginate"):'' }}">
                <input type="hidden" name="page" value="{{ Request::has("page") ? Request::get("page"):'' }}">
                <input type="hidden" name="order_by" value="{{ Request::has("order_by") ? Request::get("order_by"):'id' }}">
                <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'desc' }}">
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<section>
    <header>
        <h6>조회 결과 <strong>{{ $tickets->total() }}</strong>명</h6>

        <span>

            {{-- <button type="button" class="btn btn-sm btn-success" onclick="excelDownload('.search-form', '{{ route('api.user.excel') ?? '' }}')"><i class="bi bi-file-spreadsheet"></i></button> --}}
        </span>
    </header>

    <main>
        <table class="table table-striped table-hover">
            <colgroup>
                <col width="3%">
                <col width="7%">
                <col width="10%">
                <col width="7%">
                <col width="7%">
                <col width="7%">
                <col width="10%">
                <col width="7%">
                <col width="5%">
                <col width="7%">
                <col width="7%">
                <col width="5%">
            </colgroup>
            <thead>
                <tr>
                    <th>Id</th>
                    <th>회원명</th>
                    <th>회원이메일</th>
                    <th>회원연락처</th>
                    <th>주문번호</th>
                    <th>주문상태</th>
                    <th>응시권 영문명</th>
                    <th>응시권 국문명</th>
                    <th>여권 생년월일</th>
                    <th>응시권 연락처</th>
                    <th>구매일</th>
                    <th>관리</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($tickets as $ticket)
                    <tr>
                        <input type="hidden" name="id" value="{{ $ticket->id }}" />
                        <td>{{ $ticket->user->id }}</td>
                        <td>{{ $ticket->user->name }}</td>
                        <td>{{ $ticket->user->email }} ({{ $ticket->user->edm_id }})</td>
                        <td>{{ $ticket->user->phone }}</td>
                        <td>
                            <a href="{{ route('payment.detail', ['paymentId' => $ticket->payment_id]) }}" target="_blank">{{ $ticket->payment->payment_no }}</a>
                        </td>
                        <td>
                            @php
                                $canceledPrice = $ticket->payment->getCanceledPrice();
                            @endphp
                            {{ $ticket->payment->status == 'PAID'  && $canceledPrice == 0 ? "결제완료" : "부분취소(-".number_format($canceledPrice)."원)" }}
                        </td>
                        <td>
                            <div class="row px-0 mx-0">
                                <div class="col-6">
                                    <input type="text" name="en_first_name" value="{{ $ticket->en_first_name }}" class="form-control form-control-sm" />
                                </div>
                                <div class="col-6">
                                    <input type="text" name="en_last_name" value="{{ $ticket->en_last_name }}" class="form-control form-control-sm" />
                                </div>
                            </div>
                        </td>
                        <td><input type="text" name="passport_name" value="{{ $ticket->passport_name }}" class="form-control form-control-sm" /></td>
                        <td>
                            <input type="date" name="birthday" value="{{ $ticket->birthday }}" class="form-control form-control-sm" />
                        </td>
                        <td><input type="text" name="exam_phone" value="{{ $ticket->exam_phone }}" class="form-control form-control-sm" /></td>
                        <td>{{ date('Y-m-d H:i', strtotime($ticket->created_at)) }}</td>
                        <td>
                            <button class="btn btn-sm btn-primary onModify" type="button">수정</button>
                        </td>
                    </tr>
                @endforeach

            </tbody>
        </table>
    </main>

    <footer>
        <div class="pagination-wrap">
            {{ $tickets->links() }}
            <select id='paginate-control' class='form-select form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                <option value="10" @selected(Request::get("paginate") == null || Request::get("paginate") == 10)>10개씩 보기</option>
                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                <option value="50" @selected(Request::get("paginate") == 50)>50개씩 보기</option>
                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
            </select>
        </div>
    </footer>
</section>

@endsection

@push("script")
<script>
    $(function (){
        $('.onModify').on("click", function() {
            const params = {};
            $.each($(this).closest('tr').find("input"), function(){
                params[$(this).attr('name')] = $(this).val();
            })

            alertify.confirm("알림", "회원의 응시권 정보를 수정하시겠습니까?", async () => {
                const result = await customFetch("{{ route('api.user.ticket') }}", {
                    method: "post",
                    body: JSON.stringify(params),
                    headers: { "Content-Type" : "application/json"}
                });

                if ( result.status) {
                    alertify.alert("알림", "응시권 정보가 변경되었습니다. ", () => { });
                } else {
                    alertify.alert("알림", "응시권 정보 변경에 실패하셨습니다. ", () => { });
                }

            }, () => {})
        })
    })
</script>
@endpush