@extends('admin.layout.master')
@section('title', __('admin.order') . ' #' . $order->id)
@section('content')


        <div
        class="row-gap-4 mb-6 d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center">

        <div class="d-flex flex-column justify-content-center">
            <div class="mb-1">
                <span class="h5">{{ __('admin.order') }} #{{ $order->id }} </span><span
                    class="badge bg-label-{{ $order->payment_status ? 'success' : 'danger' }} me-1 ms-2">{{ $order->payment_status ? __('admin.paid') : __('admin.not_paid') }}</span>
                <span class="badge bg-label-{{ getOrderStatusClass($order->status) }}">{{ __('admin.order_status_arr.' . $order->status) }}</span>
            </div>
            <p class="mb-0">{{ date('M d', strtotime($order->created_at)) }} <span
                    id="orderYear">{{ date('Y', strtotime($order->created_at)) }}</span>,
                {{ date('h:i A', strtotime($order->created_at)) }}</p>
        </div>

    </div>

    <!-- Order Details Table -->

    <div class="row">
        @permission('order-update')
        <div class="col-md-12">
            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="mb-0 card-title">{{ __('admin.actions') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.order.update', $order->id) }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label" for="status">{{ __('admin.status') }}</label>
                                    <select class="form-select" id="status" name="status">
                                        <option value="">{{ __('admin.select_status') }}</option>
                                        <option {{ $order->status == '-2' ? 'selected' : '' }} value="-2">
                                            {{ __('admin.cancelled') }}</option>
                                        <option {{ $order->status == '-1' ? 'selected' : '' }} value="-1">
                                            {{ __('admin.rejected') }}</option>
                                        <option {{ $order->status == '0' ? 'selected' : '' }} value="0">
                                            {{ __('admin.pending') }}</option>
                                        <option {{ $order->status == '1' ? 'selected' : '' }} value="1">
                                            {{ __('admin.accepted') }}</option>
                                        <option {{ $order->status == '2' ? 'selected' : '' }} value="2">
                                            {{ __('admin.start_processing') }}</option>
                                        <option {{ $order->status == '3' ? 'selected' : '' }} value="3">
                                            {{ __('admin.ready_for_delivery') }}</option>
                                        <option {{ $order->status == '4' ? 'selected' : '' }} value="4">
                                            {{ __('admin.out_of_delivery') }}</option>
                                        <option {{ $order->status == '5' ? 'selected' : '' }} value="5">
                                            {{ __('admin.completed') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label class="form-label" for="payment_status">{{ __('admin.payment_status') }}</label>
                                    <select class="form-select" id="payment_status" name="payment_status">
                                        <option value="">{{ __('admin.select_payment_status') }}</option>
                                        <option {{ $order->payment_status == '0' ? 'selected' : '' }} value="0">
                                            {{ __('admin.pending') }}</option>
                                        <option {{ $order->payment_status == '1' ? 'selected' : '' }} value="1">
                                            {{ __('admin.paid') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="self-end mt-3 text-end col-12">
                                <button type="submit" class="btn btn-primary">{{ __('admin.update') }}</button>
                            </div>
                        </div>
                </form>
                </div>
            </div>
        </div>
        @endpermission

        <div class="col-12 col-lg-8">
            <div class="mb-6 card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="m-0 card-title">{{ __('admin.order_details') }}</h5>
                </div>
                <div class="card-datatable table-responsive">
                    <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
                        <table class="table datatables-order-details border-top dataTable no-footer dtr-column"
                            id="DataTables_Table_0" style="width: 801px;">
                            <thead>
                                <tr>
                                    <th class="w-50 sorting_disabled" rowspan="1" colspan="1" style="width: 301px;"
                                        aria-label="products">{{ __('admin.products') }}</th>
                                    <th class="w-25 sorting_disabled" rowspan="1" colspan="1" style="width: 127px;"
                                        aria-label="price">{{ __('admin.price') }}</th>
                                    <th class="w-25 sorting_disabled" rowspan="1" colspan="1" style="width: 117px;"
                                        aria-label="qty">{{ __('admin.qty') }}</th>
                                    <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 42px;"
                                        aria-label="total">{{ __('admin.total') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($order->carts as $item)
                                    <tr class="even">

                                        <td class="sorting_1">
                                            <div class="d-flex justify-content-start align-items-center text-nowrap">
                                                <div class="avatar-wrapper">
                                                    <div class="avatar avatar-sm me-3"><img
                                                            src="{{ $item->product->image }}" alt=""
                                                            class="rounded-2"></div>
                                                </div>
                                                <div class="d-flex flex-column">
                                                    <h6 class="mb-0 text-heading">{{ $item->product->name }}</h6>
                                                    {{-- <small>Material:Wooden</small> --}}
                                                </div>
                                            </div>
                                        </td>
                                        <td><span>{{ roundToNumber($item->sub_total/$item->quantity) }}</span></td>
                                        <td><span class="text-body">{{ $item->quantity }}</span></td>
                                        <td><span class="text-body">{{ roundToNumber($item->sub_total) }}</span></td>
                                    </tr>
                                    @if($item->variants)
                                    <tr>
                                        <td></td>
                                        <td>{{ __('admin.attributes') }}</td>
                                    </tr>
                                    @foreach ($item->variants as $attribute)
                                    <tr class="odd">
                                        <td></td>
                                        <td class="sorting_1">
                                            <div class="d-flex justify-content-start align-items-center text-nowrap">
                                                <div class="d-flex flex-column">
                                                    <h6 class="mb-0 text-heading">
                                                        {{ $attribute->attribute->name }}
                                                    </h6>
                                                </div>
                                            </div>
                                        </td>
                                        <td><span>{{ $attribute->attributeValue->value }}</span></td>
                                        <td><span class="text-body"></span></td>
                                    </tr>
                                    @endforeach
                                    @endif
                                @endforeach

                            </tbody>
                        </table>
                        <div style="width: 1%;"></div>
                    </div>
                    <div class="m-6 mb-2 d-flex justify-content-end align-items-center">
                        <div class="order-calculations">
                            <div class="mb-2 d-flex justify-content-start">
                                <span class="w-px-100 text-heading">{{ __('admin.subtotal') }}:</span>
                                <h6 class="mb-0">{{ roundToNumber($order->sub_total) . ' ' . __('admin.currency') }} </h6>
                            </div>
                            <div class="mb-2 d-flex justify-content-start">
                                <span class="w-px-100 text-heading">{{ __('admin.shipping') }}:</span>
                                <h6 class="mb-0"> {{ roundToNumber($order->shipping_charge) . ' ' . __('admin.currency') }}</h6>
                            </div>
                            <div class="mb-2 d-flex justify-content-start">
                                <span class="w-px-100 text-heading">{{ __('admin.discount') }}:</span>
                                <h6 class="mb-0">{{ roundToNumber($order->total_discount) . ' ' . __('admin.currency') }} </h6>
                            </div>
                            <div class="d-flex justify-content-start">
                                <h6 class="mb-0 w-px-100">{{ __('admin.total') }}:</h6>
                                <h6 class="mb-0">{{ roundToNumber($order->total_price) . ' ' . __('admin.currency') }}</h6>
                            </div>
                        </div>
                    </div>
                    @if($order->note != null)
                        <hr>
                    <div class="m-6 mb-2 d-flex  align-items-center">
                        <div class="order-calculations">
                            <div class="mb-2 d-flex justify-content-start">
                                <span class="w-px-100 text-heading">{{ __('admin.note') }}:</span>
                                <h6 class="mb-0"> {{ $order->note }} </h6>
                            </div>
                        </div>
                    </div>
                    @endif

                </div>
            </div>
            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.order_status') }}</h5>
                </div>
                <div class="pt-1 card-body">
                    <ul class="pb-0 mb-0 timeline">
                        <li
                            class="timeline-item timeline-item-transparent border-{{ $order->status >= 0 ? 'primary' : 'secondary' }}">
                            <span
                                class="timeline-point timeline-point-{{ $order->status >= 0 ? 'primary' : 'secondary' }}"></span>
                            <div class="timeline-event">
                                <div class="timeline-header">
                                    <h6 class="mb-0">{{ __('admin.order_placed') }} ({{ __('admin.order_id') }}:
                                        #{{ $order->id }})</h6>
                                </div>
                            </div>
                        </li>
                        <li
                            class="timeline-item timeline-item-transparent border-{{ $order->status >= 1 ? 'primary' : 'secondary' }}">
                            <span
                                class="timeline-point timeline-point-{{ $order->status >= 1 ? 'primary' : 'secondary' }}"></span>
                            <div class="timeline-event">
                                <div class="timeline-header">
                                    <h6 class="mb-0">{{ __('admin.accepted') }}</h6>
                                </div>
                            </div>
                        </li>

                        <li
                            class="timeline-item timeline-item-transparent border-{{ $order->status >= 2 ? 'primary' : 'secondary' }}">
                            <span
                                class="timeline-point timeline-point-{{ $order->status >= 2 ? 'primary' : 'secondary' }}"></span>
                            <div class="timeline-event">
                                <div class="timeline-header">
                                    <h6 class="mb-0">{{ __('admin.order_status_arr.2') }}</h6>
                                </div>
                            </div>
                        </li>

                        <li
                            class="timeline-item timeline-item-transparent border-{{ $order->status >= 3  ? 'primary' : 'secondary' }}">
                            <span
                                class="timeline-point timeline-point-{{ $order->status >= 3 ? 'primary' : 'secondary' }}"></span>
                            <div class="timeline-event">
                                <div class="timeline-header">
                                    <h6 class="mb-0">{{ __('admin.out_of_delivery') }}</h6>
                                </div>
                            </div>
                        </li>
                        <li
                            class="timeline-item timeline-item-transparent border-{{ $order->status >= 4 ? 'primary' : 'secondary' }}">
                            <span
                                class="timeline-point timeline-point-{{ $order->status >= 4 ? 'primary' : 'secondary' }}"></span>
                            <div class="timeline-event">
                                <div class="timeline-header">
                                    <h6 class="mb-0">{{ __('admin.order_status_arr.4') }}</h6>
                                </div>
                            </div>
                        </li>
                        <li
                            class="timeline-item timeline-item-transparent border-left-{{ $order->status >=5  ? 'primary' : 'secondary' }}">
                            <span
                                class="timeline-point timeline-point-{{ $order->status >= 5 ? 'primary' : 'secondary' }}"></span>
                            <div class="timeline-event">
                                <div class="timeline-header">
                                    <h6 class="mb-0">{{ __('admin.completed') }}</h6>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-4">

            @if($order->date !=null && $order->time != null)
                <div class="mb-6 card">
                    <div class="card-header">
                        <h5 class="m-0 card-title">{{ __('admin.Scheduling') }}</h5>
                    </div>
                    <div class="card-body">
                        <p class="mb-1 ">{{ __('admin.date') }}: {{ $order->date }}</p>
                        <p class="mb-0 ">{{ __('admin.time') }}:
                            {{ date('h:i A',strtotime($order->time)) }}
                        </p>
                    </div>
                </div>
            @endif


            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.customer_details') }}</h5>
                </div>
                <div class="card-body">
                    <div class="mb-6 d-flex justify-content-start align-items-center">
                        <div class="avatar me-3">
                            <img src="{{ $order->user->image }}" alt="Avatar" class="rounded-circle">
                        </div>
                        <div class="d-flex flex-column">
                            <a href="app-user-view-account.html" class="text-body text-nowrap">
                                <h6 class="mb-0">{{ $order->user->name }}</h6>
                            </a>
                            <span>{{ __('admin.customer_id') }}: #{{ $order->user->id }}</span>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between">
                        <h6 class="mb-1">{{ __('admin.contact_info') }}</h6>

                    </div>
                    <p class="mb-1 ">{{ __('admin.email') }}: {{ $order->user->email }}</p>
                    <p class="mb-0 ">{{ __('admin.phone') }}:
                        {{ $order->user->country_code . $order->user->phone }}
                    </p>
                </div>
            </div>

            <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.provider_details') }}</h5>
                </div>
                <div class="card-body">
                    <div class="mb-6 d-flex justify-content-start align-items-center">
                        <div class="avatar me-3">
                            <img src="{{ $order->provider->image }}" alt="Avatar" class="rounded-circle">
                        </div>
                        <div class="d-flex flex-column">
                            <a href="app-user-view-account.html" class="text-body text-nowrap">
                                <h6 class="mb-0">{{ $order->provider->name }}</h6>
                            </a>
                            <span>{{ __('admin.provider_id') }}: #{{ $order->provider->id }}</span>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between">
                        <h6 class="mb-1">{{ __('admin.contact_info') }}</h6>

                    </div>
                    <p class="mb-1 ">{{ __('admin.email') }}: {{ $order->provider->email }}</p>
                    <p class="mb-0 ">{{ __('admin.phone') }}:
                        {{ $order->provider->country_code . $order->provider->phone }}</p>
                </div>
            </div>

              <div class="mb-6 card">
                <div class="card-header">
                    <h5 class="m-0 card-title">{{ __('admin.driver_details') }}</h5>
                </div>
                @if($order->driver_id == null)
                <div class="card-body">
                    <span class='texr-danger'>{{ __('admin.order_not_accepts_by_deriver') }}</span>
                </div>
                @else
                <div class="card-body">
                    <div class="mb-6 d-flex justify-content-start align-items-center">
                        <div class="avatar me-3">
                            <img src="{{ $order->driver->image }}" alt="Avatar" class="rounded-circle">
                        </div>
                        <div class="d-flex flex-column">
                            <a href="{{ route('admin.drivers.show',$order->driver->id) }}" class="text-body text-nowrap">
                                <h6 class="mb-0">{{ $order->driver->name }}</h6>
                            </a>
                            <span>{{ __('admin.driver_id') }}: #{{ $order->driver->id }}</span>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between">
                        <h6 class="mb-1">{{ __('admin.contact_info') }}</h6>

                    </div>
                    <p class="mb-0 ">{{ __('admin.phone') }}:
                        {{ $order->driver->country_code . $order->driver->phone }}</p>
                </div>
                @endif
            </div>

            <div class="mb-6 card">

                <div class="card-header d-flex justify-content-between">
                    <h5 class="m-0 card-title">{{ __('admin.shipping_address') }}</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <th>{{ __('admin.name') }}</th>
                                    <td>{{ $order->address->name }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.state') }}</th>
                                    <td>{{ $order->address->state }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.city') }}</th>
                                    <td>{{ $order->address->city }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.street') }}</th>
                                    <td>{{ $order->address->street }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.building_number') }}</th>
                                    <td>{{ $order->address->building_number }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.floor_number') }}</th>
                                    <td>{{ $order->address->floor_number }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.apartment_number') }}</th>
                                    <td>{{ $order->address->apartment_number }}</td>
                                </tr>
                                <tr>
                                    <th>{{ __('admin.additional_info') }}</th>
                                    <td>{{ $order->address->additional_info }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>

        </div>

    </div>




@endsection