@extends('admin.layouts.master')
@section('breadcrumb')
    <section class="content-header">
        <h1>
            Exception Handling Settings
        </h1>

    </section>
@stop
@section('content')
    {{--write code here--}}
    <div class="container-fluid my-style">
        <form action="{{ route('admin.settings.exceptions.save') }}" method="POST" id="form-settings">
            @csrf
        <div class="wraper">
            <div class="content-div">
                <div class="toggle_btn_style">
                    <div class="Polaris-Labelled__LabelWrapper">
                        <div class="Polaris-Label">
                            <label for="shopify-products-filterTitle" class="Polaris-Label__Text">
                                <span id="enable-disable-tour" class="app-label">Enable</span> </label>
                            <label class="switch">
                                <input type="checkbox" name="enable_exceptions" value="1"
                                       {{  $settings['enable_exceptions']==1?"checked":'' }}
                                       id="status">
                                <div class="slider round">
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="toggle_btn_style">
                    <div class="Polaris-Labelled__LabelWrapper">
                        <div class="Polaris-Label">
                            <label for="shopify-products-filterTitle" class="Polaris-Label__Text">
                                <span id="enable-disable-tour"
                                      class="app-label">Enable Admin Panel Exception Logs</span> </label>
                            <label class="switch">
                                <input type="checkbox" name="enable_admin_panel_exception_logs" value="1"
                                       {{  $settings['enable_admin_panel_exception_logs']==1?"checked":'' }}
                                       id="status">
                                <div class="slider round">
                                </div>
                            </label>

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="toggle_btn_style">
                    <div class="Polaris-Labelled__LabelWrapper">
                        <div class="Polaris-Label">
                            <label for="shopify-products-filterTitle" class="Polaris-Label__Text">
                                <span id="enable-disable-tour" class="app-label">Enable Email Exceptions</span> </label>
                            <label class="switch">
                                <input type="checkbox" name="enable_email_exceptions" value="1"
                                       {{  $settings['enable_email_exceptions']==1?"checked":'' }}
                                       id="status">
                            </label>

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="toggle_btn_style">
                    <div class="Polaris-Labelled__LabelWrapper">
                        <div class="Polaris-Label">
                            <label for="shopify-products-filterTitle" class="Polaris-Label__Text">
                                <span id="enable-disable-tour" class="app-label">Enable SMS Exceptions</span> </label>
                            <label class="switch">
                                <input type="checkbox" name="enable_sms_exceptions" value="1"
                                       {{  $settings['enable_sms_exceptions']==1?"checked":'' }}>
                                <div class="slider round">
                                </div>
                            </label>

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="toggle_btn_style">
                    <div class="Polaris-Labelled__LabelWrapper">
                        <div class="Polaris-Label">
                            <label for="shopify-products-filterTitle" class="Polaris-Label__Text">
                                <span id="enable-disable-tour" class="app-label">Enable all Exceptions</span> </label>
                            <label class="switch">
                                <input type="checkbox" name="all_exceptions" value="1"
                                       {{  $settings['all_exceptions']==1?"checked":'' }}
                                       id="status">
                                <div class="slider round">
                                </div>
                            </label>

                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="toggle_btn_style">
                    <div class="Polaris-Labelled__LabelWrapper">
                        <div class="Polaris-Label">
                            <label for="shopify-products-filterTitle" class="Polaris-Label__Text">
                                <span id="enable-disable-tour" class="app-label">Enable Fatal Exceptions Only</span>
                            </label>
                            <label class="switch">
                                <input type="checkbox" name="fatal_exceptions_only" value="1"
                                       {{  $settings['fatal_exceptions_only']==1?"checked":'' }}
                                       id="status">
                                <div class="slider round">
                                </div>
                            </label>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="form-group row">
                    <label for="status_id"
                           class="col-sm-2 col-form-label col-form-label-sm lable-style">Enable exceptions for all
                        stores?</label>
                    <div class="col-sm-4">
                        <select id="enable_exception_for_all_stores" name="enable_exception_for_all_stores"
                                data-rule-required="true"
                                class="form-control form-control-sm">
                            <option {{  $settings['enable_exception_for_all_stores']==1?"selected":"" }} value="1">
                                Yes
                            </option>
                            <option {{  $settings['enable_exception_for_all_stores']==0?"selected":"" }} value="0">
                                No
                            </option>
                        </select>
                    </div>
                </div>

                <div class="form-group row"
                     @if($settings['enable_exception_for_all_stores']=="1")
                     style="display: none"
                     @endif
                     id="enable_exception_for_selected_stores">
                    <label for="status_id"
                           class="col-sm-2 col-form-label col-form-label-sm lable-style">Select stores to enable
                        exceptions</label>
                    <input value="{{ $settings['selected_stores_names']?? "" }}" class="selected_stores_names"
                           type="hidden" name="selected_stores_names">
                    <div class="col-sm-10">
                        <select multiple="multiple" id="stores" name="enable_exception_for_selected_stores[]"
                                data-rule-required="true"
                                class="form-control form-control-sm">
                            <option value="all">All Stores</option>
                            @if(isset($settings['enable_exception_for_selected_stores']))
                                @foreach($settings['enable_exception_for_selected_stores'] as $key=> $value)
                                    <option selected="selected" value="{{ $key }}">{{ $value }}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>
                <div class="sub-btn">
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </div>
        </div>
        </form>
    </div>
@stop
@section('last_scripts')
    <script>
        $(document).ready(function () {
            oric_Validation_application("form-settings");
            function reload_stores_dropdown(){
                $('#stores').select2({
                    placeholder: "Select Stores",
                    ajax: {
                        url: "{{ route('stores_select2_format') }}",
                        minimumInputLength: 1,
                        cache: true,
                        data: function (params) {
                            var query = {
                                search: params.term || '',
                                page: params.page || 1
                            }
                            return query;
                        }
                    }
                });
            }
            $(document).on('change', '#stores', function () {
                var concate_all_values = '';
                let last_index=(document.querySelector("#stores").selectedOptions.length) - 1;
                $.each($(this).find(":selected"), function (i, item) {
                    concate_all_values += $(item).text();
                    if ( last_index !== i )
                        concate_all_values += ',';
                });
                $('.selected_stores_names').val(concate_all_values);
            });
            $(document).on('change', '#enable_exception_for_all_stores', function () {
                $('#enable_exception_for_selected_stores').toggle();
                reload_stores_dropdown();
                if ($(this).val() == "1")
                {
                    $('#selected_stores_names').attr('data-rule-required', false);
                    $('#stores').attr('data-rule-required', false);
                }else{
                    $('#selected_stores_names').attr('data-rule-required', true);
                    $('#stores').attr('data-rule-required', true);
                }
            });
            //load select 2 stores
            reload_stores_dropdown();
        });
    </script>
@stop