@extends('backoffice.pharmacy.layout')

@section('content')
<div class="iq-card iq-card-block iq-card-stretch iq-card-height">
    <div class="iq-card-body pb-0">
        <div class="row">
            <div class="col-sm-12">
                {{-- <div class="iq-card">
                    <div class="iq-card-body bg-primary rounded pt-2 pb-2 pr-2">
                        <div class="d-flex align-items-center justify-content-between">
                            <p class="mb-0">Advice! Connect your Apple Watch for better results.</p>
                            <div class="rounded iq-card-icon bg-white">
                                <img src="{{asset('assets/backoffice/images/page-img/37.png')}}"
                                    class="img-fluid" alt="icon">
                            </div>
                        </div>
                    </div>
                </div> --}}
                <div class="iq-card">
                    <div class="iq-header-title">
                        <h4 class="card-title text-primary">Tableau de bord</h4>
                    </div>
                    <div class="iq-card-body pl-0 pr-0 pb-0">
                        <div class="row">
                        <div class="col-md-6 col-lg-4">
                           <div class="iq-card iq-card-block iq-card-stretch iq-card-height">
                              <div class="iq-card-body iq-bg-warning rounded">
                                 <div class="d-flex align-items-center justify-content-between">
                                    <div class="rounded-circle iq-card-icon bg-warning">
                                      <i class="ri-shopping-cart-2-fill"></i>
                                    </div>
                                    <div class="text-right">
                                       <h2 class="mb-0"><span class="counter">{{ $count_pending_orders }}</span></h2>
                                       <h5 class="">En cours</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                           <div class="iq-card iq-card-block iq-card-stretch iq-card-height">
                              <div class="iq-card-body iq-bg-success rounded">
                                 <div class="d-flex align-items-center justify-content-between">
                                    <div class="rounded-circle iq-card-icon bg-success">
                                       <i class="ri-shopping-cart-2-fill"></i>
                                    </div>
                                    <div class="text-right">
                                       <h2 class="mb-0"><span class="counter">{{ $count_completed_orders }}</span></h2>
                                       <h5 class="">Terminées</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                           <div class="iq-card iq-card-block iq-card-stretch iq-card-height">
                              <div class="iq-card-body iq-bg-danger rounded">
                                 <div class="d-flex align-items-center justify-content-between">
                                    <div class="rounded-circle iq-card-icon bg-danger">
                                       <i class="ri-shopping-cart-2-fill"></i>
                                    </div>
                                    <div class="text-right">
                                       <h2 class="mb-0"><span class="counter">{{ $count_cancelled_orders }}</span></h2>
                                       <h5 class="">Annulées</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                           <div class="iq-card iq-card-block iq-card-stretch iq-card-height">
                              <div class="iq-card-body iq-bg-primary rounded">
                                 <div class="d-flex align-items-center justify-content-between">
                                    <div class="rounded-circle iq-card-icon bg-primary"><i class="ri-user-fill"></i></div>
                                    <div class="text-right">
                                       <h2 class="mb-0"><span class="counter">{{ $count_drugs }}</span></h2>
                                       <h5 class="">Médicaments</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                           <div class="iq-card iq-card-block iq-card-stretch iq-card-height">
                              <div class="iq-card-body iq-bg-secondary rounded">
                                 <div class="d-flex align-items-center justify-content-between">
                                    <div class="rounded-circle iq-card-icon bg-secondary">
                                       <i class="ri-file-2-line"></i>
                                    </div>
                                    <div class="text-right">
                                       <h2 class="mb-0"><span class="counter">{{ $count_documents }}</span></h2>
                                       <h5 class="">Documents</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                           <div class="iq-card iq-card-block iq-card-stretch iq-card-height">
                              <div class="iq-card-body iq-bg-primary rounded">
                                 <div class="d-flex align-items-center justify-content-between">
                                    <div class="rounded-circle iq-card-icon bg-primary"><i class="ri-group-fill"></i></div>
                                    <div class="text-right">
                                       <h2 class="mb-0"><span class="counter">{{ $count_users }}</span></h2>
                                       <h5 class="">Utilisateurs</h5>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="iq-card">
                    <div class="iq-card-header d-flex justify-content-between p-0 bg-white">
                        <div class="iq-header-title">
                            <h4 class="card-title text-primary">Commandes récentes</h4>
                        </div>
                    </div>
                    <div class="iq-card-body p-0">
                        <div class="table-responsive">
                              <table class="table">
                                 <thead>
                                    <tr>
                                       <th scope="col">N°</th>
                                       <th scope="col">Total</th>
                                       <th scope="col">Date de la commande</th>
                                       <th scope="col">Status</th>
                                       <th scope="col">Adresse de facturation</th>
                                       <th scope="col">Adresse de livraison</th>
                                       <th scope="col">Action</th>
                                    </tr>
                                 </thead>
                                 <tbody>
                                    @foreach ($last_orders as $order)
                                       <tr>
                                          <th scope="row">{{ $loop->index + 1 }}</th>
                                          <td>{{ $order->total ?? 0 }} XOF</td>
                                          <td>{{ $order->created_at->format('d/m/Y H:i:s') }}</td>
                                          @switch($order->status)
                                             @case(\App\Enums\OrderStatus::COMPLETED->value)
                                             @case(App\Enums\OrderStatus::PAID->value)
                                                <td><span class="badge badge-success">{{ $order->status ?? '' }}</span></td>
                                                @break
                                             @case(App\Enums\OrderStatus::CANCELLED->value)
                                                <td><span class="badge badge-danger">{{ $order->status ?? '' }}</span></td>
                                                @break
                                             @case(App\Enums\OrderStatus::PENDING->value)
                                                <td><span class="badge badge-warning">{{ $order->status ?? '' }}</span></td>
                                                @break
                                             @default
                                                <td><span class="badge badge-secondary">{{ $order->status ?? '' }}</span></td>
                                          @endswitch
                                          <td>{{ $order->patientAddress->getFormatedAddress() }}</td>
                                          <td>{{ $order->patientAddress->getFormatedAddress() }}</td>
                                          <td style="text-align: center;font-size:20px">
                                             <a href="{{  route('pharmacy.order', $order) }}">
                                                <i class="ri-eye-fill"></i>
                                             </a>
                                          </td>
                                       </tr>
                                    @endforeach
                                 </tbody>
                              </table>
                           </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 @endsection