@extends('layouts.

master')
@section('content')
<div class="container-fluid">
<!-- .row -->
<div class="row">
<div class="col-sm-12">
<div class="white-box">
<h3 class="box-title pull-left">@lang('location-
setting.loc_setting')</h3>
<div class="clearfix"></div>
@if (count($errors) > 0)
<div class="alert alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<div class="error_message_con">
</div>
<form id="commentForm" action="{{ url('location/edit') }}"
method="POST" enctype="multipart/form-data"
class="form-horizontal locationForm">
<!-- CSRF Token -->
<input type="hidden" name="_token"
value="{{ csrf_token() }}" />
<input type="hidden" name="location_live_id"
value="{{ $location->live_id }}" />

<div id="rootwizard">
<ul class="nav nav-tabs nav-link">
<li class="active">
<a href="#tab1" class="address-panel" data-
toggle="tab"
style="cursor:pointer;">@lang('location-
setting.address')</a>
</li>
<li>
<a href="#tab2" class="settings-panel" data-
toggle="tab"
style="cursor:pointer;">@lang('location-
setting.settings')</a>
</li>
<li>
<a href="#tab3" class="shop-hours-panel" data-
toggle="tab"
style="cursor:pointer;">@lang('location-
setting.shop_hours')</a>
</li>
{{-- <li>
<a href="#tab4"
class="working-hours-panel"
data-toggle="tab"
style="cursor:pointer;">@lang('location-
setting.working_hours')</a>
</li> --}}
<li>
<a href="#tab9" class="working-hours-panel" data-
toggle="tab"
style="cursor:pointer;">@lang('location-
setting.no_of_today_spots')</a>
</li>
<li>
<a href="#tab5" class="price-details-panel" data-
toggle="tab"
style="cursor:pointer;">@lang('location-
setting.price_details')</a>
</li>
{{-- <li>
<a href="#tab6" class="extra-feature-panel"
data-toggle="tab"
style="cursor:pointer;">@lang('location-
setting.extra_features')</a>
</li> --}}
<li>
<a href="#tab8" class="email-pdf-settings-panel"
data-toggle="tab"
style="cursor:pointer;">@lang('location-
setting.email_pdf_settings')</a>
</li>
</ul>
<div class="tab-content nav-link">
<div class="tab-pane active" id="tab1">
@include('location.editlocation.tab1')
</div>
<div class="tab-pane" id="tab2" disabled="disabled">
@include('location.editlocation.tab2')
</div>

<div class="tab-pane" id="tab3" disabled="disabled">

@include('location.editlocation.tab3')
</div>
<div class="tab-pane" id="tab4" disabled="disabled">
@include('location.editlocation.tab4')
</div>
<div class="tab-pane nav-link" id="tab7"
disabled="disabled">
@include('location.editlocation.tab7')
</div>
<div class="tab-pane" id="tab9" disabled="disabled">
@include('location.editlocation.tab9')
</div>
<div class="tab-pane" id="tab5" disabled="disabled">
@include('location.editlocation.tab5')
</div>
<div class="tab-pane" id="tab8" disabled="disabled">
@include('location.editlocation.tab8')
</div>
<ul class="pager wizard">
<li class="previous"><a href="#">@lang('location-
setting.prev')</a></li>
<li class="next"><a href="#">@lang('location-
setting.nxt')</a></li>
<li class="next finish" style="display:none;"><a
href="javascript:;">@lang('location-
setting.finish')</a></li>
</ul>
 </div>
</div>
</form>
</div>
</div>
</div>

@include('layouts.partials.right-sidebar')
</div>
@endsection

@push('js')
<script src="{{ asset('plugins/components/jasny-bootstrap/js/jasny-
bootstrap.js') }}"></script>
<script src="{{ asset('plugins/components/icheck/icheck.min.js') }}"></script>
<script src="{{ asset('plugins/components/icheck/icheck.init.js') }}"></script>
<script src="{{ asset('plugins/components/moment/moment.js') }}"></script>
<!--{{-- <script src="{{asset('plugins/components/bootstrap-datepicker/bootstrap-
datepicker.min.js')}}"></script> --}}-->
<script src="{{ asset('plugins/components/jqueryui/jquery-ui.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.5.3/js/
bootstrapValidator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap-wizard/1.2/
jquery.bootstrap.wizard.min.js">
</script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.full.min.js"
type="text/javascript">
</script>
<script src="{{ asset('plugins/components/toast-master/js/jquery.toast.js')
}}"></script>
<script src="{{
asset('plugins/components/dropzone-master/dist/dropzone.js') }}"></script>
<!-- Clock Plugin JavaScript -->
<script src="{{ asset('plugins/components/clockpicker/dist/jquery-
clockpicker.min.js') }}"></script>
<!-- Color Picker Plugin JavaScript -->
<script src="{{ asset('plugins/components/jquery-asColorPicker-master/libs/jquery-
asColor.js') }}"></script>
<script src="{{ asset('plugins/components/jquery-asColorPicker-master/libs/jquery-
asGradient.js') }}"></script>
<script src="{{ asset('plugins/components/jquery-asColorPicker-master/dist/jquery-
asColorPicker.min.js') }}"></script>
<script src="{{
asset('plugins/components/ion-rangeslider/js/ion-rangeSlider/ion.rangeSlider.min.js
') }}"></script>
<script src="{{
asset('plugins/components/ion-rangeslider/js/ion-rangeSlider/ion.rangeSlider-
init.js') }}"></script>
<script src="{{ asset('/js/jquery.mask.js') }}"></script>
<script src="{{ asset('/js/location.js') }}"></script>

<script>
@if(\Session::has('message'))
$.toast({
heading: '{{ session()->get('
heading ') }}',
position: 'top-center',
text: '{{ session()->get('
 message ') }}',
loaderBg: '#ff6849',
icon: '{{ session()->get('
icon ') }}',
hideAfter: 3000,
stack: 6
});
@endif
</script>
<script>
// Clock pickers
$('#single-input').clockpicker({
placement: 'bottom',
align: 'left',
autoclose: true,
'default': 'now'
});
$('.clockpicker').clockpicker({
donetext: 'Done',
}).find('input').change(function() {
console.log(this.value);
});
$('#check-minutes').click(function(e) {
// Have to stop propagation here
e.stopPropagation();
input.clockpicker('show').clockpicker('toggleView', 'minutes');
});
if (/mobile/i.test(navigator.userAgent)) {
$('input').prop('readOnly', true);
}
// Colorpicker
$(".colorpicker").asColorPicker();
$(".complex-colorpicker").asColorPicker({
mode: 'complex'
});
$(".gradient-colorpicker").asColorPicker({
mode: 'gradient'
});
// Date Picker
jQuery('.mydatepicker, #datepicker').datepicker();
jQuery('#datepicker-autoclose').datepicker({
autoclose: true,
todayHighlight: true
});
jQuery('#date-range').datepicker({
toggleActive: true
});
jQuery('#datepicker-inline').datepicker({
todayHighlight: true
});
// Daterange picker
$('.input-daterange-datepicker').daterangepicker({
buttonClasses: ['btn', 'btn-sm'],
applyClass: 'btn-danger',
cancelClass: 'btn-inverse'
});
$('.input-daterange-timepicker').daterangepicker({
timePicker: true,
format: 'MM/DD/YYYY h:mm A',
 timePickerIncrement: 30,
timePicker12Hour: true,
timePickerSeconds: false,
buttonClasses: ['btn', 'btn-sm'],
applyClass: 'btn-danger',
cancelClass: 'btn-inverse'
});
$('.input-limit-datepicker').daterangepicker({
format: 'MM/DD/YYYY',
minDate: '06/01/2015',
maxDate: '06/30/2015',
buttonClasses: ['btn', 'btn-sm'],
applyClass: 'btn-danger',
cancelClass: 'btn-inverse',
dateLimit: {
days: 6
}
});
</script>
<script>
$(document).ready(function() {
$(".button-toggle").each(function() {
const input = $(this).find(".toggle-input")[0];
const toggleCircle = $(this).find(".toggle-circle")[0];
if (input.checked) {
$(this).css("background-color", "#00ff00");
$(toggleCircle).css("left", "36px");
toggle.value = '1';
} else {
$(this).css("background-color", "#ff0000");
$(toggleCircle).css("left", "0px");
}
});
});

function updateToggleValue(toggle) {
toggle.value = toggle.checked ? "1" : "0";
}

function toggleButton(element) {
const input = element.querySelector(".toggle-input");
const isActive = input.checked;
input.checked = !isActive;
input.value = input.checked ? "1" : "0";
if (input.checked) {
element.style.backgroundColor = "#00ff00";
element.querySelector(".toggle-circle").style.left = "36px";
} else {
element.style.backgroundColor = "#ff0000";
element.querySelector(".toggle-circle").style.left = "0px";
}
console.log(`Value of ${input.name}:`, input.value);
}

@if(\Session::has('message'))
$.toast({
heading: '{{session()->get('
heading ')}}',
position: 'top-center',
 text: '{{session()->get('
message ')}}',
loaderBg: '#ff6849',
icon: '{{session()->get('
icon ')}}',
hideAfter: 5000,
stack: 6
});
@endif
</script>
@endpush