@extends('layouts.master')
@section('page_title', 'Hours')
@section('content')
    {{ Form::open(["class" => "form-horizontal"]) }}
    <div class="container business-hour-content" id="business-hour-container">
        {{ Form::page_header("Hours", "hours") }}
        <div class="grey-bg curve_container">
            <div class="row">
                {{ Form::label_title('Location') }}
                {{ Form::select_ex('business_location', $bl, \App\Models\Business_Location::business_location_select($business), 4, null, "on_change_location();", 'business_location_select') }}
            </div>
            <div class="row">
                <div id="business-hour-white" class="white-bg">
                    <div id="business-hour-white-wrapper">
                        <div>
                            {{ Form::hidden('delete_hour_url', action('BusinessHourController@destroy', [
                                                         'business_hour' => $business_hour->business_hour
                                                        ]), ['id' => 'delete_hour_url'] ) }}
                            {{ Form::hidden('get_hour_url', action('BusinessHourController@business_hour', [
                                'business' => $business->business, 'bl' => 'XXX' ]), ['id' => 'get_hour_url'] ) }}
                            {{ Form::hidden('update_hour_url', action('BusinessHourController@update', [
                                'business_hour' => $business_hour->business_hour
                                ]), ['id' => 'update_hour_url'] ) }}
                            {{ Form::hidden('create_hour_url', action('BusinessHourController@store', [
                                'bl' => $business_hour->business_location,
                                ]), ['id' => 'create_hour_url'] ) }}
                        </div>
                        <div class="row">
                            <p id="save_hour_success" style="display: none;" class="update-success">save_hour_success</p>
                        </div>

                        <div class="row " >
                            {{ Form::label_title("Weekly Schedule") }}
                        </div>

                        <div class="row">
                            {{ Form::select_with_label('business_hour', $current_hour, $business_hours,
                                5, null, "Hours", 2, "on_change_hours();", "business_hour_select" ) }}
                        </div>
                        @if (!isset($business_hour->business_hour))
                            <div class="row">
                                {{ Form::label_inline('Start Date', null, 2, \App\Helpers\FormComponentHelper::SIZE_LARGE) }}
                                {{ Form::date_ex('start', old('start', Carbon\Carbon::today()->format('m/d/Y')), 3, 'start', 'Start Date') }}
                            </div>
                        @endif
                        {{ Form::separator_row() }}

                        <div class="row" >
                            {{ Form::checkbox_row('show_open', $business_hour->show_open,
                                'Show the "OPEN" graphic on your home page when your hours indicate you are currently open?') }}
                        </div>

                        <div class="row" >
                            {{ Form::checkbox_row('open_all_day', $business_hour->open_all_day, 'Open 24 Hours') }}
                        </div>
                        <div class="row" >
                            {{ Form::hidden('hour_set_value', $business_hour->hour_set, ['id' => 'hour_set_value']) }}
                            {{ Form::checkbox_row('hour_set', $business_hour->hour_set, 'We have more than one set of hours of operation on each day.',
                                null, 'hour_set_checkbox' ) }}
                        </div>

                        @include('business.hours._hours_of_operation', ['title'=>'Sunday', 'fieldname'=>'sunday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->sunday_open,'close'=>$business_hour->sunday_close,
                            'open_ext'=>$business_hour->sunday_open_ext,'close_ext'=>$business_hour->sunday_close_ext,
                            'appt_only'=>$business_hour->sunday_appt_only])
                        @include('business.hours._hours_of_operation', ['title'=>'Monday', 'fieldname'=>'monday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->monday_open,'close'=>$business_hour->monday_close,
                            'open_ext'=>$business_hour->monday_open_ext,'close_ext'=>$business_hour->monday_close_ext,
                            'appt_only'=>$business_hour->monday_appt_only])
                        @include('business.hours._hours_of_operation', ['title'=>'Tuesday', 'fieldname'=>'tuesday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->tuesday_open,'close'=>$business_hour->tuesday_close,
                            'open_ext'=>$business_hour->tuesday_open_ext,'close_ext'=>$business_hour->tuesday_close_ext,
                            'appt_only'=>$business_hour->tuesday_appt_only])
                        @include('business.hours._hours_of_operation', ['title'=>'Wednesday', 'fieldname'=>'wednesday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->wednesday_open,'close'=>$business_hour->wednesday_close,
                            'open_ext'=>$business_hour->wednesday_open_ext,'close_ext'=>$business_hour->wednesday_close_ext,
                            'appt_only'=>$business_hour->wednesday_appt_only])
                        @include('business.hours._hours_of_operation', ['title'=>'Thursday', 'fieldname'=>'thursday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->thursday_open,'close'=>$business_hour->thursday_close,
                            'open_ext'=>$business_hour->thursday_open_ext,'close_ext'=>$business_hour->thursday_close_ext,
                            'appt_only'=>$business_hour->thursday_appt_only])
                        @include('business.hours._hours_of_operation', ['title'=>'Friday', 'fieldname'=>'friday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->friday_open,'close'=>$business_hour->friday_close,
                            'open_ext'=>$business_hour->friday_open_ext,'close_ext'=>$business_hour->friday_close_ext,
                            'appt_only'=>$business_hour->friday_appt_only])
                        @include('business.hours._hours_of_operation', ['title'=>'Saturday', 'fieldname'=>'saturday', 'hours_of_operation'=>$hours_of_operation,
                            'open'=>$business_hour->saturday_open,'close'=>$business_hour->saturday_close,
                            'open_ext'=>$business_hour->saturday_open_ext,'close_ext'=>$business_hour->saturday_close_ext,
                            'appt_only'=>$business_hour->saturday_appt_only])
                        {{ Form::separator_row_bottom() }}

                        <div class="row bt-button-row" >
                            {{ Form::button_right("Cancel", "close_form();" ) }}
                            @if($business_hour->business_hour)
                                {{ Form::button_right("Delete", "delete_business_hour();" ) }}
                                {{ Form::button_right("Update", "save_business_hour(0);" ) }}
                                {{ Form::button_right("Save", "save_business_hour(1);" ) }}
                            @else
                                {{ Form::button_right("Update", "create_business_hour(0);" ) }}
                                {{ Form::button_right("Save", "create_business_hour(1);" ) }}
                            @endif
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div id="business-hour-white" class="white-bg">

                    <div id="business-hour-exception-white-wrapper">

                        <div class="row" >
                            {{ Form::label_title("Hour Exceptions") }}
                        </div>
                        <div class="row bottom-padding" >
                            <div class="col-md-12 no-left-pad">
                                {{ Form::label_grey("Add an exception to the above hours for a special event or a holiday.") }}
                            </div>
                        </div>

                        @foreach($business_hour_exceptions as $business_hour_exception)
                            @include('business.hours._business_hour_exception', [$business_hour_exception])
                        @endforeach
                        <div class="row new-parent-div" id="parent_handle_" ></div>
                        <div class="row bt-button-row" >
                            <div class="col-md-12">
                                {{ Form::button_right("ADD AN EXCEPTION", "parent_list_manager.add_one(
                                    '". action('BusinessHourExceptionController@create',
                                    ['business' => $business->business, 'bl' => $business_hour->business_location] ) ."',
                                    parent_selector.calc_new_handle_id() );") }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    {{ Form::close() }}
@endsection

@section('page_script')
    {!! Html::script('/js/moment.min.js') !!}
    {!! Html::script('/js/daterangepicker.js') !!}
    @include('shared_script._list_manager')

    <script id="document_scripts">

        var parent_list_manager = null;

        $(document).ready(function() {
            parent_list_manager = new list_manager('parent', 'Exception');
            parent_list_manager.set_do_delete_function('do_delete_parent');
            parent_list_manager.set_after_load_function('do_after_load_parent');
            parent_list_manager.set_field_get_function('exception_input_name_translate');
            parent_selector = new top_level_selector();

            show_hide_ext('{{ $business_hour->hour_set }}' == '1');
            hook_up_form_controls();
        });

        function hook_up_form_controls() {
            $('#hour_set_checkbox').click(function() {
                show_hide_ext($(this).is(':checked'));
            });

            init_daterangepicker("start");
        }

        function reload_business_hour_form(data, is_reload_exceptions){
            var url = document.getElementById("get_hour_url").value;
            var e = document.getElementById("business_location_select");
            var business_location = e.options[e.selectedIndex].value;
            url = url.replace('XXX', business_location);
            $.ajax({
                type: "GET",
                url: url,
                data: data,
                success: function(newHtml) {
                    var newwrapper = $(newHtml).find("#business-hour-white-wrapper");
                    $('#business-hour-white').html(newwrapper);
                    hook_up_form_controls();
                    if (is_reload_exceptions){
                        newwrapper = $(newHtml).find("#business-hour-exception-white-wrapper");
                        $('#business-hour-exception-white').html(newwrapper);
                    }
                    e = document.getElementById("hour_set_value");
                    show_hide_ext(e.value == 1);
                }
            });
        }
        function on_change_location(){
            reload_business_hour_form(null, true);
        }
        function close_form() {
            //  console.log('closing form');
            $('#business-hour-container').html("");
        }
    </script>
    <script id="hours_script">
        function do_delete_business_hour(url) {
            $.ajax({
                url: url,
                method: 'DELETE',
                success: function(result) {
                    reload_hours(null);
                    $('#modal-alert').modal('hide');
                    window.scrollTo(0, 0);
                },
                error: function () {
                    // we will want to eventually handle errors here
                }
            });
        }
        function delete_business_hour() {
            var url = document.getElementById("delete_hour_url").value;
            var $onclick_text = "do_delete_business_hour('"+url+"')";
            showYesNoModalAlert('Delete Hours','Are you sure you want to delete these hours?', $onclick_text);
        }
        function save_business_hour(is_close) {
            var url = document.getElementById("update_hour_url").value;
            var data = $('form').serialize();
            $.ajax({
                url: url,
                method: 'POST',
                data: data,
                success: function(result) {
                    if (is_close == 1) {
                        close_form();
                    } else {
                        if (result.data.success != undefined) {
                            var e = $('#save_hour_success');
                            e.text(result.data.success);
                            e.show();
                        }
                        window.scrollTo(0, 0);
                    }
                    $('#modal-alert').modal('hide');
                },
                error: function () {
                    // we will want to eventually handle errors here
                }
            });
        }
        function create_business_hour(is_close) {
            var url = document.getElementById("create_hour_url").value;
            var data = $('form').serialize();
            $.ajax({
                url: url,
                method: 'POST',
                data: data,
                success: function(result) {
                    if (is_close == 1)
                        close_form();
                    else {
                        var current_hour = result.data.business_hour;
                        var data = { current_hour: current_hour};
                        reload_hours(data);
                        window.scrollTo(0, 0);
                    }
                    $('#modal-alert').modal('hide');
                },
                error: function (result) {
                    //      container: the container location of all the fields that need checking,
                    //      input_type: class type we can use to toggle the validation-error class,
                    //      default_error: if we don't have a list of errors, this is what we print instead,
                    //      default_error_container: where does this error end up?,
                    //      field_get_function: there may be times where the field id does not match exactly.
                    //                          this is the name of the function that fetches the correct field
                    //   };


                    var selector = {
                        result: result,
                        container: "business-hour-white-wrapper",
                        input_type: "bt-input ",
                        default_error: "Failed to create busines hours."
                    };
                    highlight_error_fields_ajax(selector);

                    // we will want to eventually handle errors here
                }
            });
        }
        function on_change_hours() {
            // specify the hour set that we want
            var e = document.getElementById("business_hour_select");
            var current_hour = e.options[e.selectedIndex].value;
            var data = { current_hour: current_hour};
            reload_hours(data);
        }
        function reload_hours(data) {
            reload_business_hour_form(data, false);
        }
        function show_hide_ext(value) {
            if (value) {
                $('.business-hour-ext').show();
            } else {
                $('.business-hour-ext').hide();
            }
        }
    </script>
    <script id="exception_script">

        function do_after_load_parent(handle_id) {
            init_daterangepicker("business-hour-exception-start-date");
            init_daterangepicker("business-hour-exception-end-date");
        }
        function exception_input_name_translate(name) {
            if (name == 'end') {
                return $('#business-hour-exception-end-date');
            }
        }
    </script>
@endsection

@section('page_style')
    {!! Html::style('/css/daterangepicker.css') !!}
    {!! Html::style('/css/daterangepicker_custom.css') !!}

    <style>
        .day-div {
            width: 100px;
            padding-top: 8px;
        }
        .to-div {
            width: 25px;
            padding: 8px 0 0 0;
        }
        .and-div {
            width: 35px;
            padding: 8px 0 0 0;
        }
        .hours-select-div {
            width: 110px;
        }
        .bt-checkbox-label {
            padding-top: 8px;
        }
        #business_location_label_div{
            width: 100px;
        }
        #business_hour_div {
            padding-left: 0;
        }
        #business-hour-white {
            margin-bottom: 30px;
        }
        #business-hour-white-wrapper .validation-message {
            padding-top: 10px;
        }
        #business-hour-white-wrapper .bt-date {
            margin-right: 5px;
        }
    </style>
@endsection