@extends('backoffice.patient.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">{{$pagename ?? ""}}</h4>
        </div>
        <a href="{{route('patient')}}" class="iq-bg-primary btn"> Tableau de bord</a>

    </div>

    <div class="row mt-3">
        <div class="col-md-4">
            <div class="training-block d-flex align-items-center">
                <div class="rounded-circle iq-card-icon iq-bg-success">
                    <i class="fa fa-calendar"></i>
                </div>
                <div class="ml-3">
                    <p class="mb-0">Rendez-vous à venir</p>
                    <h5 class="">{{myScheduledMeets()->count()}}</h5>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="training-block d-flex align-items-center">
                <div class="rounded-circle iq-card-icon iq-bg-primary">
                    <i class="fa fa-calendar"></i>
                </div>
                <div class="ml-3">
                    <p class="mb-0">Rendez-vous en attente</p>
                    <h5 class="">{{myPendingMeets()->count()}}</h5>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="training-block d-flex align-items-center">
                <div class="rounded-circle iq-card-icon iq-bg-danger">
                    <i class="fa fa-calendar"></i>

                </div>
                <div class="ml-3">
                    <p class="mb-0">Rendez-vous annuler</p>
                    <h5 class="">{{myCanceledMeets()->count()}}</h5>
                </div>
            </div>
        </div>

    </div>
    <div class="iq-card-body p-0 mt-4">
        <h6><strong>Liste de vos rendez-vous</strong></h6>
        <div class="table-responsive mt-3">
            <table class="table">
                <thead>
                    <tr>
                        <th scope="col">Date</th>
                        <th scope="col">Debut</th>
                        <th scope="col">Fin</th>
                        <th scope="col">Médecin</th>
                        <th scope="col">Status</th>
                        <th scope="col">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse (myMeets() as $meet)
                    <tr>
                        {{-- @dd($meet->date) --}}
                        <th scope="row"> {{ $meet->date->format('d-m-Y')}} </th>
                        <th scope="row"> {{ $meet->between}} </th>
                        <th scope="row"> {{ $meet->to}} </th>
                        <th scope="row"> {{ $meet->doctor->first_name}} {{ $meet->doctor->last_name}} </th>
                        {{-- >format('d-m-Y')}} {{ $meet->created_at->format('H:m') --}}
                        <th scope="row"> <span class="badge badge-danger"> {{$meet->status}}</span>
                        </th>
                        <td style="text-align: center;font-size:20px">
                            <a href="{{  route('patient.meets.show', $meet->id) }}">
                                <i class="ri-eye-fill"></i> Détails
                            </a>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="7">Aucun rendez-vous trouvé</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection