@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    @include('inc.breadcrumb', [
    'breadcrumb_items' => [
    __('messages.Home') => route('home'),
    __('messages.Orders') => null,
    '#' . $order->order_num => 'active',
    ],
    ])






    <div
        class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-5 row-gap-4">
        <div class="d-flex flex-column justify-content-center">
            <div class="mb-1">
                <span class="h5">{{ __("messages.NUM") }} #{{ $order->order_num }} </span><span
                    class="badge bg-label-{{ App\Enums\OrderStatusEnum::get_color($order->status) }} me-1 ms-2">{{
                    App\Enums\OrderStatusEnum::get_translate_title($order->status) }}</span>
                <span class="badge bg-label-{{ App\Enums\OrderTypeEnum::get_color($order->order_type) }}"><i
                        class="{{ App\Enums\OrderTypeEnum::get_icon($order->order_type) }}"></i>{{
                    App\Enums\OrderTypeEnum::get_translate($order->order_type) }}</span>

                <span class="badge bg-label-info">
                    @if($order->is_wallet)
                    <i class="fa-solid fa-wallet"></i>{{__("messages.Wallet")}}
                    @else
                    <i class="fa-brands fa-cc-visa"></i></i>{{__("messages.Payment gateway")}}

                    @endif
                </span>



            </div>
            <p class="mb-0">


            </p>

        </div>
        <div class="d-flex align-content-center flex-wrap gap-2">
            <a href="{{ route('admin.orders.download_invoice', $order->id) }}?is_download=1" type="button"
                class="btn btn-primary waves-effect waves-light border border-dark">{{ __('messages.Download invoice')
                }}
                <i class="ti ti-download"></i>
            </a>
        </div>

    </div>
    <div class="alert alert-info d-inline-block">
        {{ App\Enums\OrderStatusEnum::get_translate_description($order->status) }}
    </div>

    <!-- Order Details Table -->

    <div class="row">
        <div class="col-12 col-lg-8">
            <div class="card mb-5">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h5 class="card-title m-0">{{ __("messages.Products") }} </h5>
                </div>
                @if($order->is_just_reservation)
                <div class="text-center">
                    <img width="200" height="200" src="{{ asset('assets/img/calendar.png') }}" alt="">
                    <p>{{ __("messages.Order reservation only without specifying meals") }}</p>
                </div>
                @else
                <div class="card-datatable table-responsive">
                    <table class="datatables-order-details table border-top">
                        <thead>
                            <tr>
                                <th>{{ __('messages.Product') }}</th>
                                <th>{{ __('messages.Price') }}</th>
                                <th>{{ __('messages.Qty') }}</th>
                                <th>{{ __('messages.Total') }}</th>
                            </tr>
                            @foreach ($order->items as $item)
                            <tr>
                                <th>
                                    {{ $item->product->name }}
                                    @if ($item->combination)
                                    <ul>
                                        @foreach ($item->combination as $combination)
                                        @php
                                        $attribute = \App\Models\Attribute::where('id',
                                        $combination['attr_id'])->first();
                                        $value = \App\Models\AttributeValue::where('id',$combination['value']
                                        )->first();

                                        @endphp
                                        @if ($attribute)
                                        <li>
                                            {{ $attribute->name }} : {{ $value?->name ?? '' }}
                                        </li>
                                        @endif
                                        @endforeach
                                    </ul>
                                    @endif

                                    @if ($item->add_ons)
                                    <ul>

                                        @foreach ($item->add_ons as $add_on)
                                        <li>
                                            {{ $add_on->add_on->name }} ({{ $add_on->price }} {{ __("messages.AED") }})
                                        </li>
                                        @endforeach
                                    </ul>
                                    @endif


                                </th>
                                <th>{{ $item->price }}</th>
                                <th>{{ $item->qty }}</th>
                                <th>{{ $item->total }}</th>
                            </tr>
                            @endforeach
                        </thead>
                    </table>
                </div>
                @endif

            </div>
            @if($order->order_type == "delivery")
            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="card-title m-0">{{ __("messages.Shipping data") }}</h5>
                </div>

                <div class="card-body">
                    <div class="card-body">
                        <table class="datatables-order-details table">
                            <thead>
                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.City') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->delivery_order?->city?->name ?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Region') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->delivery_order?->region?->name ?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Location') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->delivery_order?->address ?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Mobile') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->delivery_order?->address_number ?? "-----" }}
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
            @elseif($order->order_type == "pickup")
            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="card-title m-0">{{ __("messages.Car data") }}</h5>
                </div>

                <div class="card-body">
                    <div class="card-body">
                        <table class="datatables-order-details table">
                            <thead>
                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Car number') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->delivery_order?->car_number ?? "-----" }}
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
            @else
            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="card-title m-0">{{ __("messages.Reservation data") }}</h5>
                </div>

                <div class="card-body">
                    <div class="card-body">
                        <table class="datatables-order-details table">
                            <thead>
                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Table') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->reservation_order?->table?->name?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Customer name') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->reservation_order?->customer_name ?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Mobile') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->reservation_order?->mobile ?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.Date') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->reservation_order?->day ?? "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.From') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->reservation_order?->from ? date("H:i a", strtotime(
                                        $order->reservation_order?->from )) : "-----" }}
                                    </th>
                                </tr>

                                <tr class="border border-dark">
                                    <th class="border border-dark">{{ __('messages.To') }}</th>
                                    <th class="border border-dark">
                                        {{ $order->reservation_order?->to ? date("H:i a", strtotime(
                                        $order->reservation_order?->to )) : "-----" }}
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
            @endif

        </div>
        <div class="col-12 col-lg-4">

            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="card-title m-0">{{ __('messages.Order Summary') }}</h5>
                </div>
                <div class="card-body">
                    <table class="datatables-order-details table">
                        <thead>
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Subtotal') }}</th>
                                <th class="border border-dark">
                                    {{ $order->sub_total }}
                                </th>
                            </tr>
                            @if($order->order_type == "delivery")
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Shipping') }}</th>
                                <th class="border border-dark">{{ $order->shipping_value }}</th>
                            </tr>
                            @endif

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Value of added tax') }}</th>
                                <th class="border border-dark">{{ $order->vat_value }}</th>
                            </tr>
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Total') }}</th>
                                @if ($order->discount_value == 0)
                                <th class="border border-dark text-success" style="font-weight: bold;font-size: 16px;">
                                    {{ $order->total }}</th>
                                @else
                                <th class="border border-dark">{{ $order->total + $order->discount_value }}</th>
                                @endif
                            </tr>

                            @if ($order->discount_value != 0)
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Discount') }}</th>
                                <th class="border border-dark">{{ $order->discount_value }}</th>
                            </tr>

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Total after discount') }}</th>
                                <th class="border border-dark text-success" style="font-weight: bold;font-size: 16px;">
                                    {{ $order->total }}</th>
                            </tr>
                            @endif

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Skip percentage from order') }}</th>
                                <th class="border border-dark">
                                    {{ $order->skip_percentage }} %
                                </th>
                            </tr>

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Skip value from order') }}</th>
                                <th class="border border-dark">
                                    {{ $order->skip_value }}
                                </th>
                            </tr>


                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Restaurant percentage from order') }}
                                </th>
                                <th class="border border-dark">
                                    {{ $order->restaurant_percentage }} %
                                </th>
                            </tr>

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Restaurant value from order') }}</th>
                                <th class="border border-dark">
                                    {{ $order->restaurant_value }}
                                </th>
                            </tr>

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Payment gateway percentage') }}</th>
                                <th class="border border-dark">
                                    {{ $order->payment_gateway_percentage }} %
                                </th>
                            </tr>

                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Payment gateway value') }}</th>
                                <th class="border border-dark">
                                    {{ $order->payment_gateway_value }} %
                                </th>
                            </tr>

                        </thead>
                    </table>
                </div>
            </div>


            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="card-title m-0">{{ __('messages.Client') }}</h5>
                </div>
                <div class="card-body">
                    <table class="datatables-order-details table">
                        <thead>
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Name') }}</th>
                                <th class="border border-dark">
                                    {{ $order->client->name }}
                                </th>
                            </tr>
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Email') }}</th>
                                <th class="border border-dark">
                                    {{ $order->client->email }}
                                </th>
                            </tr>
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Client Mobile') }}</th>
                                <th class="border border-dark">
                                    {{ $order->client->mobile_country_code }} {{ $order->client->mobile }}
                                </th>
                            </tr>
                            @if ($order->order_type == 'delivery')
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Location') }}</th>
                                <th class="border border-dark">
                                    {{ $order->delivery_order->city->name }} -
                                    {{ $order->delivery_order->region->name }} -
                                    {{ $order->delivery_order->address_title }} -
                                    {{ $order->delivery_order->address_description }}
                                </th>
                            </tr>
                            <tr class="border border-dark">
                                <th class="border border-dark">{{ __('messages.Location Mobile') }}</th>
                                <th class="border border-dark">
                                    {{ $order->delivery_order->address_number }}
                                </th>
                            </tr>
                            @endif
                        </thead>
                    </table>

                </div>
            </div>

            <div class="card mb-5">
                <div class="card-header">
                    <h5 class="card-title m-0">{{ __("messages.Restaurant info") }}</h5>
                </div>
                <div class="card-body">
                    <div class="d-flex justify-content-start align-items-center mb-5"
                        onclick="window.location.href='{{ route("admin.restaurants.show" , $order->restaurant_id) }}'">
                        <div class="avatar me-3">

                            <img src="{{  $order->restaurant->restaurant_info?->logo ? asset($order->restaurant->restaurant_info?->logo) : asset("
                                default-images/profile.png") }}" alt="Avatar" class="rounded-circle" />
                        </div>
                        <div class="d-flex flex-column">
                            <a href="{{ route("admin.restaurants.show" , $order->restaurant_id) }}" class="text-body
                                text-nowrap">
                                <h6 class="mb-0">{{ $order->restaurant->restaurant_info->name }}</h6>
                            </a>
                            <span class="text-muted"> {{ $order->restaurant->name }}</span>
                        </div>
                    </div>

                    <div class="d-flex justify-content-between">
                        <h6 class="mb-1">{{ __("messages.Contact Information") }}</h6>
                        <h6 class="mb-1">
                        </h6>
                    </div>
                    <p class="mb-1">{{ __("messages.Email") }} : {{ $order->restaurant->email }}</p>
                    <p class="mb-0">{{ __("messages.Mobile") }} : {{ $order->restaurant->restaurant_info->mobile }}</p>
                </div>
            </div>


        </div>







        @endsection

        @section('script')
        @endsection