@extends('pages.order.layout')
<style>
    #kt_content_container {
        margin-top: -30px;
    }
</style>
@section('body')
    <div id="kt_content_container" class="container-xxl">
        <div class="text-center">
            <img class="img-fluid w-25" src="{{ asset('assets/media/logos/logo-pizzakadi.png') }}" alt="">
        </div>
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 mb-3">
            <div class="col">
                <div style="background-color: rgb(57,128,192)" class="card text-white-50">
                    <div class="card-body px-1 text-center">
                        <h1 class="mb-3 text-white">
                            <span class="px-4 py-2 rounded-circle">{{ count($orders) }}</span>
                        </h1>
                        <p class="card-text fw-bold">Total des commandes.</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div style="background-color: rgb(25,110,91)" class="card text-white-50">
                    <div class="card-body px-1 text-center">
                        <h1 class="mb-3 text-white">
                            <span class="px-4 py-2 rounded-circle">{{ number_format($orders->where('status', \App\Enums\OrderEnum::STATUS_DELIVERED->value)->count(), 0, '', ' ') }}</span>
                        </h1>
                        <p class="card-text fw-bold">Commandes livrées</p>
                    </div>
                </div>
            </div>
            <div class="col">
                <div style="background-color: rgb(247,163,30)" class="card text-white-50">
                    <div class="card-body px-1 text-center">
                        <h1 class="mb-3 text-white">
                            <span class="px-4 py-2 rounded-circle">{{ number_format($orders->where('status', \App\Enums\OrderEnum::STATUS_PENDING->value)->count(), 0, '', ' ') }}</span>
                        </h1>
                        <p class="card-text fw-bold">Commandes en traitement</p>
                    </div>
                </div>
            </div><div class="col">
                <div style="background-color: rgb(224,63,62)" class="card text-white-50">
                    <div class="card-body px-1 text-center">
                        <h1 class="mb-3 text-white">
                            <span class="px-4 py-2 rounded-circle">{{ number_format($orders->where('status', \App\Enums\OrderEnum::STATUS_CANCELLED->value)->count(), 0, '', ' ') }}</span>
                        </h1>
                        <p class="card-text fw-bold">Commandes annulées</p>
                    </div>
                </div>
            </div>
        </div>
        <!--begin::Card-->
        <div class="card">
            <!--begin::Card body-->
            <div class="card-body pt-0">
                <div class="table-responsive">
                    <!--begin::Table-->
                    <table data-toggle="table"
                           data-pagination="true"
                           data-search="true"
                           data-sort-class="table-active"
                           data-sortable="true"
                           data-pagination-loop="true"
                           class="table align-middle table-row-dashed table-striped fs-6 gy-5 table-hover"
                           id="kt_customers_table">
                        <!--begin::Table head-->
                        <thead>
                        <!--begin::Table row-->
                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                            <th class="w-10px pe-2">
                                <div class="form-check form-check-sm form-check-custom form-check-solid me-3">
                                    <input class="form-check-input" type="checkbox" data-kt-check="true" data-kt-check-target="#kt_customers_table .form-check-input" value="1" />
                                </div>
                            </th>
                            <th data-field="order"
                                data-sortable="true"
                                class="min-w-150px">Commande</th>
                            <th data-field="date"
                                data-sortable="true"
                                class="min-w-200px">Date</th>
                            <th data-field="amount"
                                data-sortable="true" class="min-w-150px">Montant</th>
                            <th data-field="address"
                                data-sortable="true" class="min-w-125px">Livraison</th>
                            <th class="text-end min-w-70px">Actions</th>
                        </tr>
                        <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody class="fw-bold text-gray-600">
                        @forelse($orders as $order)
                            <tr>
                                <!--begin::Checkbox-->
                                <td>
                                    <div class="form-check form-check-sm form-check-custom form-check-solid">
                                        <input class="form-check-input" type="checkbox" value="1" />
                                    </div>
                                </td>
                                <!--end::Checkbox-->
                                <!--begin::Name=-->
                                <td>
                                    <div class="">
                                        #<a href="{{ route('order.show', ['order' => $order->id]) }}" class="text-gray-800 text-hover-primary mb-1">{{ $order->order_number }}</a>
                                    </div>
                                    @if($order->origin === \App\Enums\OrderEnum::ORIGIN_EXTERNAL->value)
                                        <span class="d-block badge badge-light-danger text-start">
                                        Commande Externe
                                    </span>
                                    @endif
                                    <div class="small">
                                        {{ (!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>
                                </td>
                                <!--end::Name=-->
                                <!--begin::Email=-->
                                <td>
                                    <div class="text-muted">
                                        {{ \Carbon\Carbon::parse($order->order_date)->locale('fr')->translatedFormat('l, d M y') }}
                                    </div>
                                    <div class="">
                                        @switch($order->order_type)
                                            @case(\App\Enums\OrderEnum::TYPE_TAKE_AWAY->value)
                                                <div class="badge badge-light-info">{{ \App\Services\OrderService::humanize_order_type($order->order_type) }}</div>
                                                @break
                                            @case(\App\Enums\OrderEnum::TYPE_DELIVER->value)
                                                <div class="badge badge-light-success">{{ \App\Services\OrderService::humanize_order_type($order->order_type) }}</div>
                                                @break
                                            @case(\App\Enums\OrderEnum::TYPE_IN_PLACE->value)
                                                <div class="badge badge-light-primary">{{ \App\Services\OrderService::humanize_order_type($order->order_type) }}</div>
                                                @break
                                        @endswitch
                                    </div>
                                </td>
                                <!--end::Email=-->
                                <!--begin::Payment method=-->
                                <td>
                                    <div class="">
                                        <span class="fs-3 fw-bold text-black">{{ number_format(\App\Services\OrderService::sum_order($order), 2, '.', ' ') }}</span> CFA
                                    </div>
                                    @if($order->delivery)
                                        <div class="">
                                            <span class="fw-bold">+{{ number_format($order->delivery->fees, 2, '.', ' ') }}</span> CFA
                                        </div>
                                    @endif
                                    <div class="">
                                        @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
                                    </div>
                                </td>
                                <!--end::Payment method=-->
                                <!--begin::Date=-->
                                <td class="small">{{ $order->address ?? 'Non précisée'}}</td>
                                <!--end::Date=-->
                                <!--begin::Action=-->
                                <td class="text-end">
                                    <a href="{{ route('order.show', ['order' => $order]) }}"
                                       class="btn btn-sm btn-light btn-active-light-primary"> Afficher</a>
                                </td>
                                <!--end::Action=-->
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6">
                                    <div class="text-center text-muted py-5 fs-3">
                                        Aucune information à afficher
                                        <div>
                                            <span class="fa fa-folder-open display-3"></span>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                        <!--end::Table body-->
                    </table>
                    <!--end::Table-->
                </div>
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
        <!--begin::Modals-->
        <!--end::Modals-->
    </div>
@endsection