@php use App\Enums\ShippingTemperatureForEcPay;use App\Presenters\OrderPresenter; @endphp
@php use App\Libraries\Number;use Carbon\Carbon; @endphp
@extends('cms.layouts.frame')


@section("scripts")
    @viteIfExist(["resources/js/cms/order/edit.js"])
@endsection

@section('content')
    <main>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <a href="{{ $editUrl }}"
                    @class(["nav-link", "active" => $tab === "edit"])>
                    訂單：{{ $order->order_no }}
                </a>
                <a href="{{ $logisticSettingUrl }}"
                    @class(["nav-link", "active" => $tab === "logisticSettings"])>
                    物流設定
                </a>
            </div>
        </nav>
        <div class="tab-content pt-3" id="nav-tabContent">
            {{-- 查看 --}}

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

            <div @class(["tab-pane", "fade", "show" ,"active" => $tab === "edit"]) id="nav-home" role="tabpanel"
                 aria-labelledby="nav-edit-tab" tabindex="0">
                <form class="js-order-form" method="post">
                    @csrf
                    @method('PUT')

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">付款狀態 <span
                                class="text-light">{{ $paymentType($order) }}</span></label>
                        <select class="form-select" name="paymentStatus">
                            <option
                                @selected($order->payment_status === "unpaid") value="unpaid">{{ OrderPresenter::paymentStatus("unpaid") }}</option>
                            <option
                                @selected($order->payment_status === "authorized") value="authorized">{{ OrderPresenter::paymentStatus("authorized") }}</option>
                            <option
                                @selected($order->payment_status === "paid") value="paid">{{ OrderPresenter::paymentStatus("paid") }}</option>
                            <option
                                @selected($order->payment_status === "expired") value="expired">{{ OrderPresenter::paymentStatus("expired") }}</option>
                            <option
                                @selected($order->payment_status === "refund") value="refund">{{ OrderPresenter::paymentStatus("refund") }}</option>
                            <option
                                @selected($order->payment_status === "cancel") value="cancel">{{ OrderPresenter::paymentStatus("cancel") }}</option>
                        </select>

                    </div>


                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">出貨狀態 <span
                                class="text-light">{{ $tmeperature }} - {{ $shippingType($order) }}</span></label>

                        <select class="form-select" name="shippingStatus">
                            <option
                                @selected($order->shipping_status === "unshipped") value="unshipped">{{ OrderPresenter::shippingStatus("unshipped") }}</option>
                            <option
                                @selected($order->shipping_status === "preparing") value="preparing">{{ OrderPresenter::shippingStatus("preparing") }}</option>
                            <option
                                @selected($order->shipping_status === "shipped") value="shipped">{{ OrderPresenter::shippingStatus("shipped") }}</option>
                            <option
                                @selected($order->shipping_status === "delivered") value="delivered">{{ OrderPresenter::shippingStatus("delivered") }}</option>
                            <option
                                @selected($order->shipping_status === "returned") value="returned">{{ OrderPresenter::shippingStatus("returned") }}</option>
                            <option
                                @selected($order->shipping_status === "cancel") value="cancel">{{ OrderPresenter::shippingStatus("cancel") }}</option>
                        </select>

                    </div>

                    <button type="button"
                            class="btn btn-primary js-save"
                            data-form-action="{{ route("cms.order.update", [$order->id, "redirect" => url()->full()]) }}">
                        儲存
                    </button>


                    <button type="button" class="btn btn-secondary" onclick="location.href='{{ $request->redirect }}'">
                        返回
                    </button>

                    <hr>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">{{ config("website.name") }}
                            訂單編號</label>
                        <div class="text-success">{{ $order->order_no }}</div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">{{ config("website.name") }}
                            遞交至綠界付款的訂單編號</label>
                        <div class="card">
                            <div class="card-body">

                                @if($order->tradeNumbers->count() > 0)
                                    <div>
                                        若要在綠界後台查詢訂單，請使用這裡的編號作為查詢。
                                    </div>

                                @endif

                                @forelse($order->tradeNumbers as $key => $orderTradeNumber)
                                    <div class="my-3">
                                        <span class="text-success fw-bolder">{{ $orderTradeNumber->trade_no }}</span>
                                        <span
                                            class="text-secondary mx-3"> {{ Carbon::parse($orderTradeNumber->created_at)->format("Y-m-d H:i:s") }}</span>
                                    </div>
                                @empty
                                    <div class="my-3">
                                        尚未在綠界生成訂單編號。
                                    </div>
                                @endforelse
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">物流編號</label>
                        <div class="text-success">{{ $order->logistics_raw_data_formal['LogisticsID'] ?? "-" }}</div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">會員編號</label>
                        <div>
                            @if(empty($order->user))
                                <span class="text-secondary">非會員</span>
                            @else
                                <a href="{{ route("cms.users.edit", [$order->user->id]) }}">
                                    {{ $order->user->number }} -
                                    {{ $order->user->name }}
                                </a>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">折扣碼</label>
                        <div>
                            @if(empty($order->coupon_id))
                                <div class="text-success">無</div>
                            @else
                                <div class="text-success">{{ $order->coupon_id }}</div>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">買家留存資料</label>
                        <div class="card">
                            <div class="card-body">
                                @if(!empty($order->user_info))
                                    @foreach($order->user_info as $key => $info)
                                        <div>
                                            <span class="text-secondary">{{ __($key) }}：</span>
                                            <span class="text-success">{{ $info }}</span>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">商品明細</label>
                        <div>
                            <table class="table min-w-1280  table-bordered">
                                <thead>
                                <tr>
                                    <th class="col-2" scope="col">手填貨號</th>
                                    <th class="col-1" scope="col">商品項目編號</th>
                                    <th class="col" scope="col">商品編號</th>
                                    <th scope="col">商品名稱</th>
                                    <th scope="col">商品價格</th>
                                    <th scope="col">商品數量</th>
                                    <th scope="col">商品小計</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($order->details as $detail)
                                    @php
                                        // dump($detail->toArray())
                                    @endphp
                                    <tr>
                                        <td>
                                            <livewire:c-m-s.order.sku-input :detail-id="$detail->id"
                                                                            :detail-sku="$detail->sku ?? null"
                                                                            :key="$detail->id"/>
                                        </td>
                                        <td>
{{--                                            @dd($detail->productVariantAttribute)--}}
                                            @if($detail->productVariantAttribute)
                                                #{{ $detail->productVariantAttribute->number }}
                                            @endif
                                        </td>
                                        <td>
                                            #{{ $detail->id }}
                                        </td>
                                        <td>
                                            @if ($detail->target_type === "product")
                                                <a href="{{ route("cms.product.edit", ["id" => $detail->target_product_id ?? 0, "redirect" => url()->full()]) }}">
                                                    {{ $detail->target_title }}
                                                </a>
                                            @else
                                                {{ $detail->target_title }}
                                            @endif
                                        </td>
                                        <td>{{ $detailPrice($detail) }}</td>
                                        <td>{{ $detail->quantity }}</td>
                                        <td class="text-success">{{ $detailSubTotal($detail) }}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">訂單總金額</label>
                        <div
                            class="text-success fw-bold">{{ Number::price($order->amount, false) }}</div>
                    </div>


                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">付款方式</label>
                        <div class="text-success">{{ $paymentType($order) }}</div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">運送方式</label>
                        <div class="text-success">{{ $tmeperature }} - {{ $shippingType($order) }}</div>
                    </div>

                    @if(!empty($order->logistics_raw_data))
                        <div class="mb-3">
                            <label for="exampleInputEmail1" class="form-label fw-bold">物流資訊</label>
                            <div class="card">
                                <div class="card-body">
                                    <ul>
                                        @if(!empty($receiverStoreID($order)))
                                            <li class="text-secondary" title="ReceiverStoreID">
                                                收件商店代號: {{ $receiverStoreID($order) }}
                                            </li>
                                        @endif
                                        @if(!empty($receiverStoreName($order)))
                                            <li class="text-secondary" title="ReceiverStoreName">
                                                收件商店名稱: {{ $receiverStoreName($order) }}
                                            </li>
                                        @endif
                                        @if(!empty($receiverAddress($order)))
                                            <li class="text-secondary">
                                                收件地址: {{ $receiverAddress($order) }}
                                            </li>
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>
                    @endif

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">是否為自取</label>
                        <div class="text-success">{{ $isSelfPickUp($order) }}</div>
                    </div>

                    <div class="mb-3">
                        <label for="exampleInputEmail1" class="form-label fw-bold">建立時間</label>
                        <div class="text-success">{{ $order->created_at }}</div>
                    </div>
                </form>
            </div>

            {{-- 物流編輯頁面 --}}
            <div @class(["tab-pane", "fade", "show" ,"active" => $tab === "logisticSettings"])>
                <form method="post" action="{{ route("cms.logistics.printLogisticsShow", ["order" => $order]) }}"
                      target="_blank">
                    @csrf
                    <input type="hidden" name="redirect" value="{{ url()->full() }}">

                    {{--                    @dump($order->toArray())--}}


                    <div class="mb-3">
                        <label for="goodsAmount" class="form-label fw-bold">商品金額</label>
                        <input type="text" class="form-control" id="goodsAmount" name="goodsAmount"
                               value="{{ $order->amount }}">
                        <div class="form-text">商品金額範圍為 1 ~ 20000 元</div>
                    </div>

                    <div class="mb-3">
                        <label for="specification" class="form-label fw-bold">宅配專用規格</label>
                        <select name="specification" id="specification" class="form-select">
                            <option value="0001">編號 0001： 60cm</option>
                            <option value="0002">編號 0002： 90cm</option>
                            <option value="0003">編號 0003： 120cm</option>
                            <option value="0004">編號 0004： 150cm</option>
                        </select>
                    </div>

                    <div class="mb-3">
                        <label for="remark" class="form-label fw-bold">備註</label>
                        <textarea name="remark" id="remark" class="form-control" rows="3"></textarea>
                    </div>

                    <p class="form-text">*點擊後將會傳送至綠界物流</p>
                    <button type="submit" class="btn btn-primary">列印出貨單</button>
                </form>
            </div>
        </div>
    </main>
@endsection