@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 id="addVisitAvailability" action="{{route('visit-availabilities.store')}}" method="POST">
                        @csrf
                                <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="0">Select from day</option>
                                                    <option value="Sunday">Sunday</option>
                                                    <option value="Monday">Monday</option>
                                                    <option value="Tuesday">Tuesday</option>
                                                    <option value="Wednesday">Wednesday</option>
                                                    <option value="Thursday">Thursday</option>
                                                    <option value="Friday">Friday</option>
                                                    <option value="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"
                                                    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="0">Select to day</option>

                                                <option value="Sunday">Sunday</option>
                                                    <option value="Monday">Monday</option>
                                                    <option value="Tuesday">Tuesday</option>
                                                    <option value="Wednesday">Wednesday</option>
                                                    <option value="Thursday">Thursday</option>
                                                    <option value="Friday">Friday</option>
                                                    <option value="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" 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="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