@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">
                <tr>
                    <th scope="col">Date</th>
                    <th scope="col">Médecin</th>
                    <th scope="col">Note</th>
                    <th scope="col">Document</th>
                    <th scope="col">Status</th>
                </tr>
               </thead>

               <tbody>
                     @foreach (myPreinscriptions() as $item)
                        <tr>
                            {{-- @dd($meet->date) --}}
                            <th scope="row"> {{ $item->date->format('d-m-Y')}} </th>

                            <th scope="row"> {{ $item->doctor->first_name}} {{ $item->doctor->last_name}} </th>
                            <th scope="row"> {{ $item->note}} </th>
                            <th scope="row"> <a class="btn btn-sm btn-dark" download="" href="{{route($item->file)}}"></a> </th>
                            {{-- >format('d-m-Y')}} {{ $item->created_at->format('H:m') --}}
                            <th scope="row"><span class="badge badge-danger"> {{$item->status}}</span>
                            </th>

                        </tr>
                     @endforeach
               </tbody>

            </table>
        </div>
    </div>
</div>
@endsection