@extends('backoffice.doctor.layout')

@section('content')
   <div class="iq-card px-4 py-2">
      <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">Liste des rendez vous</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">Patient</th>
                        <th scope="col">Description</th>
                        <th scope="col">Date</th>
                        <th scope="col">Heure début</th>
                        <th scope="col">Heure fin</th>
                        <th scope="col">Status</th>
                        <th scope="col">Action</th>
                     </tr>
                  </thead>
                  <tbody>
                    @forelse ($appointments as $appointment)
                       <tr>
                            <th scope="row">{{ $loop->index + 1 }}</th>
                            <td>{{ $appointment->patient->getFullName() ?? '' }}</td>
                            <td>{{ $appointment->description ?? '' }}</td>
                            <td>{{ $appointment->date->format('d/m/Y') }}</td>
                            <td>{{ $appointment->between ?? '' }}</td>
                            <td>{{ $appointment->to ?? '' }}</td>
                            @switch($appointment->status)
                                @case(\App\Enums\AppointmentStatus::SCHEDULED->value)
                                <td><span class="badge badge-success">{{ $appointment->status ?? '' }}</span></td>
                                @break
                                @case(App\Enums\AppointmentStatus::CANCELLED->value)
                                @case(App\Enums\AppointmentStatus::REJECTED->value)
                                <td><span class="badge badge-danger">{{ $appointment->status ?? '' }}</span></td>
                                @break
                                @case(App\Enums\AppointmentStatus::PENDING->value)
                                <td><span class="badge badge-warning">{{ $appointment->status ?? '' }}</span></td>
                                @break
                                @default
                                <td><span class="badge badge-secondary">{{ $appointment->status ?? '' }}</span></td>
                            @endswitch
                            <td>
                                <div class="btn-group" role="group">
                                    <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Actions
                                    </button>
                                    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1" style="">
                                        @if ($appointment->status === \App\Enums\AppointmentStatus::PENDING->value)
                                            <a class="dropdown-item" href="{{ route('doctor.appointments.schedule', $appointment) }}">Accepter</a>
                                            <a class="dropdown-item" href="{{ route('doctor.appointments.reject', $appointment) }}">Rejeter</a>
                                        @endif

                                        @if ($appointment->status === \App\Enums\AppointmentStatus::SCHEDULED->value)
                                            <a class="dropdown-item" href="{{ route('doctor.appointments.cancel', $appointment) }}">Annuler</a>
                                        @endif

                                    </div>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center">Aucun rendez vous</td>
                        </tr>
                    @endforelse
                  </tbody>
               </table>
            </div>
      </div>
   </div>
 @endsection