@extends('owner.layouts.main')
@section('content')

                <main class="main">
                    <section class="section lyt-section typ-add-property">
                        <div class="ps-2 mt-18 mb-15">
                            <h2 class="bs-heading typ-27 typ-blue typ-800">
                            <a href="{{route('visit-availabilities.index')}}" class="me-2">
                                    <span class="icon  icon-left-icon"></span>
                                    </a>
                                Set Availability
                            </h2>
                        </div>
                        <div class="bs-form typ-add-property mx-2 mb-50">
                        <form action="{{route('visit-availabilities.update',$visit_availability)}}" method="POST">
                                @csrf
                                @method("PUT")
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="from-week" class="input-label typ-500 typ-clr-grey2 mb-6">From
                                                week day</label>
                                            <!-- <div class="bs-date">
                                                <input type="text" class="input-date" id="from-week">
                                            </div> -->
                                            <div class="bs-date">
                                                <select class="input-select typ-arrow-none" name="start_day">
                                                <option value="Sunday" @selected($visit_availability->start_day == "Sunday") >Sunday</option>
                                                <option value="Monday" @selected($visit_availability->start_day == "Monday")>Monday</option>
                                                <option value="Tuesday" @selected($visit_availability->start_day == "Tuesday")>Tuesday</option>
                                                <option value="Wednesday" @selected($visit_availability->start_day == "Wednesday")>Wednesday</option>
                                                <option value="Thursday" @selected($visit_availability->start_day == "Thursday")>Thursday</option>
                                                <option value="Friday" @selected($visit_availability->start_day == "Friday")>Friday</option>
                                                <option value="Saturday" @selected($visit_availability->start_day == "Saturday")>Saturday</option>
                                                </select>
                                                <div class="calender-icon"><img src="{{asset('assets/images/calender.svg')}}"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                            <div class="error" id="start_day-error"></div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="from-time" class="input-label typ-500 typ-clr-grey2 mb-6">From
                                                Time</label>
                                            <div class="bs-time">
                                                <input type="time" class="input-time" id="from-time"  name="from_time" value="{{$visit_availability->from_time->format('H:i')}}"
                                                    placeholder="10:00 AM"  >
                                                <div class="time-icon"><img src="{{asset('assets/images/time.svg')}}"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                            <div class="error" id="from_time-error"></div>

                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="to-week" class="input-label typ-500 typ-clr-grey2 mb-6">To week
                                                day</label>
                                            <!-- <div class="bs-date">
                                           <input type="text" class="input-date" id="to-week">
                                           </div> -->
                                            <div class="bs-date">
                                                <select class="input-select typ-arrow-none" name="end_day">
                                                <option value="Sunday" @selected($visit_availability->end_day == "Sunday") >Sunday</option>
                                                <option value="Monday" @selected($visit_availability->end_day == "Monday")>Monday</option>
                                                <option value="Tuesday" @selected($visit_availability->end_day == "Tuesday")>Tuesday</option>
                                                <option value="Wednesday" @selected($visit_availability->end_day == "Wednesday")>Wednesday</option>
                                                <option value="Thursday" @selected($visit_availability->end_day == "Thursday")>Thursday</option>
                                                <option value="Friday" @selected($visit_availability->end_day == "Friday")>Friday</option>
                                                <option value="Saturday" @selected($visit_availability->end_day == "Saturday")>Saturday</option>
                                                </select>
                                                <div class="calender-icon"><img src="{{asset('assets/images/calender.svg')}}"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                            <div class="error" id="end_day-error"></div>

                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12 mb-24">
                                        <div class="bs-input-box input-box">
                                            <label for="to-time" class="input-label typ-500 typ-clr-grey2 mb-6">To
                                                Time</label>
                                            <div class="bs-time">
                                                <input type="time" class="input-time" id="to-time" name="to_time" value="{{$visit_availability->to_time->format('H:i')}}" >
                                                <div class="time-icon"><img src="{{asset('assets/images/time.svg')}}"
                                                        class="img-fluid" alt=""></div>
                                            </div>
                                            <div class="error" id="to_time-error"></div>

                                        </div>
                                    </div>
                                    <div class="col-lg-12 col-12">
                                        <div class="bs-input-box input-box">
                                            <button class="bs-button typ-fill-complete typ-700 px-26 me-2">
                                                Submit
                                            </button>
                                            
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </section>
                </main>
@endsection