@extends('website.layouts.globalLayout')

@section('content')

<div class="content pharmacy-cart-content" style="min-height: 481.602px;">
    <div class="container">

        <div class="row">
            <div class="col-md-12">
                <div class="card payment-info-card">
                    <div class="card-body">
                        <div class="payment-info-cont">

                            <h3> <i class="fas fa-info"></i>Confirmation de rendez-vous</h3>

                        </div>
                        <p>Récapitulatif</p>
                    </div>
                </div>
            </div>
        </div>


        <div class="row">
            <div class="col-md-12">
                <div class="order-info">
                    <ul class="nav">
                        <li>
                            Motif de rendez-vous: <span>{{$reason}}</span>
                        </li>
                        <li>
                            Date: <span>{{$planning->day}}</span>
                        </li>
                        <li>
                            Heure: <span>{{$planning->start}}</span>
                        </li>
                        <li>
                            Médecin: <span>{{$doctor->first_name}} {{$doctor->last_name}}</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <form action="{{route('website.doctor.booking.valide')}}" method="POST"> @csrf
            <input type="number" name="planning_id" value="{{$planning->id}}" hidden id="">
            <input type="number" name="doctor_id" value="{{$doctor->id}}" hidden id="">
            <input type="text" name="reason" value="{{$reason}}" hidden id="">
            <div class="submit-section proceed-btn text-center">
                <a href="{{route('website.doctor.booking', $doctor->id)}}"  class="btn btn-danger submit-btn">Retour en arrière</a>

                <button type="submit"  class="btn btn-primary submit-btn">Confirmer la prise de rendez-vous</button>
            </div>

        </form>


    </div>
</div>
@include('website.includes.part.footer')
@endsection