@extends('layouts.public-layout-pizzakadi')

@section('content')
    <div id="kt_content_container" class="container-xxl">
        <div class="row">
            <div class="col">
                @if($order->status === \App\Enums\OrderEnum::STATUS_DELIVERED->value)
                    <div class="row row-cols-1">
                        <div class="col mb-3">
                            <a href="{{ route('order.download-receipt', ['order' => $order]) }}" class="btn btn-sm mt-3 mt-md-0 btn-flex btn-secondary float-md-end">
                                <!--begin::Svg Icon | path: icons/duotune/general/gen035.svg-->
                                <span class="fa fa-credit-card me-2"></span>
                                <!--end::Svg Icon-->
                                Télécharger le reçu
                            </a>
                        </div>
                    </div>
                @endif
            </div>
        </div>
        <!--begin::Layout-->
        <div class="d-flex flex-column flex-xl-row">
            <!--begin::Sidebar-->
            <div class="flex-column flex-lg-row-auto w-100 w-xl-350px mb-10">
                <!--begin::Card-->
                <div class="card mb-5 mb-xl-8">
                    <!--begin::Card body-->
                    <div class="card-body pt-15">
                        <!--begin::Summary-->
                        <div class="d-flex flex-center flex-column mb-5">
                            <!--begin::Position-->
                            <h2 class="fw-bold mb-6">Commande #{{ $order->order_number }}</h2>
                            <!--end::Position-->
                            <img class="img-thumbnail w-25" src="{{ $order->qr_code?->encoded_content }}" alt="">
                        </div>
                        <!--end::Summary-->
                        <div class="separator separator-dashed my-3"></div>
                        <!--begin::Details content-->
                        <div id="kt_customer_view_details" class="collapse show">
                            <div class="py-5 fs-6">
                                @if($order->delivery != null)
                                    <h3>Informations sur la livraison</h3>
                                    <!--begin::Details item-->
                                    <div class="fw-bolder mt-5">ID Livraison</div>
                                    <div class="text-gray-600">#{{ $order->delivery->delivery_code }}</div>
                                    <!--end::Details item-->
                                    <!--begin::Details item-->
                                    <div class="fw-bolder mt-5">Statut de la Livraison</div>
                                    <div class="text-gray-600">
                                        @switch($order->delivery->status)
                                            @case(\App\Enums\DeliveryEnum::STATUS_PENDING->value)
                                                <div class="badge badge-light-warning">{{ \App\Services\DeliveryService::humanize_status($order->delivery) }}</div>
                                                @break
                                            @case(\App\Enums\DeliveryEnum::STATUS_DELIVERED->value)
                                                <div class="badge badge-light-success">{{ \App\Services\DeliveryService::humanize_status($order->delivery) }}</div>
                                                @break
                                            @case(\App\Enums\DeliveryEnum::STATUS_CANCELLED->value)
                                                <div class="badge badge-light-danger">{{ \App\Services\DeliveryService::humanize_status($order->delivery) }}</div>
                                                @break
                                        @endswitch
                                    </div>
                                    <!--end::Details item-->
                                    <!--begin::Details item-->
                                    <div class="fw-bolder mt-5">Livreur</div>
                                    <div class="text-gray-600">
                                        {{ $order->delivery->staff->first_name }} {{ $order->delivery->staff->last_name }}
                                        <span class="d-block small">{{ $order->delivery->staff->phone }}</span>
                                    </div>
                                    <!--end::Details item-->
                                    <!--begin::Details item-->
                                    <div class="fw-bolder mt-5">Frais de livraison</div>
                                    <div class="text-gray-600">CFA{{ number_format($order->delivery->fees, 2, '.', ' ') }}</div>
                                    <!--end::Details item-->
                                    <!--begin::Details item-->
                                    <div class="fw-bolder mt-5">Date de la livraison</div>
                                    <div class="text-gray-600">{{ $order->delivery->delivery_date }}</div>
                                    <!--end::Details item-->
                                    <div class="separator separator-dashed my-3"></div>
                                @endif
                                <!--begin::Badge-->
                                @switch($order->status)
                                    @case(\App\Enums\OrderEnum::STATUS_PENDING->value)
                                        <div class="badge badge-light-warning">{{ \App\Services\OrderService::humanize_status($order) }}</div>
                                        @break
                                    @case(\App\Enums\OrderEnum::STATUS_DELIVERED->value)
                                        <div class="badge badge-light-success">{{ \App\Services\OrderService::humanize_status($order) }}</div>
                                        @break
                                    @case(\App\Enums\OrderEnum::STATUS_CANCELLED->value)
                                        <div class="badge badge-light-danger">{{ \App\Services\OrderService::humanize_status($order) }}</div>
                                        @break
                                @endswitch
                                <!--begin::Badge-->
                                <!--begin::Details item-->
                                <div class="fw-bolder mt-5">ID Commande</div>
                                <div class="text-gray-600">#{{ $order->order_number }}</div>
                                @if($order->origin === \App\Enums\OrderEnum::ORIGIN_EXTERNAL->value)
                                    <span class="d-block badge badge-light-danger text-start">
                                        Commande Externe
                                    </span>
                                @endif
                                <!--begin::Details item-->
                                <!--begin::Details item-->
                                <div class="fw-bolder mt-5">Date de la commande</div>
                                <div class="text-gray-600">
                                    <a href="#" class="text-gray-600 text-hover-primary">
                                        {{ \Carbon\Carbon::parse($order->order_date)->locale('fr')->translatedFormat('l, d M y') }} à
                                        {{ \Carbon\Carbon::parse($order->order_date)->locale('fr')->translatedFormat('H:i:s') }}
                                    </a>
                                </div>
                                <!--begin::Details item-->
                                <!--begin::Details item-->
                                <div class="fw-bolder mt-5">Adresse de la livraison</div>
                                <div class="text-gray-600">
                                    {{ $order->address }}
                                </div>
                                <!--begin::Details item-->
                                <!--begin::Details item-->
                                <div class="fw-bolder mt-5">Type de commande</div>
                                <div class="text-gray-600">
                                    {{ \App\Services\OrderService::humanize_order_type($order->order_type) }}
                                </div>
                                <!--begin::Details item-->
                                <!--begin::Details item-->
                                <div class="fw-bolder mt-5">Statut</div>
                                <div class="text-gray-600">
                                    @switch($order->status)
                                        @case(\App\Enums\OrderEnum::STATUS_PENDING->value)
                                            <span class="badge badge-light-warning">{{ \App\Services\OrderService::humanize_status($order) }}</span>
                                            @break
                                        @case(\App\Enums\OrderEnum::STATUS_DELIVERED->value)
                                            <span class="badge badge-light-success">{{ \App\Services\OrderService::humanize_status($order) }}</span>
                                            @break
                                        @case(\App\Enums\OrderEnum::STATUS_CANCELLED->value)
                                            <span class="badge badge-light-danger">{{ \App\Services\OrderService::humanize_status($order) }}</span>
                                            @break
                                    @endswitch
                                </div>
                                <!--begin::Details item-->
                                <!--begin::Details item-->
                                <div class="fw-bolder mt-5">Client</div>
                                <div class="text-gray-600">
                                    {{ (!empty($order->client->first_name) || !empty($order->client->last) || !empty($order->client->phone)) ? ($order->client->first_name. ' '. $order->client->last_name. ' '. $order->client->phone) : 'Client '. $order->client->id }}
                                </div>
                                <!--begin::Details item-->
                            </div>
                        </div>
                        <!--end::Details content-->
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Sidebar-->

            <!--begin::Content-->
            <div class="flex-lg-row-fluid ms-lg-15">
                <!--begin::Card-->
                <div class="card pt-4 mb-6 mb-xl-9">
                    <!--begin::Card header-->
                    <div class="card-header border-0">
                        <!--begin::Card title-->
                        <div class="card-title">
                            <h2>Contenu de la commande</h2>
                        </div>
                        <!--end::Card title-->
                    </div>
                    <!--end::Card header-->
                    <!--begin::Card body-->
                    <div class="card-body pt-0 pb-5">
                        <div class="table-responsive">
                            <!--begin::Table-->
                            <table class="table align-middle table-row-dashed gy-5" id="kt_table_customers_payment">
                                <!--begin::Table head-->
                                <thead class="border-bottom border-gray-200 fs-7 fw-bolder">
                                <!--begin::Table row-->
                                <tr class="text-start text-muted text-uppercase gs-0">
                                    <th class="min-w-100px">Plat</th>
                                    <th>Quantité</th>
                                    <th class="min-w-100px">Montant</th>
                                </tr>
                                <!--end::Table row-->
                                </thead>
                                <!--end::Table head-->
                                <!--begin::Table body-->
                                <tbody class="fs-6 fw-bold text-gray-600">
                                @forelse($order->products as $product)
                                    <!--begin::Table row-->
                                    <tr>
                                        <!--begin::Invoice=-->
                                        <td>
                                            <a href="#" class="text-gray-600 text-hover-primary mb-1">{{ $product->name }}</a>
                                        </td>
                                        <!--end::Invoice=-->
                                        <!--begin::Status=-->
                                        <td>
                                            <span class="text-muted fw-bold">{{ number_format($product->price, 0, '.', ' ') }}</span> x {{ $product->pivot->quantity }}
                                        </td>
                                        <!--end::Status=-->
                                        <!--begin::Amount=-->
                                        <td>{{ number_format($product->price * $product->pivot->quantity, 2, '.', ' ') }}</td>
                                        <!--end::Amount=-->
                                    </tr>
                                    <!--end::Table row-->
                                @empty
                                    <tr>
                                        <td colspan="4">
                                            <div class="text-center text-muted py-5 fs-3">
                                                Aucun plat dans la commande
                                                <div>
                                                    <span class="fa fa-folder-open display-3"></span>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforelse
                                </tbody>
                                <!--end::Table body-->
                            </table>
                            <!--end::Table-->
                        </div>
                        <div class="row justify-content-center">
                            @if($order->delivery)
                                <div class="mb-4 text-center">
                                    <span class="d-block fw-bold fs-4">Total à payer: <span class="text-danger">CFA{{ number_format($total_order, 2, '.', ' ') }}</span></span>
                                    <span class="d-block fw-bold fs-4">Frais de la livraison: <span class="text-danger">CFA{{ number_format($order->delivery->fees, 2, '.', ' ') }}</span></span>
                                </div>
                            @endif
                            <div class="fs-4 text-center text-muted">Total de la commande</div>
                            @if($order->delivery)
                                <div class="fs-3 text-center fw-bold btn btn-danger d-inline-block">CFA {{ number_format($total_order + $order->delivery->fees, 2, '.', ' ') }}</div>
                            @else
                                <div class="fs-3 text-center fw-bold btn btn-danger d-inline-block">CFA {{ number_format($total_order, 2, '.', ' ') }}</div>
                            @endif
                        </div>
                    </div>
                    <!--end::Card body-->
                </div>
                <!--end::Card-->
            </div>
            <!--end::Content-->
        </div>
        <!--end::Layout-->
    </div>
@endsection