<div class="modal fade" id="createAppointment" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
     aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form name="form-data">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">{{__('user/my-appointment.appointment_form')}}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-floating">
                        <select class="form-select" name="teacherId" aria-label="Floating label select example">
                            <option disabled selected>{{__('user/my-appointment.select')}}</option>
                            @foreach($teachers as $teacher)
                                <option value="{{$teacher->id}}">{{$teacher->name .' '. $teacher->surname}}</option>
                            @endforeach
                        </select>
                        <label for="floatingSelect">{{__('user/my-appointment.teacher')}}</label>
                    </div>

                    <br>

                    <div class="form-floating">
                        <select class="form-select" name="carId" aria-label="Floating label select example">
                            <option disabled selected>{{__('user/my-appointment.select')}}</option>
                            @foreach($cars as $car)
                                <option value="{{$car->id}}">{{$car->plate_code}}</option>
                            @endforeach
                        </select>
                        <label for="floatingSelect">{{__('user/my-appointment.car')}}</label>
                    </div>

                    <br>

                    <div class="form-floating mb-3">
                        <input type="date" class="form-control" id="date" name="date"
                               min="{{\Carbon\Carbon::now()->toDateString()}}">
                        <label for="floatingAddress">{{__('user/my-appointment.date')}}</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{__('user/my-appointment.cancel_btn')}}</button>
                    <button type="button" onclick="createAndUpdateButton()" class="btn btn-success">{{__('user/my-appointment.create_appontment_btn')}}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
