@extends('website.layouts.globalLayout')

@section('content')
@php
    $doctor = doctors()->find($id);
    $plannings = plannings()->where('doctor_id', $id);
    $reasons = reasons()->where('doctor_id', $id);

@endphp
<div class="content" style="min-height: 472.602px;">
    <div class="container">
        <form action="{{route('website.doctor.booking.confirm')}}" method="POST">@csrf
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body d-flex justify-content-between">
                            <div class="booking-doc-info">
                                <a href="{{route('website.doctors.show', $doctor->id)}}" class="booking-doc-img">
                                    <img src="{{asset($doctor->avatar ?? "no-image.png")}}" alt="{{$doctor->first_name}} {{$doctor->last_name}}">
                                </a>
                                <div class="booking-info">
                                    <h4><a href="{{route('website.doctors.show', $doctor->id)}}">{{$doctor->first_name}} {{$doctor->last_name}}</a></h4>
                                    <div class="rating">
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star filled"></i>
                                        <i class="fas fa-star"></i>
                                        <span class="d-inline-block average-rating">35</span>
                                    </div>
                                    <p class="text-muted mb-0"><i class="fas fa-map-marker-alt"></i> {{$doctor->town}}, {{$doctor->country}}</p>
                                </div>
                            </div>
                            <div>
                                <h5>Veuillez choisir un motif de votre rendez-vous</h5>
                                @foreach ($reasons as $r)
                                <div class="form-check">
                                    <input class="form-check-input" value="{{$r->id}}" type="radio" name="reason_id" id="reason{{$r->id}}">
                                    <label class="form-check-label" for="reason{{$r->id}}">
                                      {{$r->reason}}
                                    </label>
                                  </div>
                                @endforeach


                            </div>
                        </div>
                    </div>
                    {{-- <div class="row">
                        <div class="col-12 col-sm-4 col-md-6">
                            <h4 class="mb-1">11 November 2019</h4>
                            <p class="text-muted">Monday</p>
                        </div>
                        <div class="col-12 col-sm-8 col-md-6 text-sm-end">
                            <div class="bookingrange btn btn-white btn-sm mb-3">
                                <i class="far fa-calendar-alt me-2"></i>
                                <span>January 2, 2023 - January 8, 2023</span>
                                <i class="fas fa-chevron-down ms-2"></i>
                            </div>
                        </div>
                    </div> --}}

                    <div class="card booking-schedule schedule-widget">

                        <div class="schedule-header">
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="day-slot">
                                        <ul>
                                            <li class="left-arrow">
                                                <a href="">
                                                    <i class="fa fa-chevron-left"></i>
                                                </a>
                                            </li>

                                            <li>
                                                @php
                                                    use Carbon\Carbon;
                                                    $d1n = Carbon::parse($d1)->locale('fr')->dayName;
                                                    $d2n = Carbon::parse($d2)->locale('fr')->dayName;
                                                    $d3n = Carbon::parse($d3)->locale('fr')->dayName;
                                                    $d4n = Carbon::parse($d4)->locale('fr')->dayName;
                                                    $d5n = Carbon::parse($d5)->locale('fr')->dayName;
                                                    $d6n = Carbon::parse($d6)->locale('fr')->dayName;
                                                    $d7n = Carbon::parse($d7)->locale('fr')->dayName;

                                                @endphp
                                                <span>{{$d1n}}</span>
                                                <span class="slot-date"><strong>{{$d1}}</strong></span>
                                            </li>
                                            <li>
                                                <span>{{$d2n}}</span>
                                                <span class="slot-date"><strong>{{$d2}}</strong></span>
                                            </li>
                                            <li>
                                                <span>{{$d3n}}</span>
                                                <span class="slot-date"><strong>{{$d3}}</strong></span>
                                            </li>
                                            <li>
                                                <span>{{$d4n}}</span>
                                                <span class="slot-date"><strong>{{$d4}}</strong></span>
                                            </li>
                                            <li>
                                                <span>{{$d5n}}</span>
                                                <span class="slot-date"><strong>{{$d5}}</strong></span>
                                            </li>
                                            <li>
                                                <span>{{$d6n}}</span>
                                                <span class="slot-date"><strong>{{$d6}}</strong></span>
                                            </li>
                                            <li>
                                                <span>{{$d7n}}</span>
                                                <span class="slot-date"><strong>{{$d7}}</strong></span>
                                            </li>
                                            <li class="right-arrow">
                                                <a href="">
                                                    <i class="fa fa-chevron-right"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <input type="text" name="doctor_id" hidden value="{{$doctor->id}}" id="">

                        <div class="schedule-cont">
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="time-slot">
                                        <ul class="clearfix">

                                            <li>
                                                @if ($plannings->where('day', $d1)->count()>0)
                                                @foreach ($plannings->where('day', $d1)->where('status', "avalaible") as $p1)
                                                    <label class="timing" for="{{$p1->id}}">
                                                        <input class="form-check-input" value="{{$p1->id}}" type="radio" name="planning_id" id="{{$p1->id}}">
                                                        <strong>{{$p1->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif
                                            </li>

                                            <li>
                                                @if ($plannings->where('day', $d2)->count()>0)
                                                @foreach ($plannings->where('day', $d2)->where('status', "avalaible") as $p2)
                                                    <label class="timing" for="{{$p2->id}}">
                                                        <input class="form-check-input" type="radio" name="planning_id" value="{{$p2->id}}" id="{{$p2->id}}">
                                                        <strong>{{$p2->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif
                                            </li>

                                            <li>
                                                @if ($plannings->where('day', $d3)->count()>0)
                                                @foreach ($plannings->where('day', $d3)->where('status', "avalaible") as $p3)
                                                    <label class="timing" for="{{$p3->id}}">
                                                        <input class="form-check-input" type="radio" name="planning_id" id="{{$p3->id}}" value="{{$p3->id}}">
                                                        <strong>{{$p3->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif
                                            </li>

                                            <li>
                                                @if ($plannings->where('day', $d4)->count()>0)
                                                @foreach ($plannings->where('day', $d4)->where('status', "avalaible") as $p4)
                                                    <label class="timing" for="{{$p4->id}}">
                                                        <input class="form-check-input" type="radio" name="planning_id" id="{{$p4->id}}" value="{{$p4->id}}">
                                                        <strong>{{$p4->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif
                                            </li>

                                            <li>
                                                @if ($plannings->where('day', $d5)->count()>0)
                                                @foreach ($plannings->where('day', $d5)->where('status', "avalaible") as $p5)
                                                    <label class="timing" for="{{$p5->id}}">
                                                        <input class="form-check-input" type="radio" name="planning_id" id="{{$p5->id}}" id="{{$p5->id}}">
                                                        <strong>{{$p5->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif

                                            </li>

                                            <li>
                                                @if ($plannings->where('day', $d6)->count()>0)
                                                @foreach ($plannings->where('day', $d6)->where('status', "avalaible") as $p6)
                                                    <label class="timing" for="{{$p6->id}}">
                                                        <input class="form-check-input" type="radio" name="planning_id" id="{{$p6->id}}" id="{{$p6->id}}">
                                                        <strong>{{$p6->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif


                                            </li>

                                            <li>
                                                @if ($plannings->where('day', $d7)->count()>0)
                                                @foreach ($plannings->where('day', $d7)->where('status', "avalaible") as $p7)
                                                    <label class="timing" for="{{$p7->id}}">
                                                        <input class="form-check-input" type="radio" name="planning_id" id="{{$p7->id}}" value="{{$p7->id}}">
                                                        <strong>{{$p7->start}}</strong>
                                                    </label>
                                                @endforeach
                                                @else
                                                <a class="timing" >
                                                    <span class="text-danger">Pas de créneaux</span>
                                                </a>
                                                @endif
                                            </li>

                                        </ul>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>


                    <div class="submit-section proceed-btn text-end">
                        <button type="submit"  class="btn btn-primary submit-btn">Valider et envoyer la demande</button>
                    </div>

                </div>
            </div>
        </form>

    </div>
</div>

@include('website.includes.part.footer')
@endsection