@extends('front.inner-layout.app')
{{-- {{Session::get('message', 'info')}} --}}
@section('content')

<div class="page-content dashboard-wrapper mdashboard-wrapper">
    <div class="row align-items-center d-none">
        <div class="col-lg-4 col-md-4 col-sm-4">
            <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Dashboard</h1>
        </div>
        @include('front.inner-layout.header')
    </div>
    <nav class="navbar navbar-light bg-light welcome-page-menu">
        <a class="navbar-brand p-0" href="#"><img src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude" style="min-width: 43px"></a>
        <!-- <form class="form-inline"> -->

        <a href="{{Common::getLogoutLink()}}" class=" btn  text-center">Logout</a>
        <!-- </form> -->
    </nav>

    <div class="brdr-bttm"></div>
    <div class="container-fluid payment-page find-myappoint My-Availability-contain">

        <h2><b> My</b> Availability</h2>
        <div class="row ">
                 <div class="card m-auto">
                    <div class="boxwhite border-0 p-0 clients-area" id="emergencycontact">
                        <form id="myAvailability" action="{{route('practitioner.store.location.hours')}}">
                            <div class="mt-10">
                                <div class="test-results-area">
                                    <div class="appt-market-area">
                                    <h3 class="ml-0 businesstitle">My Availability</h3>
                                        <p class="text-blue comm-psapce mt-3">The hours you are available for appointments in your business</p>
                                        <div class="label-input">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="row align-items-center">
                                                        <div class=" col-sm-4">
                                                            <label class="loctop">Location</label>
                                                        </div>
                                                        <div class="col-sm-8">
                                                            <div class="form-group brdrfull mb-0 t-0 manual-select">
                                                                <!-- <input type="text" class="form-control text-left" placeholder="Brighton"> -->
                                                                <select name="location_id" id="location_id" class="form-control">
                                                                    @foreach($practitionerBusinessLocations as $location)
                                                                    <option value="{{$location->id}}">{{ \Illuminate\Support\Str::limit($location->address, 30, '...') }}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        @forelse ($practitionerBusinessLocations as $key=>$location)
                                        <input type="hidden" name="location_id[]" value="{{$location->id}}">
                                        <div class="test-results-area labeltop locationForHide locationDiv_{{$location->id}}" style="display:none;">
                                            <!-- <h3 class="ml-0 businesstitle">Operating Hours</h3> -->
                                            <div class="setting-business-box mtop">
                                                <div class="label-input daysinline">
                                                    <div class="row ">
                                                        <div class="col-sm-4">
                                                            <div class="dayslabel" ><label>Day/s</label></div>
                                                        </div>
                                                        <div class=" col-sm-8">
                                                            <div class="health-history-checkbox selectdays-dropdown mb-0 tradingdays">
                                                                <ul id="be-select" class="be-select">
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="mondays" id="{{$unique = uniqid()}}" name="day[monday][]" value="monday" {{ in_array("monday",$location->openDay) ? 'checked' :'null' }} type="checkbox">
                                                                            <label for="{{$unique}}">Monday</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="tuesdays" id="{{$unique = uniqid()}}" name="day[tuesday][]" value="tuesday" {{ in_array("tuesday",$location->openDay) ? 'checked' :'null' }} type="checkbox">
                                                                            <label for="{{$unique}}">Tuesday</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="wednesdays" id="{{$unique = uniqid()}}" name="day[wednesday][]" value="wednesday" {{ in_array("wednesday",$location->openDay) ? 'checked' :'null' }} type="checkbox">
                                                                            <label for="{{$unique}}">Wednesday</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="thursdays" id="{{$unique = uniqid()}}" name="day[thursday][]" value="thursday" {{ in_array("thursday",$location->openDay) ? 'checked' :'' }} type="checkbox">
                                                                            <label for="{{$unique}}">Thursday</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="fridays" id="{{$unique = uniqid()}}" name="day[friday][]" value="friday" {{ in_array("friday",$location->openDay) ? 'checked' :'' }} type="checkbox">
                                                                            <label for="{{$unique}}">Friday</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="saturdays" id="{{$unique = uniqid()}}" name="day[saturday][]" value="saturday" {{ in_array("saturday",$location->openDay) ? 'checked' :'' }} type="checkbox">
                                                                            <label for="{{$unique}}">Satueday</label>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="rdio rdio-primary radio-inline">
                                                                            <input class="sundays" id="{{$unique = uniqid()}}" name="day[sunday][]" value="sunday" {{ in_array("sunday",$location->openDay) ? 'checked' :'' }} type="checkbox">
                                                                            <label for="{{$unique}}">Sunday</label>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                @forelse($location->hours as $time)
                                                @if($time->day == 'monday')
                                                <div class="monday" {{ in_array("monday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Monday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12"> Monday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='monday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker start_time" name="monday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly class="form-control timepicker end_time" value="{{ isset($time->day) && $time->day =='monday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" name="monday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                            
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly class="form-control timepicker" value="{{ isset($time->day) && $time->day =='monday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" name="monday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly class="form-control timepicker" value="{{ isset($time->day) && $time->day =='monday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" name="monday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @elseif($time->day == 'tuesday')
                                                <div class="tuesday" {{ in_array("tuesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Tuesday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                         <h3 class="ml-0 businesstitle mb-3 col-12"> Tuesday</h3>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='tuesday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker" name="tuesday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='tuesday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" class="form-control timepicker" name="tuesday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='tuesday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" class="form-control timepicker" name="tuesday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='tuesday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" class="form-control timepicker" name="tuesday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @elseif($time->day == 'wednesday')
                                                <div class="wednesday" {{ in_array("wednesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12">  Wednesday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='wednesday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker" name="wednesday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='wednesday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" class="form-control timepicker" name="wednesday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='wednesday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" class="form-control timepicker" name="wednesday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='wednesday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" class="form-control timepicker" name="wednesday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @elseif($time->day == 'thursday')
                                                <div class="thursday" {{ in_array("thursday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Thursday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12"> Thursday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='thursday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker" name="thursday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='thursday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" class="form-control timepicker" name="thursday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='thursday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" class="form-control timepicker" name="thursday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='thursday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" class="form-control timepicker" name="thursday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @elseif($time->day == 'friday')
                                                <div class="friday" {{ in_array("friday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3">Friday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='friday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker" name="friday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='friday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" class="form-control timepicker" name="friday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='friday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" class="form-control timepicker" name="friday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='friday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" class="form-control timepicker" name="friday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @elseif($time->day == 'saturday')
                                                <div class="saturday" {{ in_array("saturday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Saturday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12"> Saturday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='saturday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker" name="saturday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='saturday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" class="form-control timepicker" name="saturday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class=col-12>Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='saturday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" class="form-control timepicker" name="saturday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='saturday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" class="form-control timepicker" name="saturday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @elseif($time->day == 'sunday')
                                                <div class="sunday" {{ in_array("sunday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3">Sunday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='sunday' ? $time->start_time->format('h:i a') : '9:00 AM' }}" class="form-control timepicker" name="sunday_start_time[]" placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='sunday' ? $time->end_time->format('h:i a') : '5:00 PM' }}" class="form-control timepicker" name="sunday_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='sunday' && isset($time->break_start_time) ? $time->break_start_time->format('h:i a') : '' }}" class="form-control timepicker" name="sunday_break_start_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" readonly value="{{ isset($time->day) && $time->day =='sunday' && isset($time->break_end_time) ? $time->break_end_time->format('h:i a') : '' }}" class="form-control timepicker" name="sunday_break_end_time[]" placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif

                                                @empty
                                                <div class="monday" {{ in_array("monday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3">Monday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                            <h3 class="ml-0 businesstitle mb-3 col-12">Monday</h3>
                                                                <div class="row">
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="monday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="monday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="monday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="monday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="tuesday" {{ in_array("tuesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Tuesday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                          <h3 class="ml-0 businesstitle mb-3 col-12"> Tuesday</h3>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="tuesday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="tuesday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="tuesday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="tuesday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="wednesday" {{ in_array("wednesday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Wednesday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                     <h3 class="ml-0 businesstitle mb-3 col-12"> Wednesday</h3>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="wednesday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="wednesday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row"><label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="wednesday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="wednesday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="thursday" {{ in_array("thursday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3"> Thursday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                    <h3 class="ml-0 businesstitle mb-3 col-12"> Thursday</h3>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="thursday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="thursday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="thursday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="thursday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="friday" {{ in_array("friday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3">
                                                        Friday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <h3 class="ml-0 businesstitle mb-3 col-12">Friday</h3>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="friday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="friday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="friday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="friday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="saturday" {{ in_array("saturday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <h3 class="ml-0 businesstitle mb-3"> Saturday</h3>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                    <h3 class="ml-0 businesstitle mb-3 col-12"> Saturday</h3>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="saturday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="saturday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="saturday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="saturday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="sunday" {{ in_array("sunday",$location->openDay) ? "style=display:block" : "style=display:none" }}>
                                                    <!-- <h3 class="ml-0 businesstitle mb-3">Sunday</h3> -->
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                               <!-- <label>Hours:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                    <h3 class="ml-0 businesstitle mb-3 col-12">Sunday</h3>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="sunday_start_time[]" value="9:00 AM" readonly placeholder="00:00 AM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="sunday_end_time[]" value="5:00 PM" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="label-input">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-md-4">
                                                                <!-- <label>Break time:</label> -->
                                                            </div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="row">
                                                                <label class="col-12">Break time:</label>

                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="sunday_break_start_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                        <span class="text-blue">To:</span>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4">
                                                                        <div class="form-group brdrfull">
                                                                            <input type="text" class="form-control timepicker" name="sunday_break_end_time[]" value="" readonly placeholder="00:00 PM">
                                                                        </div>
                                                                        <span class="invalid-feedback d-block"></span>
                                                                    </div>
                                                                    <div class="col-lg-1 col-md-1">
                                                                         <a class="clearLunch cursor-pointer Clear">Clear</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endforelse
                                            </div>
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                                <button type="submit" class="btn-fill w-100 mt-10">Save</button>
                            </div>
                        </form>

                    </div>

                
            </div>
        </div>
    </div>
</div>
@endsection

@section('modals')




@endsection

@section('css')
<style>
    #main-section {
        display: none;
    }

    .navbar {
        padding: 0rem 1rem;
    }

    /* .page-content .row.align-items-center {
   display: none;
} */
    .page-content {
        padding: 0;
        transition: .4s ease all;
    }

    .dashspace-area .page-content {
        padding: 0;
    }

    .welcome-page-menu a.btn {
        color: #457379;
        font-size: 16px;
        letter-spacing: 1px;
        margin: 0px 20px 0px;
    }

    .welcome-page-menu a.navbar-brand img {
        max-width: 49px;
        margin: 8px 20px;
    }

    .label-input {
    margin-bottom: 20px;
}
.label-input .form-group .form-control{
    cursor: pointer;
}
</style>
@endsection
@section('js')
<script>
    $(document).ready(function() {

        $("body").on('input', '.google_address1', function() {
            var input = $(this);
            var options = {
                types: ['geocode'] //    componentRestrictions: { country: 'uk' } //Turkey only
            };
            var autocomplete = new google.maps.places.Autocomplete(input[0]);
            google.maps.event.addListener(autocomplete, 'place_changed', function() {
                var place = autocomplete.getPlace();
                // $("#latitude").val(place.geometry.location.lat());
                // $("#longitude").val(place.geometry.location.lng());
            });
        });

        //Checked-Unchecked Days
        $(document).on('click', '.be-select', function(event) {
            if (event.target.value == 'monday') {
                var monday = $(this).closest('div').parent().parent().parent().next();
                resetValue(monday, 'monday_');
            }
            if (event.target.value == 'tuesday') {
                var tuesday = $(this).closest('div').parent().parent().parent().next().next();
                resetValue(tuesday, 'tuesday_');
            }
            if (event.target.value == 'wednesday') {
                var wednesday = $(this).closest('div').parent().parent().parent().next().next().next();
                resetValue(wednesday, 'wednesday_');
            }
            if (event.target.value == 'thursday') {
                var thursday = $(this).closest('div').parent().parent().parent().next().next().next().next();
                resetValue(thursday, 'thursday_');
            }
            if (event.target.value == 'friday') {
                var friday = $(this).closest('div').parent().parent().parent().next().next().next().next().next();
                resetValue(friday, 'friday_');
            }
            if (event.target.value == 'saturday') {
                var saturday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next();
                resetValue(saturday, 'saturday_');
            }
            if (event.target.value == 'sunday') {
                var sunday = $(this).closest('div').parent().parent().parent().next().next().next().next().next().next().next();
                resetValue(sunday, 'sunday_');
            }
        });

        function resetValue(day, flag) {
            day.toggle("show");
            day.find("input[name*=" + flag + "start_time]").val('9:00 AM');
            day.find("input[name*=" + flag + "end_time]").val('5:00 PM');
            day.find("input[name*=" + flag + "break_start_time]").val('');
            day.find("input[name*=" + flag + "break_end_time]").val('');
            // day.find("input[name*=" + flag + "]").each(function(element) {
            //    return $(this).val('12:00 AM');
            // });
        }

        $(".timepicker").each(function() {
            $(this).mdtimepicker({
                theme: 'blue',
                useCurrent: false
            });
        });
        //end

        //image upload
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#blah').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#imgInp").change(function() {
            readURL(this);
        });

        function readBusinessProfileURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#businessImagePreview').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
        $("#businessImage").change(function() {
            readBusinessProfileURL(this);
        });

        $('.locationDiv_' + $('#location_id').val()).css('display', 'block');
        $('#location_id').on('change', function() {
            $('.locationForHide').each(function() {
                $(this).css('display', 'none');
            });
            $('.locationDiv_' + $(this).val()).css('display', 'block');
        });

        $("#myAvailability").submit(function(e) {
            e.preventDefault();
            var selectedDays = new Array();;
            $(".be-select").each(function() {
                var arr = new Array();;
                $(this).find("input").each(function(index) {
                    if ($(this).is(":checked")) {
                        arr.push(1);
                    } else {
                        arr.push(0);
                    }
                });
                selectedDays.push(arr);
            });

            var datas = new FormData($(this)[0]);
            var selectedDays = JSON.stringify(selectedDays);
            datas.append('selectedDays', selectedDays);
            $.ajax({
                url: $(this).attr("action"),
                data: datas,
                type: 'POST',
                contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
                processData: false, // NEEDED, DON'T OMIT THIS
            }).done(function(response) {
                if (response.status == "success") {
                    Swal.fire({
                        icon: response.status,
                        title: 'My availability saved',
                       // text: response.msg,
                        showClass: {
                            popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                            popup: 'animate__animated animate__fadeOutUp'
                        }
                    });

                    // setTimeout(function() {
                    //     window.location.href = baseUrl+"/practitioner/mysetupwizard"; 
                    // }, 3000);                       

                } else {
                    $(".invalid-feedback").text('');
                    $.each(response.errors, function(key, value, i) {
                        var [before, after] = key.split(".");
                        var input = $('input[name="' + before + '[]"]');
                        var span = $('input[name="' + before + '[]"]').parent().next();
                        var da = span[after];
                        da.append(value[0].replace(key, before));
                    });
                }
            });
        });
    });

    $(".clearLunch").click(function() {
        $(this).parent().parent().find('input').val('');
    });
</script>

@endsection