@php
    use App\Components\SearchQueryComponent;
    use Carbon\Carbon;
    use App\Enums\ProductStatus;
    use App\Enums\OrderProductStatus;
    use App\Enums\OrderStatus;
    $listOrderStatus = OrderStatus::asSelectArray();
@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="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label d-flex" style="font-weight: 600; line-height: 33px;">基本情報</label>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">注文番号</label>
                                        <div class="col-sm-10 col-form-label">
                                            #{{ $order->order_number }}
                                        </div>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">注文者氏名
                                        </label>
                                        <div class="col-sm-10 col-form-label">
                                            {{ $order->shipping_name }}
                                        </div>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">連絡先情報
                                        </label>
                                        <div class="col-sm-10 col-form-label">
                                            {{ $order->shipping_email }}
                                        </div>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">会社名
                                        </label>
                                        <div class="col-sm-10 col-form-label">
                                            {{ $order->shipping_company }}
                                        </div>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">配送先住所
                                        </label>
                                        <div class="col-sm-10 col-form-label">
                                            {{ $order->shipping_country }}〒{{ $order->shipping_zip }}<br/>
                                            {{ $order->shipping_province }}{{ $order->shipping_city }}<br/>
                                            {{ $order->shipping_address1 }}<br/>
                                            {{ $order->shipping_address2 }}<br/>
                                            {{ $order->shipping_company }}
                                        </div>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">電話番号
                                        </label>
                                        <div class="col-sm-10 col-form-label">
                                            {{ \App\Helpers\FormatPhoneNumber::formatPhoneNumber($order->shipping_phone) }}
                                        </div>
                                    </div>
                                    <div class="mb-3 row ms-3">
                                        <label for="" class="col-sm-2 col-form-label">ステータス
                                        </label>
                                        <div class="col-sm-2 col-form-label">
                                            @foreach ($listOrderStatus as $key => $status)
                                                @if ($key == $order->order_status)
                                                    {{ $status }}
                                                @endif
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12 mt-">
                                    <div class="mb-3 row ms-3">
                                        <div class="col-sm-2 col-form-label">
                                            <span style="font-weight: 600;line-height: 33px;">購入ギフト</span>
                                        </div>
                                        <div class="col-sm-2 col-form-label">
                                            <a href="{{ route('admin.order_products.index') }}?order_id={{ $order->id }}"
                                                class="btn btn-primary button-search">交換状況一覧</a>
                                        </div>
                                        <div class="col-sm-8 col-form-label"></div>

                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12 mt-">
                                    @if (!empty($order->orderProducts))
                                        @php $shopifyVariantIds = []; @endphp
                                        @foreach ($order->orderProducts as $orderProduct)
                                            @php
                                                if (in_array($orderProduct->shopify_variant_id, $shopifyVariantIds)) {
                                                    continue;
                                                }
                                                $shopifyVariantIds[] = $orderProduct->shopify_variant_id;
                                            @endphp
                                            <div class="mb-2 row ms-3">
                                                <div class="col-sm-8 col-form-label">
                                                    {{ $orderProduct->name }}
                                                </div>
                                                <div class="col-sm-2 col-form-label">
                                                    {{ $orderProduct->number_exchanges }}品
                                                </div>
                                                <div class="col-sm-2 col-form-label">
                                                    x{{ $orderProduct->quantity }}
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
<style>
    .button-full-width {
        width: 100%;
    }

    .button-search {
        border-radius: 15px !important;
    }
</style>