@extends("common.layout")
@section("header")

@endsection
@section("content")
    <div class="split">
        <h1><a href="{{ route('delivery.list') }}">배송목록</a></h1>
    </div>


    <section>
        <main>
            <form action="{{ route('delivery.list') }}" class="search-form" id="delivery-form" method="GET">
                <input type="hidden" name="paginate" value="{{ Request::get('paginate') }}" />
                @csrf

                <div class="search-input-wrap">
                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="start_at">조회기간</label>
                        <input class="form-control" type="date" name="start_at" id='start_at' value="{{ Request::get("start_at", date('Y-m-d')) }}">
                        <input class="form-control" type="date" name="end_at" id='end_at' value="{{ Request::get("end_at", date('Y-m-d')) }}">
                    </div>

                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="status">결제상태</label>
                        <select class="form-select" name="pStatus" id="pStatus">
                            <option value="" @selected(empty(Request::get("pStatus")))>전체</option>
                            @foreach ($pStatus as $key => $val)
                                <option value="{{ $key }}" @selected(Request::get("pStatus") == $key)>{{ $val }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="status">배송상태</label>
                        <select class="form-select" name="status" id="status">
                            <option value="" @selected(empty(Request::get("status")) )>전체</option>
                            @foreach ($status as $key => $val )
                            <option value="{{ $key }}" @selected(Request::get("status") === $key)>{{ $val }}</option>
                            @endforeach
                        </select>

                    </div>

                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="company">택배사</label>
                        <select class="form-select" name="company" id="company">
                            <option value="" @selected(empty(Request::get("company")) )>전체</option>
                            @foreach ($companies as $code => $company )
                            <option value="{{ $code }}" @selected(Request::get("company") == $code)>{{ $company }}</option>
                            @endforeach
                        </select>

                    </div>
                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="is_add">송장등록여부</label>
                        <select class="form-select" name="is_add" id="is_add">
                            <option value="" @selected(empty(Request::get("is_add")) )>전체</option>

                            <option value="1" @selected(Request::get("is_add") == 1)>미등록</option>
                            <option value="2" @selected(Request::get("is_add") == 2)>등록</option>
                        </select>

                    </div>


                    <div class="input-group input-group-sm">
                        <label class="input-group-text" for="start_at">검색</label>
                        <select class="form-select" name="field" id="field">
                            <option value="all" @selected(Request::get("field") == "all")>전체</option>
                            <option value="name" @selected(empty(Request::get("field")) || Request::get("field") == "name")>이름</option>
                            <option value="edm_id" @selected(Request::get("field") == "edm_id")>아이디</option>
                            <option value="payment_no" @selected(Request::get("field") == "payment_no")>주문번호</option>
                            <option value="reference_id" @selected(Request::get("field") == "reference_id")>송장번호</option>
                        </select>
                        <input class="form-control" type="text" name="keyword" id='keyword' value="{{ Request::get("keyword") }}">
                    </div>
                </div>
                <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
            </form>

        </main>
    </section>
    <section class="mt-3">
        <main class="align-right">
            <button onclick="invoiceDownload()" class="btn btn-success">
                <i class="bi bi-file-earmark-excel-fill"></i>
                송장발급용 다운로드
            </button>
            <button class="btn btn-primary" onclick="onOpenExcelUpload()" type="button">
                송장업로드
            </button>
        </main>
    </section>

    <section class="mt-3">
        <header>
            <h6> 총 <strong>{{ $data->count() }}</strong> 건</h6>
        </header>

        <main>
            <div class="table-horizon-scroll custom-scroll" style="--min-width: 2300px">
                <table class="table table-striped table-hover delivery-table" id="">
                    <colgroup>
                        <col width="2%">
                        <col width="2%">
                        <col width="5%">
                        <col width="7%">
                        <col width="5%">
                        <col width="5%">
                        <col width="5%">
                        <col width="7%">
                        <col width="10%">
                        <col width="5%">
                        <col width="5%">
                        <col width="20%">
                        <col width="/">
                    </colgroup>
                    <thead>
                        <tr>
                            <th></th>
                            <th>번호</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 ($data as $item)

                            @php
                                $country_id = $item->country_id;
                                $zipcode = $item->zip_code ?: $item->user->zip_code;
                                $address = $item->address ?: $item->user->address;
                                $address_detail = $item->address_detail ?: $item->user->address_detail;

                                $enrollments = $item->payment->enrollments;
                            @endphp
                        <tr>
                            <td>
                                <input type="checkbox" name="delivery_id" value="{{ $item->id }}" />
                            </td>
                            <td>{{ $item->id }}</td>
                            <td>{{ $item->user->name }}</td>
                            <td>{{ $item->user->email }} {{ $item->user->edm_id ?? "(".$item->user->edm_id.")" }}</td>
                            <td><a href="{{ route('payment.detail', ['paymentId' => $item->payment_id]) }}" target='_blank'>{{ $item->payment->old_index > 0 ? $item->payment->old_index : $item->payment->payment_no }}</a></td>
                            <td>{{ $pStatus[$item->payment->status] }}</td>
                            <td>
                                <select class="form-select form-select-sm" name="status"  @disabled(in_array($item->status, ['CANCELED', 'NOT_APPLICABLE']) )>
                                    @foreach ($status as $key => $val)
                                    <option value="{{ $key }}" @selected($key == $item->status)>{{ $val }}</option>
                                    @endforeach
                                </select>
                            </td>
                            <td>
                                <select class="form-select form-select-sm" name="company" id="company" @disabled(in_array($item->status, ['CANCELED', 'NOT_APPLICABLE']) )>
                                    <option disabled  @selected(empty($item->company) )>택배사 선택</option>
                                    @foreach ($companies as $code => $company )
                                    <option value="{{ $code }}" @selected($item->company == $code)>{{ $company }}</option>
                                    @endforeach
                                </select>

                            </td>
                            <td>
                                <div class="row mx-0">
                                    <div class="col-10 px-0">
                                        <input type="text" name="reference_id" value="{{ $item->reference_id }}" class="form-control form-control-sm reference_id" @disabled(in_array($item->status, ['CANCELED', 'NOT_APPLICABLE']) ) />
                                    </div>
                                    @if (! in_array($item->status, ['CANCELED', 'NOT_APPLICABLE']))
                                    <div class="align-right col-2">
                                        <button class="btn btn-sm btn-primary onChange" data-id="{{ $item->id }}" type="button">
                                            <i class="bi bi-pencil-square"></i>
                                        </button>
                                    </div>
                                @endif
                                </div>
                            </td>
                            <td>{{ $item->receiver }}</td>
                            <td>(+{{ $item->phone_code ?? 82 }}) {{ $item->mobile }}</td>
                            <td>
                                <div class="row mx-0">
                                <ul class="list-item-none col-10 px-0 font-sm">
                                    <li class="row mb-2 mx-0">
                                        <div class="col-3 font-weight-600">국가</div>
                                        <div class="col-9">{{ $country[$country_id] }}</div>
                                    </li>
                                    <li class="row mb-2 mx-0">
                                        <div class="col-3 font-weight-600">우편번호</div>
                                        <div class="col-9">{{ $zipcode }}</div>
                                    </li>
                                    <li class="row mb-2 mx-0">
                                        <div class="col-3 font-weight-600">주소</div>
                                        <div class="col-9">
                                            {{ $country_id != 30 ? $item->region : ''}} {{ $address }} {{ $address_detail }}</div>
                                    </li>
                                    <li class="row mb-2 mx-0">
                                        <div class="col-3 font-weight-600">배송메세지</div>
                                        <div class="col-9">{{ $item->note }}</div>
                                    </li>
                                </ul>
                                @if (! in_array($item->status, ['CANCELED', 'NOT_APPLICABLE']))
                                <div class="align-right col-2">
                                    <button class="btn btn-sm btn-primary" onclick="onOpenDeliveryList('{{ $item->id }}')"><i class="bi bi-pencil-square"></i></button>
                                </div>
                                @endif
                                </div>
                            </td>
                            <td>
                                @foreach ($enrollments as $key => $enrollment)

                                    @php
                                        $giveTextbooks = $enrollment->getEnrollmentGiveTextbooks();
                                    @endphp

                                    <div class="delivery-books">
                                        <div class="mb-1 header">
                                            {{ $enrollment->getEnrollmentName() }}
                                        </div>
                                        <ul class="list-item-none textbooks custom-scroll font-sm">
                                            @foreach ($enrollment->enrollmentTextbooks as $book)
                                                <li>{{ $book->name }}</li>
                                            @endforeach

                                            @foreach ($giveTextbooks as $book)
                                                <li class="give">{{ $book }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endforeach
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </main>

        <footer>
            <div class="pagination-wrap">
                {{ $data->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 onOpenDeliveryList(id) {
        const href= '{{ route("delivery.popup.address", ["id" => ":id"]) }}';
        edmPopupOpen(href.replace(":id", id))
    }

    function onOpenExcelUpload() {
        const href = "{{ route('delivery.popup.excel') }}";
        window.open(href, "_blank", "width=900 height=1000");
    }
    $(function( ) {
        $('.onChange').on("click",  function() {
            const tr = $(this).closest("tr");

            const status = tr.find("select[name=status]").val();
            const company = tr.find("select[name=company]").val();
            const reference_id = tr.find('.reference_id').val();
            const id = $(this).data('id');

            if ($.isEmptyObject(company)) {
                alertify.alert("Error", "택배사를 선택하세요"), () => {};
                return false
            }

            if ($.isEmptyObject(reference_id)) {
                alertify.alert("Error", "송장번호를 입력하세요"), () => {};
                return false
            }

            alertify.confirm("확인", "배송정보를 수정하시겠습니까?", async () => {
                const href = "{{ route('api.delivery.modify', ':id') }}";
                const result = await customFetch(href.replace(":id", id), {
                    method: "POST",
                    body : JSON.stringify({"company" : company,"reference_id" : reference_id, 'status' : status}) ,
                    headers: { "Content-Type" : "application/json"}
                });

                if (result.status) {
                    alertify.alert("완료", "변경되었습니다.", () => { });
                } else {
                    alertify.alert("error", result.message);
                }
            }, () => {} )
        })

    })

    function invoiceDownload() {
        excelDownload('.search-form', "{{ route('delivery.excel', ['type' => 'invoice']) }}")
    }

</script>
@endpush