@php
    use App\Components\SearchQueryComponent;
    use Carbon\Carbon;
    use App\Enums\ProductStatus;
    use App\Enums\OrderProductStatus;
    $listStatus = OrderProductStatus::asSelectArray();
    $categoryName = 'ギフト交換対応';
@endphp
@extends('layouts.admin')

@section('content')
    <div class="container">
        <div class="fade-in">
            <div class="row">
                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-header">
                            <label>交換状況一覧
                            </label>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 col-sm-12 col-xs-12">
                                    <div class="searchFrom">
                                        <form action="{{ route('admin.order_products.index') }}" class="form-inline">
                                            <div class="ms-3">
                                                <div class="mb-2">
                                                    <label for="">注文番号
                                                    </label>
                                                </div>
                                                <div>
                                                    <input name="order_number" value="{{ $request->order_number ?? '' }}"
                                                        class="form-control order_number" id="search_input">
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="mb-2">
                                                    <label for="">お客様番号
                                                    </label>
                                                </div>
                                                <div>
                                                    <input name="gift_code" value="{{ $request->gift_code ?? '' }}"
                                                        class="form-control gift_code" id="search_input">
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="mb-2">
                                                    <label for="">ステータス</label>
                                                </div>
                                                <div>
                                                    <select class="form-select" name="order_status"
                                                        value="{{ $request->order_status }}">
                                                        <option value="">すべて</option>
                                                        @foreach ($listStatus as $key => $status)
                                                            <option value="{{ $key }}">
                                                                {{ $status }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="ms-3">
                                                <div class="mb-2">
                                                    <label for="">商品カテゴリ</label>
                                                </div>
                                                <div>
                                                    <select class="form-select" name="collection"
                                                        value="{{ $request->collection }}">
                                                        <option value="">すべて</option>
                                                        @foreach ($collections as $key => $collect)
                                                            @php $categoryName = $collect->title; @endphp
                                                            <option value="{{ $collect->id }}">
                                                                {{ $collect->title }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="ms-3 mt-2">
                                                <div class="mt-4">
                                                    <button type="submit"
                                                        class="btn btn-primary w-100 button-search">検索</button>
                                                </div>
                                            </div>
                                            <div class="ms-3 mt-2">
                                                <div class="mt-4">
                                                    <a class="btn btn-warning button-search" id="show-popup">ハガキ印字用csv出力</a>
                                                 </div>
                                            </div>
                                            <div class="ms-3 mt-2">
                                                <div class="mt-4">
                                                   <a href="{{ route('admin.orderProducts.export') }}" id="csv_output_yamato" class="btn btn-warning button-search">ヤマト用csv出力</a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            @if (!$orderProducts->isEmpty())
                                <table class="table table-responsive-sm table-striped mt-5">
                                    <thead class="table-dark">
                                        <tr>
                                            <th style="width:110px;">
                                                注文番号
                                            </th>
                                            <th>
                                                ギフト名
                                            </th>
                                            <th>
                                                交換数
                                            </th>
                                            <th style="width:170px;">
                                                ステータス
                                            </th>
                                            <th>
                                                お客様番号
                                            </th>
                                            <th>
                                                交換日
                                            </th>
                                            <th>
                                                交換期日
                                            </th>
                                            <th style="width:170px;">
                                                商品カテゴリ
                                            </th>
                                            <th class="w-100">
                                            </th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php
                                            $order_number_old = '';
                                        @endphp
                                        @foreach ($orderProducts as $orderProduct)
                                            @php
                                                $date_exchanges = !empty($orderProduct->date_exchanges)
                                                    ? Carbon::parse($orderProduct->date_exchanges)->format(
                                                        'Y/m/d H:i:s',
                                                    )
                                                    : '-';
                                                $branch_number = $orderProduct->branch_number ?? 1;
                                            @endphp
                                            <tr>
                                                <td>
                                                @if ($orderProduct->number_exchanges > 0)
                                                    @for ($i = 1; $i <= $orderProduct->number_exchanges; $i++)
                                                        #{{ $orderProduct->order->order_number }}-{{ $branch_number }}-{{ $i }} <br/>
                                                    @endfor
                                                @endif
                                                @php
                                                    $order_number_old = $orderProduct->order->order_number;
                                                @endphp
                                                </td>
                                                <td>
                                                    {{ $orderProduct->name }}
                                                </td>
                                                <td>
                                                    {{ $orderProduct->number_exchanges }}品
                                                </td>
                                                <td>
                                                    {{ $listStatus[$orderProduct->status] ?? '' }}
                                                </td>
                                                <td>
                                                    {{ $orderProduct->gift_code }}
                                                </td>
                                                <td style="width:130px;">
                                                    {!! nl2br(str_replace(' ', '<br/>', $date_exchanges)) !!}
                                                </td>
                                                <td style="width:130px;">
                                                    @php
                                                    if (!empty($orderProduct->exchange_due_date)) {
                                                        $addMonth = Carbon::create($orderProduct->exchange_due_date)->format('Y-m-d');
                                                    } else {
                                                        $deadlineMonth = env('ORDER_DEADLINE_MONTH', 6);
                                                        $replacementDate = env('REPLACEMENT_DATE', '交換期日1年');
                                                        if ( ! empty($orderProduct->order->tags) && strpos($orderProduct->order->tags, $replacementDate) !== false) {
                                                            $deadlineMonth = 12;
                                                        }
                                                        $lastMonth = Carbon::create($orderProduct->order->order_created_at)->firstOfMonth()->format('Y-m-d');
                                                        $addMonth = Carbon::create($lastMonth)->addMonths($deadlineMonth)->lastOfMonth()->format('Y-m-d');
                                                    }
                                                    @endphp
                                                    {!! $addMonth !!}
                                                </td>
                                                <td>
                                                    {{ $categoryName }}
                                                </td>
                                                <td>
                                                    <p>
                                                    <a href="{{ route('admin.orderProducts.detail', $orderProduct->id) }}?order_id={{ $orderProduct->order_id }}"
                                                        class="btn btn-primary w-100 button-search">詳細</a></p>
                                                    <p><a href="{{ route('admin.orderProducts.productExchanges', $orderProduct->id) }}?order_id={{ $orderProduct->order_id }}"
                                                        class="btn btn-primary w-100 button-search">交換</a></p>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                <div class="group-paginate pagination-container">
                                    {{ $orderProducts->appends(SearchQueryComponent::alterQuery($request))->links('pagination.admin') }}
                                </div>
                            @else
                                <data-empty></data-empty>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
<style>
    .order_number, .gift_code { width:8em !important; }
    .button-full-width {
        width: 100%;
    }

    .button-search {
        border-radius: 15px !important;
    }

    .pagination-container {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    label {
        font-weight: bold;
    }

    th {
        white-space: nowrap;
    }

    .table-dark {
        width: 100%;
        table-layout: fixed;
    }
    .csv_popup { padding-top: 2em; }
    .csv_popup span {
        font-size:24px;
    }
    .csv_popup span.title {
        margin-right:5px;
    }
    .csv_popup .swal2-input{ height: 2em;margin: 5px;}
</style>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    document.addEventListener('DOMContentLoaded', function () {
    
    var countExchange = {{ $countExchangeComplete }};
    document.getElementById('csv_output_yamato').addEventListener('click', function(event) {
        if (countExchange < 1) {
            event.preventDefault();
            alert('商品交換完了となっているデータがありません');
            return;
        } else {
            window.location.href = this.href;
        }
    });

    var showPopupButton = document.getElementById('show-popup');
    if (showPopupButton) {
        showPopupButton.addEventListener('click', function () {
            const { value: formValues } = Swal.fire({
                html: `
                    <div class="csv_popup">
                     <span class="title">注文番号</span>
                        <input id="swal-input1" class="swal2-input w-25">
                        <span>～</span>
                        <input id="swal-input2" class="swal2-input w-25">
                    </div>
                `,
                focusConfirm: false,
                confirmButtonText: '出力する',
                customClass: {
                    confirmButton: 'btn btn-primary w-100 button-search'
                },
                preConfirm: async () => {
                    var order_start = document.getElementById("swal-input1").value;
                    var order_end = document.getElementById("swal-input2").value;
                    var error = false;
                    if (order_start != '' && (parseInt(order_start) % 1 != 0 || parseInt(order_start) != order_start || parseInt(order_start) < 0)) {
                        error = true;
                    }
                    if (order_end != '' && (parseInt(order_end) % 1 != 0 || parseInt(order_end) != order_end || parseInt(order_end) < 0)) {
                        error = true;
                    }
                    if (order_start != '' && order_end != '' && parseInt(order_start) > parseInt(order_end)) {
                        error = true;
                    }

                    if (error) {
                        Swal.showValidationMessage('注文番号を正しく入力してください');return; 
                    }
                    if (order_start == '') { order_start = 0 };
                    if (order_end == '') { order_end = 0 };
                    var exportUrl = `/admin/order_products/export_order/do_export/${parseInt(order_start)}/${parseInt(order_end)}`;
                    window.open(exportUrl, '_blank');
                    return;
                }
                });
                if (formValues) {
                Swal.fire(JSON.stringify(formValues));
                }
        });
    }
});
</script>