@extends('core::layouts.master')
@section('breadcrumb', 'Cấu hình popup')
@section('head-action')
    {{ Form::bsNavBtnSubmit('Lưu thay đổi','setting-form') }}
@endsection
@section('content')
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="tabbable nav-tabs-vertical nav-tabs-left">
                    @include('setting::setting')
                    <div class="tab-content">
                        {!! Form::open([
                                'method' => 'POST',
                                'url'  => route('admin.setting.store', 'popup'),
                                'files'  => true,
                                'id' => 'setting-form'
                            ]) !!}
                        <fieldset class="content-group">
                            <legend class="text-bold">Cấu hình Popup</legend>

                                <div class="form-group">
                                <label>Hiển thị</label>
                                <div class="checkbox checkbox-switch">
                                    <label>
                                        <input hidden name="config[popup][active]" value="0">
                                        <input type="checkbox" bs-type="switch" data-on-text="Đang bật" data-off-text="Đang tắt"
                                               name="config[popup][active]" value="1" {{@$popup['value']['active']?'checked':''}}>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Thời gian chờ trước khi hiển thị</label>
                                        <div class="input-group">
                                            <input type="number" name="config[popup][display_after]"
                                                   class="form-control" min="0"
                                                   value="{{@$popup['value']['display_after']}}"
                                                   required="required">
                                            <span class="input-group-addon">giây</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6" id="popup_frequency">
                                     {{ Form::bsSelect('Mức độ thường xuyên mở popup', 'config[popup][frequency]', ['always'=>'Luôn luôn xuất hiện khi truy cập vào trang','onetime'=>'Hiển thị sau mỗi khoảng thời gian'],@$popup['value']['frequency']) }}
                                </div>
                                <div class="col-md-6" id="popup_cookieExpire" style="display: none">
                                     <div class="form-group">
                                          <label>Thời gian hiển thị lại popup</label>
                                          <div class="input-group">
                                              <input type="number" name="config[popup][cookieExpire]"
                                                     class="form-control" min="0"
                                                     value="{{@$popup['value']['cookieExpire']}}"
                                                     required="required" placeholder="Mặc định 24">
                                              <span class="input-group-addon">giờ</span>
                                          </div>
                                      </div>
                                </div>
                            </div>
                            {{ Form::bsTextAreaEditor('Nội dung', 'config_description[popup][content]', @$popup['description']['content']) }}
                        </fieldset>
                         <fieldset class="content-group">
                            <legend class="text-bold">Cấu hình Exit Popup</legend>
                            <div class="form-group">
                                <label>Hiển thị exit popup</label>
                                <div class="checkbox checkbox-switch">
                                    <label>
                                        <input hidden name="config[exit_popup][active]" value="0">
                                        <input type="checkbox" bs-type="switch" data-on-text="Đang bật" data-off-text="Đang tắt"
                                               name="config[exit_popup][active]" value="1" {{@$exit_popup['value']['active']?'checked':''}}>
                                    </label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6" id="exit_popup_frequency">
                                     {{ Form::bsSelect('Mức độ thường xuyên mở popup', 'config[exit_popup][frequency]', ['always'=>'Luôn luôn xuất hiện khi truy cập vào trang','onetime'=>'Hiển thị sau mỗi khoảng thời gian'],@$exit_popup['value']['frequency']) }}
                                </div>
                                <div class="col-md-6" id="exit_popup_cookieExpire" style="display: none">
                                     <div class="form-group">
                                          <label>Thời gian hiển thị lại popup</label>
                                          <div class="input-group">
                                              <input type="number" name="config[exit_popup][cookieExpire]"
                                                     class="form-control" min="0"
                                                     value="{{@$exit_popup['value']['cookieExpire']}}"
                                                     required="required" placeholder="Mặc định 24">
                                              <span class="input-group-addon">giờ</span>
                                          </div>
                                      </div>
                                </div>
                            </div>
                             <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label>Link chuyển hướng khi đóng trình duyệt </label>
                                        <input type="text" name="config[exit_popup][display_after]"
                                                   class="form-control"
                                                   value="{{@$exit_popup['value']['display_after']}}"
                                                   required="required">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Hiển thị nội dung popup trước khi thoát</label>
                                <div class="checkbox checkbox-switch">
                                    <label>
                                        <input hidden name="config[exit_popup][active_content]" value="0">
                                        <input type="checkbox" bs-type="switch" data-on-text="Đang bật" data-off-text="Đang tắt"
                                               name="config[exit_popup][active_content]" value="1" {{@$exit_popup['value']['active_content']?'checked':''}}>
                                    </label>
                                </div>
                            </div>
                            {{ Form::bsTextAreaEditor('Nội dung', 'config_description[exit_popup][content]', @$exit_popup['description']['content']) }}
                             </fieldset>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
   <script type="text/javascript">
        if($('#popup_frequency select').val()=='onetime'){
            $('#popup_cookieExpire').show();
        }
        if($('#exit_popup_frequency select').val()=='onetime'){
            $('#exit_popup_cookieExpire').show();
        }
        $('#popup_frequency select').change(function(event) {
            if($(this).val()=='onetime'){
                $('#popup_cookieExpire').show();
            }
            else{
                $('#popup_cookieExpire').hide();
            }
        });
        $('#exit_popup_frequency select').change(function(event) {
            if($(this).val()=='onetime'){
                $('#exit_popup_cookieExpire').show();
            }
            else{
                $('#exit_popup_cookieExpire').hide();
            }
        });
    </script>
@endsection