@php use App\Enums\PaymentStatus;use App\Enums\ShippingStatus;use App\Libraries\Number; @endphp
@php use App\Libraries\Icon;use App\Models\Order; @endphp
@extends('cms.layouts.frame')

@section('content')
    <main>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <button class="nav-link {{ $activeNavLink("index") }}" id="nav-index-tab" data-bs-toggle="tab"
                        data-bs-target="#nav-index" type="button" role="tab" aria-controls="nav-index"
                        aria-selected="true">訂單列表
                </button>
                <button class="nav-link {{ $activeNavLink("search") }}" id="nav-search-tab" data-bs-toggle="tab"
                        data-bs-target="#nav-search" type="button" role="tab" aria-controls="nav-search"
                        aria-selected="false">搜尋
                </button>

            </div>
        </nav>
        <div class="tab-content pt-3" id="nav-tabContent">
            {{-- 列表 --}}
            <div class="tab-pane fade {{ $activeTabPane("index") }}" id="nav-index" role="tabpanel"
                 aria-labelledby="nav-index-tab" tabindex="0">

                @php
                    // dump($orders->first()->toArray());
                @endphp

                @isset($request->redirect)
                    <div>
                        <a class="btn btn-secondary" href="{{ $request->redirect }}">返回</a>
                    </div>
                @endisset


                <div>
                    {{-- 下載 --}}
                    <a class="btn btn-secondary" href="{{ route("cms.order.indexExport", [
                        'userNumber' => $request->userNumber,
                        'orderNumber' => $request->orderNumber,
                        'productId' => $request->productId,
                        'createAtFrom' => $request->createAtFrom,
                        'createAtTo' => $request->createAtTo,
                    ]) }}">
                        下載
                    </a>
                </div>

                <table class="table min-w-1280  table-hover mt-2">
                    <thead>
                    <tr>
                        <th scope="col"></th>
                        <th scope="col">訂單編號</th>
                        <th scope="col">會員名稱</th>
                        <th scope="col">折扣碼編號</th>
                        <th scope="col">訂單金額</th>
                        <th scope="col">付款方式</th>
                        <th scope="col">付款狀態</th>
                        <th scope="col">運送方式</th>
                        <th scope="col">運送狀態</th>
                        <th scope="col">成立時間</th>
                        <th scope="col"></th>
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($orders as $order)
                        <tr>
                            @if($createdDiffNow($order) == 0)
                                <th class="col-1">
                                    <span class="text-secondary font-weight-bolder">
                                        今天
                                    </span>
                                </th>
                            @elseif($createdDiffNow($order) <= 7)
                                <td class="col-1">
                                    <span class="text-secondary">
                                        {{ $createdDiffNow($order) }} 天前
                                    </span>
                                </td>
                            @else
                                <td class="col-1">
                                    <span class="text-light">
                                        {{ $createdDiffNow($order) }} 天前
                                    </span>
                                </td>
                            @endif
                            <td class="col-1">{{ $order->order_no }}</td>
                            <td class="col-1">
                                @if(empty($order->user))
                                    <span class="text-light">非會員</span>
                                @else
                                    <a class="text-decoration-none"
                                       href="{{ route("cms.users.edit", [$order->user->id]) }}">
                                        {{ $order->user->name }}
                                    </a>
                                @endif
                            </td>
                            <td class="col-1">{{empty($order->coupon_id)?"無":$order->coupons->code}}</td>
                            <td class="text-success col-1">{{ Number::price($order->amount, false) }}</td>
                            <td class="col-1">{{ $paymentType($order) }}</td>
                            <td class="col-1">
                                @if(in_array($order->payment_status, [PaymentStatus::UNPAID]))
                                    <span class="text-danger">{{ $paymentStatus($order) }}</span>
                                @elseif(in_array($order->payment_status, [PaymentStatus::AUTHORIZED, PaymentStatus::PAID]))
                                    <span class="text-success">{{ $paymentStatus($order) }}</span>
                                @else
                                    <span class="text-light">{{ $paymentStatus($order) }}</span>
                                @endif
                            </td>
                            <td class="col-1">
                                @if($isSelfPickUp($order) != "自取")
                                    {{ $shiippingType($order) }}
                                @else
                                    {{ $isSelfPickUp($order) }}
                                @endif
                            </td>
                            <td class="col-1">
                                @if(in_array($order->shipping_status, [ShippingStatus::UNSHIPPED, ShippingStatus::PREPARING]))
                                    <div class="text-danger">
                                        {{ $shippingStatus($order) }}
                                    </div>
                                @elseif(in_array($order->shipping_status, [ShippingStatus::SHIPPED, ShippingStatus::DELIVERED]))
                                    <div class="text-success">
                                        {{ $shippingStatus($order) }}
                                    </div>
                                @else
                                    <div class="text-light">
                                        {{ $shippingStatus($order) }}
                                    </div>
                                @endif
                            </td>
                            <td class="col-1">{{ $order->created_at }}</td>

                            <td class="col-2 text-end">


                                @can("orderUpdate", Order::class)
                                    <a class="btn btn-primary btn-sm"
                                       href="{{ route("cms.order.edit", [$order->order_no, "redirect" => url()->full()]) }}"
                                       role="button">
                                        {!! Icon::edit() !!}
                                    </a>
                                @endcan

                                @can("orderViewAny", Order::class)
                                    <a class="btn btn-primary btn-sm"
                                       target="_blank"
                                       href="{{ route("foreground.cart.checkoutIndex", ["orderNo" => $order->order_no, "type" => "print"]) }}"
                                       role="button">
                                        {!! Icon::print() !!}
                                    </a>
                                @endcan


                                @can("orderDelete", Order::class)
                                    <form method="post" action="{{ route("cms.order.destroy", [$order->id]) }}"
                                          class="d-inline-block">
                                        @csrf
                                        @method("delete")

                                        <button type="submit" class="btn btn-secondary btn-sm js-confirm-delete">
                                            {!! Icon::delete() !!}
                                        </button>
                                    </form>
                                @endcan
                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
                <div class="row mt-2 mb-2">
                    <div class="col-12">
                        {{ $orders->links() }}
                    </div>
                </div>
            </div>

            {{-- 搜尋 --}}
            <div class="tab-pane fade {{ $activeTabPane("search") }}" id="nav-search" role="tabpanel"
                 aria-labelledby="nav-search-tab" tabindex="0">
                <form method="get" action="{{ route("cms.order.index") }}">
                    <div class="row">
                        <div class="col-8">
                            <div class="mb-3">
                                <label for="userNumber" class="form-label fw-bolder">會員編號</label>
                                <input type="text" class="form-control" name="userNumber">
                            </div>
                            <div class="mb-3">
                                <label for="orderNumber" class="form-label fw-bolder">訂單編號</label>
                                <input type="text" class="form-control" name="orderNumber">
                            </div>
                            <div class="mb-3">
                                <label for="couponId" class="form-label fw-bolder">折扣碼編號</label>
                                <input type="text" class="form-control" name="couponId">
                            </div>
                            <div class="mb-3">
                                <label for="userNumber" class="form-label fw-bolder">產品編號</label>
                                <input type="text" class="form-control" name="productId"
                                       value="{{ $request->productId }}">
                            </div>
                            {{-- TODO 有空回來完成 --}}
                            {{-- <div class="mb-3"> --}}
                            {{--     <label for="orderNumber" class="form-label fw-bolder">付款方式</label> --}}
                            {{--      <select class="form-select" aria-label="Default select example" name="paymentType"> --}}
                            {{--          <option>全部</option> --}}
                            {{--          <option value="{{ \App\Enums\PaymentType::Credit->value }}"> --}}
                            {{--              {{ \App\Presenters\PaymentTypePresenter::getTitle(\App\Enums\PaymentType::Credit->value) }} --}}
                            {{--          </option> --}}
                            {{--          <option value="{{ \App\Enums\PaymentType::Credit->value }}"> --}}
                            {{--              {{ \App\Presenters\PaymentTypePresenter::getTitle(\App\Enums\PaymentType::ATM->value) }} --}}
                            {{--          </option> --}}
                            {{--      </select> --}}
                            {{-- </div> --}}
                            {{-- <div class="mb-3"> --}}
                            {{--     <label for="orderNumber" class="form-label fw-bolder">付款狀態</label> --}}
                            {{--     <select class="form-select" aria-label="Default select example" name="paymentStatus"> --}}
                            {{--         <option>全部</option> --}}
                            {{--         <option value="unpaid">{{ \App\Presenters\OrderPresenter::paymentStatus("unpaid")}}</option> --}}
                            {{--         <option value="authorized">{{ \App\Presenters\OrderPresenter::paymentStatus("authorized")}}</option> --}}
                            {{--         <option value="paid">{{ \App\Presenters\OrderPresenter::paymentStatus("paid")}}</option> --}}
                            {{--         <option value="expired">{{ \App\Presenters\OrderPresenter::paymentStatus("expired")}}</option> --}}
                            {{--         <option value="refund">{{ \App\Presenters\OrderPresenter::paymentStatus("refund")}}</option> --}}
                            {{--         <option value="cancel">{{ \App\Presenters\OrderPresenter::paymentStatus("cancel")}}</option> --}}
                            {{--     </select> --}}
                            {{-- </div> --}}
                            {{-- <div class="mb-3"> --}}
                            {{--     <label for="orderNumber" class="form-label fw-bolder">運送方式</label> --}}
                            {{--     <select class="form-select" aria-label="Default select example" name="shippingType"> --}}
                            {{--         <option>全部</option> --}}
                            {{--         <option value="FAMI">{{ \App\Presenters\OrderPresenter::shippingType("FAMI")}}</option> --}}
                            {{--         <option value="UNIMART">{{ \App\Presenters\OrderPresenter::shippingType("UNIMART")}}</option> --}}
                            {{--         <option value="HILIFE">{{ \App\Presenters\OrderPresenter::shippingType("HILIFE")}}</option> --}}
                            {{--         <option value="TCAT">{{ \App\Presenters\OrderPresenter::shippingType("TCAT")}}</option> --}}
                            {{--         <option value="POST">{{ \App\Presenters\OrderPresenter::shippingType("POST")}}</option> --}}
                            {{--     </select> --}}
                            {{-- </div> --}}
                            {{-- <div class="mb-3"> --}}
                            {{--     <label for="orderNumber" class="form-label fw-bolder" name="isSelfPickUp">是否自取</label> --}}
                            {{--     <select class="form-select" aria-label="Default select example"> --}}
                            {{--         <option>全部</option> --}}
                            {{--         <option value="1">是</option> --}}
                            {{--         <option value="0">否</option> --}}
                            {{--     </select> --}}
                            {{-- </div> --}}
                            {{-- <div class="mb-3"> --}}
                            {{--     <label for="orderNumber" class="form-label fw-bolder">運送狀態</label> --}}
                            {{--     <select class="form-select" aria-label="Default select example" name="shippingStatus"> --}}
                            {{--         <option>全部</option> --}}
                            {{--         <option value="unshipped">{{ \App\Presenters\OrderPresenter::shippingStatus("unshipped") }}</option> --}}
                            {{--         <option value="preparing">{{ \App\Presenters\OrderPresenter::shippingStatus("preparing") }}</option> --}}
                            {{--         <option value="shipped">{{ \App\Presenters\OrderPresenter::shippingStatus("shipped") }}</option> --}}
                            {{--         <option value="delivered">{{ \App\Presenters\OrderPresenter::shippingStatus("delivered") }}</option> --}}
                            {{--         <option value="returned">{{ \App\Presenters\OrderPresenter::shippingStatus("returned") }}</option> --}}
                            {{--         <option value="cancel">{{ \App\Presenters\OrderPresenter::shippingStatus("cancel") }}</option> --}}
                            {{--     </select> --}}
                            {{-- </div> --}}
                            <div class="mb-3">
                                <label for="orderNumber" class="form-label fw-bolder">開始日期</label>
                                <input type="date" class="form-control" name="createAtFrom">
                            </div>
                            <div class="mb-3">
                                <label for="orderNumber" class="form-label fw-bolder">結束日期</label>
                                <input type="date" class="form-control" name="createAtTo">
                            </div>
                        </div>

                    </div>

                    {{-- <div class="row mt-2"> --}}
                    {{--     <div class="col-auto"> --}}
                    {{--         <select class="form-select" aria-label="Default select example"> --}}
                    {{--             <option selected>選擇分類 1</option> --}}
                    {{--             <option value="1">One</option> --}}
                    {{--             <option value="2">Two</option> --}}
                    {{--             <option value="3">Three</option> --}}
                    {{--         </select> --}}
                    {{--     </div> --}}
                    {{--     <div class="col-auto"> --}}
                    {{--         <select class="form-select" aria-label="Default select example"> --}}
                    {{--             <option selected>選擇分類 2</option> --}}
                    {{--             <option value="1">One</option> --}}
                    {{--             <option value="2">Two</option> --}}
                    {{--             <option value="3">Three</option> --}}
                    {{--         </select> --}}
                    {{--     </div> --}}
                    {{--     <div class="col-auto"> --}}
                    {{--         <select class="form-select" aria-label="Default select example"> --}}
                    {{--             <option selected>選擇分類 3</option> --}}
                    {{--             <option value="1">One</option> --}}
                    {{--             <option value="2">Two</option> --}}
                    {{--             <option value="3">Three</option> --}}
                    {{--         </select> --}}
                    {{--     </div> --}}
                    {{-- </div> --}}

                    {{-- <div class="row mt-2"> --}}
                    {{--     <div class="col"> --}}
                    {{--         <div class="form-check form-check-inline"> --}}
                    {{--             <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1"> --}}
                    {{--             <label class="form-check-label" for="inlineCheckbox1">標籤一</label> --}}
                    {{--         </div> --}}
                    {{--         <div class="form-check form-check-inline"> --}}
                    {{--             <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2"> --}}
                    {{--             <label class="form-check-label" for="inlineCheckbox2">標籤二</label> --}}
                    {{--         </div> --}}
                    {{--         <div class="form-check form-check-inline"> --}}
                    {{--             <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3" --}}
                    {{--                    disabled> --}}
                    {{--             <label class="form-check-label" for="inlineCheckbox3">標籤三 (disabled)</label> --}}
                    {{--         </div> --}}
                    {{--     </div> --}}
                    {{-- </div> --}}

                    {{-- <div class="row mt-2"> --}}
                    {{--     <div class="col"> --}}
                    {{--         <div class="form-check form-check-inline"> --}}
                    {{--             <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" --}}
                    {{--                    value="option1"> --}}
                    {{--             <label class="form-check-label" for="inlineRadio1">選項一</label> --}}
                    {{--         </div> --}}
                    {{--         <div class="form-check form-check-inline"> --}}
                    {{--             <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" --}}
                    {{--                    value="option2"> --}}
                    {{--             <label class="form-check-label" for="inlineRadio2">選項二</label> --}}
                    {{--         </div> --}}
                    {{--         <div class="form-check form-check-inline"> --}}
                    {{--             <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" --}}
                    {{--                    value="option3" disabled> --}}
                    {{--             <label class="form-check-label" for="inlineRadio3">選項三 (disabled)</label> --}}
                    {{--         </div> --}}
                    {{--     </div> --}}
                    {{-- </div> --}}

                    <div class="row mt-3">
                        <div class="col-12">
                            <button type="submit" class="btn btn-secondary">
                                確定
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </main>
@endsection