@extends('layouts.app')
@section('content')

@section('css')
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/pickers/datetime/bootstrap-datetimepicker.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/vendors/css/ui/jquery-ui.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/admin/css/plugins/ui/jqueryui.min.css')}}">
@endsection

    <div class="card box-shadow-1">
        <div class="card-header">
        <h4 class="card-title">{{ isset($title)?$title:'' }}</h4>
        <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
    </div>

    <div class="card-body collapse in">
        <div class="card-block card-dashboard">
            @include('validation.success')
            
            <ul class="nav nav-tabs" id="myTab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="baseIcon-tab41" data-toggle="tab" href="#hours" role="tab"
                        aria-controls="hours" aria-selected="true">Hours</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="baseIcon-tab43" data-toggle="tab" href="#pickup" role="tab"
                        aria-controls="pickup" aria-selected="false">Pickup Timings</a>
                </li>
            </ul>
            
            <form method="post"  action="{{route('updateTiming')}}">
                {{ csrf_field() }}

                <div class="tab-content px-1 pt-1">
                    <div role="tabpanel" class="tab-pane active" id="hours" aria-expanded="true" aria-labelledby="baseIcon-tab41">
                        <div class="row">

                            <!--Monday-->
                            <div class="form-group col-xs-12">
                                <div class="row" style="margin-top:10px;">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Monday</h5>
                                    </div>
                                        <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="monday_status" class="jui-radio-buttons" id="monday_status_open" value="1" @if(isset($timings->monday_status) && $timings->monday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="monday_status" class="jui-radio-buttons" id="monday_status_close" value="0" @if(isset($timings->monday_status) && $timings->monday_status == '0') checked @endif> Close
                                        </label>


                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                            <input type="text" class="form-control time monday_input timepicker" name="monday_opening" value="{{ isset($timings->monday_opening)?$timings->monday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                            <input type="text" class="form-control time monday_input timepicker" name="monday_closing" value="{{ isset($timings->monday_closing)?$timings->monday_closing:'' }}">
                                    </div>
                                    
                                </div>
                            </div>
                            
                            <!--Tuesday-->
                            <div class="form-group col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Tuesday</h5>
                                    </div>
                                    <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="tuesday_status" class="jui-radio-buttons" id="tuesday_status_open" value="1" @if(isset($timings->tuesday_status) && $timings->tuesday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="tuesday_status" class="jui-radio-buttons" id="tuesday_status_close" value="0" @if(isset($timings->tuesday_status) && $timings->tuesday_status == '0') checked @endif> Close
                                        </label>
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                        <input type="text" class="form-control time tuesday_input timepicker" name="tuesday_opening" value="{{ isset($timings->tuesday_opening)?$timings->tuesday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                            <input type="text" class="form-control time tuesday_input timepicker" name="tuesday_closing" value="{{ isset($timings->tuesday_closing)?$timings->tuesday_closing:'' }}">
                                    </div>
                                    
                                    
                                </div>
                            </div>

                            <!--Wednesday-->
                            <div class="form-group col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Wednesday</h5>
                                    </div>
                                        <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="wednesday_status" class="jui-radio-buttons" id="wednesday_status_open" value="1" @if(isset($timings->wednesday_status) && $timings->wednesday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="wednesday_status" class="jui-radio-buttons" id="wednesday_status_close" value="0" @if(isset($timings->wednesday_status) && $timings->wednesday_status == '0') checked @endif> Close
                                        </label>
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                        <input type="text" class="form-control time wednesday_input timepicker" name="wednesday_opening" value="{{ isset($timings->wednesday_opening)?$timings->wednesday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                        <input type="text" class="form-control time wednesday_input timepicker" name="wednesday_closing" value="{{ isset($timings->wednesday_closing)?$timings->wednesday_closing:'' }}">
                                    </div>
                                
                                    
                                </div>
                            </div>

                            <!--Thursday-->
                            <div class="form-group col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Thursday</h5>
                                    </div>
                                        <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="thursday_status" class="jui-radio-buttons" id="thursday_status_open" value="1" @if(isset($timings->thursday_status) && $timings->thursday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="thursday_status" class="jui-radio-buttons" id="thursday_status_close" value="0" @if(isset($timings->thursday_status) && $timings->thursday_status == '0') checked @endif> Close
                                        </label>
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                        <input type="text" class="form-control time thursday_input timepicker" name="thursday_opening" value="{{ isset($timings->thursday_opening)?$timings->thursday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                        <input type="text" class="form-control time thursday_input timepicker" name="thursday_closing" value="{{ isset($timings->thursday_closing)?$timings->thursday_closing:'' }}">
                                    </div>
                                    
                                
                                </div>
                            </div>

                            <!--Friday-->
                            <div class="form-group col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Friday</h5>
                                    </div>
                                    <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="friday_status" class="jui-radio-buttons" id="friday_status_open" value="1" @if(isset($timings->friday_status) && $timings->friday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="friday_status" class="jui-radio-buttons" id="friday_status_close" value="0" @if(isset($timings->friday_status) && $timings->friday_status == '0') checked @endif> Close
                                        </label>
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                        <input type="text" class="form-control time friday_input timepicker" name="friday_opening" value="{{ isset($timings->friday_opening)?$timings->friday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                        <input type="text" class="form-control time friday_input timepicker" name="friday_closing" value="{{ isset($timings->friday_closing)?$timings->friday_closing:'' }}">
                                    </div>
                                    
                                </div>
                            </div>

                            <!--Saturday-->
                            <div class="form-group col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Saturday</h5>
                                    </div>
                                        <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="saturday_status" class="jui-radio-buttons" id="saturday_status_open" value="1" @if(isset($timings->saturday_status) && $timings->saturday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="saturday_status" class="jui-radio-buttons" id="saturday_status_close" value="0" @if(isset($timings->saturday_status) && $timings->saturday_status == '0') checked @endif> Close
                                        </label>
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                        <input type="text" class="form-control time saturday_input timepicker" name="saturday_opening" value="{{ isset($timings->saturday_opening)?$timings->saturday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                        <input type="text" class="form-control time saturday_input timepicker" name="saturday_closing" value="{{ isset($timings->saturday_closing)?$timings->saturday_closing:'' }}">
                                    </div>
                                    
                                </div>
                            </div>

                            <!--Sunday-->
                            <div class="form-group col-xs-12">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-2">
                                        <h5 style="padding: 28px 0 0;">Sunday</h5>
                                    </div>
                                        <div class="col-sm-3" style="padding: 28px 0 0;">
                                        <label class="radio-inline">
                                            <input type="radio" name="sunday_status" class="jui-radio-buttons" id="sunday_status_open" value="1" @if(isset($timings->sunday_status) && $timings->sunday_status == '1') checked @endif> Open
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="sunday_status" class="jui-radio-buttons" id="sunday_status_close" value="0" @if(isset($timings->sunday_status) && $timings->sunday_status == '0') checked @endif> Close
                                        </label>
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label for="Opening Time">Opening Time</label>
                                        <input type="text" class="form-control time sunday_input timepicker" name="sunday_opening" value="{{ isset($timings->sunday_opening)?$timings->sunday_opening:'' }}">
                                    </div>
                                    <div class="col-xs-3 col-sm-3">
                                        <label >Closing Time</label>
                                        <input type="text" class="form-control time sunday_input timepicker" name="sunday_closing" value="{{ isset($timings->sunday_closing)?$timings->sunday_closing:'' }}">
                                    </div>
                                    
                                </div>
                            </div>    
                            
                        </div>    
                    </div>
                    <div role="tabpanel" class="tab-pane" id="pickup" aria-expanded="true" aria-labelledby="baseIcon-tab41">
                        <div class="row form-group">
                            <div class="col-sm-12">
                                <textarea rows="20" class="field form-control" name="pickup_timings">{{isset($pickup_timings)?$pickup_timings:''}}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="row">
                    <div align="right" class="col-sm-12">
                        <a class="btn btn-danger" href="{{url('home') }}">Close</a>
                        <button type="submit" class="btn btn-success">Save changes</button>
                    </div>
                </div>

            </form>

        </div>
    </div>



@section('js')
<script type="text/javascript" src="{{asset('assets/admin/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/admin/vendors/js/pickers/dateTime/bootstrap-datetimepicker.min.js')}}"></script>
<script src="{{asset('assets/admin/js/core/libraries/jquery_ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/admin/js/scripts/ui/jquery-ui/buttons-selects.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">
$(function () {

    $('.time').datetimepicker({
        format: 'LT'
    });

    if($('#monday_status_close').prop("checked")) {$('.monday_input').attr('disabled', true).val('');}
    if($('#tuesday_status_close').prop("checked")) {$('.tuesday_input').attr('disabled', true).val('');}
    if($('#wednesday_status_close').prop("checked")) {$('.wednesday_input').attr('disabled', true).val('');}
    if($('#thursday_status_close').prop("checked")) {$('.thursday_input').attr('disabled', true).val('');}
    if($('#friday_status_close').prop("checked")) {$('.friday_input').attr('disabled', true).val('');}
    if($('#saturday_status_close').prop("checked")) {$('.saturday_input').attr('disabled', true).val('');}
    if($('#sunday_status_close').prop("checked")) {$('.sunday_input').attr('disabled', true).val('');}

    //monday_status
    $('#monday_status_open').click(function() {
        var check = $('#monday_status_open').prop("checked");
        if(check) {
            $('.monday_input').attr('disabled', false).val('');
        }else{
            $('.monday_input').attr('disabled', true).val('');
        }
    });
    $('#monday_status_close').click(function() {
        var check = $('#monday_status_close').prop("checked");
        if(check) {
            $('.monday_input').attr('disabled', true).val('');
        }else{
            $('.monday_input').attr('disabled', false).val('');
        }
    });

    //tuesday_status
    $('#tuesday_status_open').change(function() {
        var check = $('#tuesday_status_open').prop("checked");
        if(check) {
            $('.tuesday_input').attr('disabled', false).val('');
        }else{
            $('.tuesday_input').attr('disabled', true).val('');
        }
    });
    $('#tuesday_status_close').change(function() {
        var check = $('#tuesday_status_close').prop("checked");
        if(check) {
            $('.tuesday_input').attr('disabled', true).val('');
        }else{
            $('.tuesday_input').attr('disabled', false).val('');
        }
    });
    //wednesday_status
    $('#wednesday_status_open').change(function() {
        var check = $('#wednesday_status_open').prop("checked");
        if(check) {
            $('.wednesday_input').attr('disabled', false).val('');
        }else{
            $('.wednesday_input').attr('disabled', true).val('');
        }
    });
    $('#wednesday_status_close').change(function() {
        var check = $('#wednesday_status_close').prop("checked");
        if(check) {
            $('.wednesday_input').attr('disabled', true).val('');
        }else{
            $('.wednesday_input').attr('disabled', false).val('');
        }
    });
    //thursday_status
    $('#thursday_status_open').change(function() {
        var check = $('#thursday_status_open').prop("checked");
        if(check) {
            $('.thursday_input').attr('disabled', false).val('');
        }else{
            $('.thursday_input').attr('disabled', true).val('');
        }
    });
    $('#thursday_status_close').change(function() {
        var check = $('#thursday_status_close').prop("checked");
        if(check) {
            $('.thursday_input').attr('disabled', true).val('');
        }else{
            $('.thursday_input').attr('disabled', false).val('');
        }
    });
    //friday_status
    $('#friday_status_open').change(function() {
        var check = $('#friday_status_open').prop("checked");
        if(check) {
            $('.friday_input').attr('disabled', false).val('');
        }else{
            $('.friday_input').attr('disabled', true).val('');
        }
    });
    $('#friday_status_close').change(function() {
        var check = $('#friday_status_close').prop("checked");
        if(check) {
            $('.friday_input').attr('disabled', true).val('');
        }else{
            $('.friday_input').attr('disabled', false).val('');
        }
    });
    //saturday_status
    $('#saturday_status_open').change(function() {
        var check = $('#saturday_status_open').prop("checked");
        if(check) {
            $('.saturday_input').attr('disabled', false).val('');
        }else{
            $('.saturday_input').attr('disabled', true).val('');
        }
    });
    $('#saturday_status_close').change(function() {
        var check = $('#saturday_status_close').prop("checked");
        if(check) {
            $('.saturday_input').attr('disabled', true).val('');
        }else{
            $('.saturday_input').attr('disabled', false).val('');
        }
    });
    //sunday_status
    $('#sunday_status_open').change(function() {
        var check = $('#sunday_status_open').prop("checked");
        if(check) {
            $('.sunday_input').attr('disabled', false).val('');
        }else{
            $('.sunday_input').attr('disabled', true).val('');
        }
    });
    $('#sunday_status_close').change(function() {
        var check = $('#sunday_status_close').prop("checked");
        if(check) {
            $('.sunday_input').attr('disabled', true).val('');
        }else{
            $('.sunday_input').attr('disabled', false).val('');
        }
    });
});
</script>
@endsection
@endsection