@php use App\Enums\Order\OrderItemStatusEnum;use App\Enums\Order\OrderStatusEnum; @endphp
@extends('layouts.seller.app', ['page' => $menuSeller['orders']['active'] ?? ""])

@section('title', __('labels.order_details'))

@section('header_data')
    @php
        $page_title = __('labels.order_details');
        $page_pretitle = __('labels.seller') . " " . __('labels.order_details');
    @endphp
@endsection

@php
    $breadcrumbs = [
        ['title' => __('labels.home'), 'url' => route('seller.dashboard')],
        ['title' => __('labels.orders'), 'url' => route('seller.orders.index')],
        ['title' => __('labels.order_details'), 'url' => '']
    ];
@endphp

@section('seller-content')
    <div class="page-wrapper">
        <!-- BEGIN PAGE HEADER -->
        <div class="page-header d-print-none">
            <div class="container-xl">
                <div class="row g-2 align-items-center">
                    <div class="col">
                        <h2 class="page-title">{{ __('labels.order_details') }}</h2>
                    </div>
                    <div class="col-auto ms-auto d-print-none">
                        <div class="btn-list">
                            <a href="{{ route('seller.orders.index') }}"
                               class="btn btn-secondary d-none d-sm-inline-block">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left"
                                     width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                    <path d="M5 12l14 0"></path>
                                    <path d="M5 12l6 6"></path>
                                    <path d="M5 12l6 -6"></path>
                                </svg>
                                {{ __('labels.back_to_orders') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE HEADER -->

        <div class="page-body">
            <div class="container-xl">
                <div class="row row-cards">
                    <!-- Order Summary Card -->
                    <div class="col-12 col-lg-6">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('labels.order_summary') }}</h3>
                            </div>
                            <div class="card-body">
                                <div class="datagrid">
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.order_number') }}</div>
                                        <div class="datagrid-content">{{ $order['uuid'] }}</div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.order_date') }}</div>
                                        <div
                                                class="datagrid-content">{{ $order['created_at'] }}</div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.status') }}</div>
                                        <div class="datagrid-content text-capitalize">
                                            <span class="badge {{ $order['status'] }}">
                                                {{ Str::ucfirst(Str::replace("_", " ", $order['status']))}}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.total_price') }}</div>
                                        <div
                                                class="datagrid-content">{{ $systemSettings['currencySymbol'] . number_format($order['total_price'], 2) }}</div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.payment_method') }}</div>
                                        <div
                                                class="datagrid-content text-uppercase">{{ $order['payment_method'] }}</div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.payment_status') }}</div>
                                        <div class="datagrid-content text-capitalize">
                                            <span
                                                    class="badge {{ $order['payment_status'] === 'paid' ? 'bg-green-lt' : 'bg-yellow-lt' }}">
                                            {{ $order['payment_status'] }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if(!empty($order['order_note']))
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h3 class="card-title">{{ __('labels.customer_information') }}</h3>
                                </div>
                                <div class="card-body">
                                    <div class="datagrid">
                                        <div class="datagrid-item">
                                            <div class="datagrid-title">{{ __('labels.order_note') }}</div>
                                            <div
                                                class="datagrid-content text-capitalize">
                                                <textarea class="form-control" rows="3" readonly
                                                          disabled>{{ $order['order_note'] }}</textarea></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    </div>

                    <!-- Customer Information Card -->
                    <div class="col-12 col-lg-6">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('labels.customer_information') }}</h3>
                            </div>
                            <div class="card-body">
                                <div class="datagrid">
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.customer_name') }}</div>
                                        <div
                                                class="datagrid-content text-capitalize">{{ $order['billing_name'] }}</div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.email') }}</div>
                                        <div class="datagrid-content">{{ $order['email'] }}</div>
                                    </div>
                                    <div class="datagrid-item">
                                        <div class="datagrid-title">{{ __('labels.phone') }}</div>
                                        <div class="datagrid-content">{{ $order['billing_phone'] }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Shipping Address Card -->
                        <div class="card mt-3">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('labels.shipping_address') }}</h3>
                            </div>
                            <div class="card-body">
                                <address>
                                    {{ $order['shipping_name'] }}<br>
                                    {{ $order['shipping_address_1'] }}<br>
                                    @if($order['shipping_address_2'])
                                        {{ $order['shipping_address_2'] }}<br>
                                    @endif
                                    @if($order['shipping_landmark'])
                                        {{ $order['shipping_landmark'] }}<br>
                                    @endif
                                    {{ $order['shipping_city'] }}
                                    , {{ $order['shipping_state'] }} {{ $order['shipping_zip'] }}<br>
                                    {{ $order['shipping_country'] }}<br>
                                    {{ $order['shipping_phone'] }}
                                </address>
                            </div>
                        </div>
                    </div>
                    <!-- Order Items Card -->
                    <div class="col-12 mt-3">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="card-title">{{ __('labels.order_items') }}</h3>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-vcenter card-table">
                                        <thead>
                                        <tr>
                                            <th width="30">
                                                <input type="checkbox" class="form-check-input" id="select-all-items">
                                            </th>
                                            <th>{{ __('labels.product') }}</th>
                                            <th>{{ __('labels.variant') }}</th>
                                            <th>{{ __('labels.price') }}</th>
                                            <th>{{ __('labels.status') }}</th>
                                            <th>{{ __('labels.quantity') }}</th>
                                            <th>{{ __('labels.subtotal') }}</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($order['items'] as $item)
                                            <tr>
                                                <td>
                                                    <input type="checkbox" class="form-check-input item-checkbox"
                                                           name="item_ids[]" value="{{ $item['orderItem']['id'] }}">
                                                </td>
                                                <td>{{ $item['product']['title'] ?? 'N/A' }}
                                                    @if(!empty($item['attachments']))
                                                        <br class="mt-7">
                                                        <span class="fw-medium">Attachments</span>
                                                        <ul class="list-unstyled mb-0">
                                                            @foreach($item['attachments'] as $attachment)
                                                                <li><a href="{{ $attachment }}"
                                                                       target="_blank"
                                                                       data-fslightbox="gallery">view</a>
                                                                </li>
                                                            @endforeach
                                                        </ul>
                                                    @endif
                                                </td>
                                                <td>{{ $item['variant']['title'] ?? 'N/A' }}</td>
                                                <td>{{$systemSettings['currencySymbol'] . number_format($item['price'], 2) }}</td>
                                                <td><span class="badge {{ $item['orderItem']['status'] }}">
                                                {{ $item['orderItem']['status_formatted'] }}
                                                </span></td>
                                                <td>{{ $item['quantity'] }}</td>
                                                <td>{{ $systemSettings['currencySymbol'] . number_format($item['subtotal'], 2) }}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <td colspan="4" class="text-end"><strong>{{ __('labels.total') }}:</strong>
                                            </td>
                                            <td><strong>{{ collect($order['items'])->sum('quantity')  }}</strong></td>
                                            <td>
                                                <strong>{{$systemSettings['currencySymbol'] . number_format($order['total_price'], 2) }}</strong>
                                            </td>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    @if(!in_array($order['status'], [OrderStatusEnum::COLLECTED(), OrderStatusEnum::READY_FOR_PICKUP(),OrderStatusEnum::OUT_FOR_DELIVERY(),OrderStatusEnum::DELIVERED(),OrderStatusEnum::FAILED(),OrderStatusEnum::CANCELLED()]))
                        <!-- Update Status Card -->
                        <div class="col-12 mt-3">
                            <div class="card">
                                <div class="card-header">
                                    <h3 class="card-title">{{ __('labels.update_status') }}</h3>
                                </div>
                                <div class="card-body">
                                    <div class="alert alert-info mb-3">
                                        <p class="mb-0">{{ __('labels.select_items_to_update_status') ?? 'Select one or more items from the table above to update their status.' }}</p>
                                    </div>
                                    <div id="status-update-results" class="mb-3"></div>
                                    <form id="update-status-form" method="POST">
                                        @csrf
                                        <div class="mb-3">
                                            <label class="form-label">{{ __('labels.status') }}</label>
                                            <select name="status" class="form-select text-capitalize" id="item-status">
                                                <option
                                                        value="accept">Accept
                                                </option>
                                                <option
                                                        value="reject">Reject
                                                </option>
                                                <option
                                                        value="preparing">Preparing
                                                </option>
                                            </select>
                                        </div>
                                        <div class="mb-3">
                                            <button type="submit" class="btn btn-primary" id="update-items-status">
                                                {{ __('labels.update_status') }}
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('assets/js/order.js') }}"></script>
@endpush