@extends('layouts.app')

@section('page-title')
<div class="row bg-title">
    <!-- .page title -->
    <div class="col-lg-6 col-md-4 col-sm-4 col-xs-12">
        <h4 class="page-title"><i class="{{ $pageIcon }}"></i> @lang($pageTitle)</h4>
    </div>
    <!-- /.page title -->
    <!-- .breadcrumb -->
    <div class="col-lg-6 col-sm-8 col-md-8 col-xs-12">
        <ol class="breadcrumb">
            <li><a href="{{ route('admin.dashboard') }}">@lang('app.menu.home')</a></li>
            <li class="active">@lang($pageTitle)</li>
        </ol>
    </div>
    <!-- /.breadcrumb -->
</div>
@endsection

@push('head-script')
<link rel="stylesheet" href="{{ asset('plugins/bower_components/custom-select/custom-select.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.css') }}">
<link rel="stylesheet" href="{{ asset('plugins/bower_components/switchery/dist/switchery.min.css') }}">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js"></script>
@endpush

@section('content')

<div class="row">
    @if($global->hide_cron_message == 0)
    <div class="col-md-12">
        <div class="alert alert-info">
            <h5 class="text-white">Set following cron command on your server (Ignore if already done)</h5>
            @php
            try {
            echo '<code>* * * * * '.PHP_BINDIR.'/php  '. base_path() .'/artisan schedule:run >> /dev/null 2>&1</code>';
            } catch (\Throwable $th) {
            echo '<code>* * * * * /php'. base_path() .'/artisan schedule:run >> /dev/null 2>&1</code>';
            }
            @endphp
        </div>
    </div>
    @endif
    @if($global->show_public_message)
    <div class="col-md-12">
        <div class="alert alert-success">
            <h4>Remove public from URL</h4>
            <h5 class="text-white">Create a file with the name <code>.htaccess</code> at the root of folder
                (where app, bootstrap, config folder resides) and add the following content</h5>

            <pre>
                        <code class="apache hljs">
<span class="hljs-section">&lt;IfModule mod_rewrite.c&gt;</span>

  <span class="hljs-attribute">RewriteEngine </span><span class="hljs-literal"> On</span>
  <span class="hljs-attribute"><span class="hljs-nomarkup">RewriteRule</span></span><span class="hljs-variable"> ^(.*)$ public/$1</span><span
                                    class="hljs-meta"> [L]</span>

<span class="hljs-section">&lt;/IfModule&gt;</span>
</code></pre>
        </div>

    </div>
    @endif
    <div class="col-md-12">
        <div class="panel panel-inverse">
            <div class="panel-heading">
                @lang('modules.accountSettings.updateTitle')
                @if($cachedFile)

                <a href="javascript:;" id="clear-cache" class="btn btn-sm btn-danger pull-right-lg m-l-5"><i
                        class="fa fa-times"></i> @lang('app.disableCache')</a>
                <h6 class="pull-right-lg m-r-5">@lang('messages.cacheEnabled')</h6>
                @else


                <a href="javascript:;" id="refresh-cache" class="btn btn-sm btn-success pull-right-lg">
                    <i class="fa fa-check"></i> @lang('app.enableCache')</a>
                <h6 class="pull-right-lg m-r-5">@lang('messages.cacheDisabled')</h6>
                @endif

            </div>

            <div class="vtabs customvtab m-t-10">

                @include('sections.admin_setting_menu')

                <div class="tab-content">
                    <div id="vhome3" class="tab-pane active">
                        <div class="row">

                            {!! Form::open(['id'=>'editSettings','class'=>'ajax-form','method'=>'PUT']) !!}
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="company_name"
                                            class="required">@lang('modules.accountSettings.companyName')</label>
                                        <input type="text" class="form-control" id="company_name" name="company_name"
                                            value="{{ $global->company_name }}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="company_email"
                                            class="required">@lang('modules.accountSettings.companyEmail')</label>
                                        <input type="email" class="form-control" id="company_email" name="company_email"
                                            value="{{ $global->company_email }}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label for="company_phone"
                                            class="required">@lang('modules.accountSettings.companyPhone')</label>
                                        <input type="tel" class="form-control" id="company_phone" name="company_phone"
                                            value="{{ $global->company_phone }}">
                                    </div>
                                </div>

                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label
                                            for="exampleInputPassword1">@lang('modules.accountSettings.companyLogo')</label>

                                        <div class="col-md-12">
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-new thumbnail"
                                                    style="width: 200px; height: 150px;">
                                                    <img src="{{$global->logo_url}}" alt="" />

                                                </div>
                                                <div class="fileinput-preview fileinput-exists thumbnail"
                                                    style="max-width: 200px; max-height: 150px;"></div>
                                                <div>
                                                    <span class="btn btn-info btn-file">
                                                        <span class="fileinput-new"> @lang('app.selectImage') </span>
                                                        <span class="fileinput-exists"> @lang('app.change') </span>
                                                        <input type="file" name="logo" id="logo"> </span>
                                                    <a href="javascript:;" class="btn btn-danger fileinput-exists"
                                                        data-dismiss="fileinput"> @lang('app.remove') </a>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>@lang('modules.themeSettings.loginScreenBackground')</label>

                                        <div class="col-md-12 m-b-20">
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-new thumbnail"
                                                    style="width: 200px; height: 150px;">

                                                    <img src="{{ $global->login_background_url }}" alt="" />
                                                </div>
                                                <div class="fileinput-preview fileinput-exists thumbnail"
                                                    style="max-width: 200px; max-height: 150px;"></div>
                                                <div>
                                                    <span class="btn btn-info btn-file">
                                                        <span class="fileinput-new"> @lang('app.selectImage') </span>
                                                        <span class="fileinput-exists"> @lang('app.change') </span>
                                                        <input type="file" name="login_background"
                                                            id="login_background"> </span>
                                                    <a href="javascript:;" class="btn btn-danger fileinput-exists"
                                                        data-dismiss="fileinput"> @lang('app.remove') </a>
                                                </div>
                                            </div>
                                            <div class="note">Recommended size: 1500 X 1056 (Pixels)</div>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 ">
                                    <div class="form-group">
                                        <label
                                            for="favicon">@lang('modules.accountSettings.faviconImage')</label>

                                        <div class="col-xs-12">
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-new thumbnail"
                                                    style="width: 200px; height: 150px;">
                                                    <img src="{{ $global->favicon_url }}" alt="" />
                                                </div>
                                                <div class="fileinput-preview fileinput-exists thumbnail"
                                                    style="max-width: 200px; max-height: 150px;"></div>
                                                <div>
                                                    <span class="btn btn-info btn-file">
                                                        <span class="fileinput-new"> @lang('app.selectImage')
                                                        </span>
                                                        <span class="fileinput-exists"> @lang('app.change') </span>
                                                        <input type="file" name="favicon" id="favicon"> </span>
                                                    <a href="javascript:;" class="btn btn-danger fileinput-exists"
                                                        data-dismiss="fileinput"> @lang('app.remove') </a>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label for="address"
                                            class="required">@lang('modules.accountSettings.companyAddress')</label>
                                        <textarea class="form-control" id="address" rows="5"
                                            name="address">{{ $global->address }}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row m-t-20">
                                <hr>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label
                                            for="exampleInputPassword1">@lang('modules.accountSettings.companyWebsite')</label>
                                        <input type="text" class="form-control" id="website" name="website"
                                            value="{{ $global->website }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="address">@lang('modules.accountSettings.defaultCurrency')</label>
                                        <select name="currency_id" id="currency_id" class="form-control">
                                            @foreach($currencies as $currency)
                                            <option @if($currency->id == $global->currency_id) selected @endif
                                                value="{{ $currency->id }}">{{ $currency->currency_symbol.' ('.$currency->currency_code.')' }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="address">@lang('modules.accountSettings.defaultTimezone')</label>
                                        <select name="timezone" id="timezone" class="form-control select2">
                                            @foreach($timezones as $tz)
                                            <option @if($global->timezone == $tz) selected @endif>{{ $tz }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="address">@lang('modules.accountSettings.dateFormat')</label>
                                        <select name="date_format" id="date_format" class="form-control select2">
                                            <option value="d-m-Y" @if($global->date_format == 'd-m-Y') selected @endif >
                                                d-m-Y ({{ $dateObject->format('d-m-Y') }})
                                            </option>
                                            <option value="m-d-Y" @if($global->date_format == 'm-d-Y') selected @endif >
                                                m-d-Y ({{ $dateObject->format('m-d-Y') }})
                                            </option>
                                            <option value="Y-m-d" @if($global->date_format == 'Y-m-d') selected @endif >
                                                Y-m-d ({{ $dateObject->format('Y-m-d') }})
                                            </option>
                                            <option value="d.m.Y" @if($global->date_format == 'd.m.Y') selected @endif >
                                                d.m.Y ({{ $dateObject->format('d.m.Y') }})
                                            </option>
                                            <option value="m.d.Y" @if($global->date_format == 'm.d.Y') selected @endif >
                                                m.d.Y ({{ $dateObject->format('m.d.Y') }})
                                            </option>
                                            <option value="Y.m.d" @if($global->date_format == 'Y.m.d') selected @endif >
                                                Y.m.d ({{ $dateObject->format('Y.m.d') }})
                                            </option>
                                            <option value="d/m/Y" @if($global->date_format == 'd/m/Y') selected @endif >
                                                d/m/Y ({{ $dateObject->format('d/m/Y') }})
                                            </option>
                                            <option value="m/d/Y" @if($global->date_format == 'm/d/Y') selected @endif >
                                                m/d/Y ({{ $dateObject->format('m/d/Y') }})
                                            </option>
                                            <option value="Y/m/d" @if($global->date_format == 'Y/m/d') selected @endif >
                                                Y/m/d ({{ $dateObject->format('Y/m/d') }})
                                            </option>
                                            <option value="d-M-Y" @if($global->date_format == 'd-M-Y') selected @endif >
                                                d-M-Y ({{ $dateObject->format('d-M-Y') }})
                                            </option>
                                            <option value="d/M/Y" @if($global->date_format == 'd/M/Y') selected @endif >
                                                d/M/Y ({{ $dateObject->format('d/M/Y') }})
                                            </option>
                                            <option value="d.M.Y" @if($global->date_format == 'd.M.Y') selected @endif >
                                                d.M.Y ({{ $dateObject->format('d.M.Y') }})
                                            </option>
                                            <option value="d-M-Y" @if($global->date_format == 'd-M-Y') selected @endif >
                                                d-M-Y ({{ $dateObject->format('d-M-Y') }})
                                            </option>
                                            <option value="d M Y" @if($global->date_format == 'd M Y') selected @endif >
                                                d M Y ({{ $dateObject->format('d M Y') }})
                                            </option>
                                            <option value="d F, Y" @if($global->date_format == 'd F, Y') selected @endif
                                                >d F, Y
                                                ({{ $dateObject->format('d F, Y') }})
                                            </option>
                                            <option value="d D M Y" @if($global->date_format == 'd D M Y') selected
                                                @endif >d D M Y
                                                ({{ $dateObject->format('d D M Y') }})
                                            </option>
                                            <option value="D d M Y" @if($global->date_format == 'D d M Y') selected
                                                @endif >D d M Y
                                                ({{ $dateObject->format('D d M Y') }})
                                            </option>
                                            <option value="dS M Y" @if($global->date_format == 'dS M Y') selected @endif
                                                >dS M Y
                                                ({{ $dateObject->format('dS M Y') }})
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="address">@lang('modules.accountSettings.timeFormat')</label>
                                        <select name="time_format" id="time_format" class="form-control select2">
                                            <option value="h:i A" @if($global->time_format == 'H:i A') selected @endif >
                                                12 Hour (6:20 PM)
                                            </option>
                                            <option value="h:i a" @if($global->time_format == 'H:i a') selected @endif >
                                                12 Hour (6:20 pm)
                                            </option>
                                            <option value="H:i" @if($global->time_format == 'H:i') selected @endif >
                                                24
                                                Hour (18:20)
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="address">@lang('modules.accountSettings.changeLanguage')</label>
                                        <select name="locale" id="locale" class="form-control select2">
                                            <option @if($global->locale == "en") selected @endif value="en">English
                                            </option>
                                            @foreach($languageSettings as $language)
                                            <option value="{{ $language->language_code }}" @if($global->locale ==
                                                $language->language_code) selected @endif >
                                                {{ $language->language_name }}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="latitude">@lang('modules.accountSettings.latitude')</label>
                                        <input type="text" class="form-control" id="latitude" name="latitude"
                                            value="{{ $global->latitude }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label for="longitude">@lang('modules.accountSettings.longitude')</label>
                                        <input type="text" class="form-control" id="longitude" name="longitude"
                                            value="{{ $global->longitude }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label">@lang('modules.accountSettings.googleRecaptcha')
                                            <a class="mytooltip" href="javascript:void(0)">
                                                <i class="fa fa-info-circle"></i>
                                                <span class="tooltip-content5">
                                                    <span class="tooltip-text3">
                                                        <span class="tooltip-inner2">
                                                            @lang('modules.accountSettings.googleRecaptchaInfo')
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </label>
                                        <div class="switchery-demo">
                                            <input type="checkbox" id="google_recaptcha" name="google_recaptcha"
                                                @if($global->google_recaptcha == true) checked
                                            @endif class="js-switch " data-color="#00c292"
                                            data-secondary-color="#f96262"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label">@lang('modules.accountSettings.appDebug')
                                            <a class="mytooltip" href="javascript:void(0)"> <i
                                                    class="fa fa-info-circle"></i><span class="tooltip-content5"><span
                                                        class="tooltip-text3"><span
                                                            class="tooltip-inner2">@lang('modules.accountSettings.appDebugInfo')</span></span></span></a></label>
                                        <div class="switchery-demo">
                                            <input type="checkbox" id="app_debug" name="app_debug"
                                                @if($global->app_debug == true) checked
                                            @endif class="js-switch " data-color="#00c292"
                                            data-secondary-color="#f96262"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 ">
                                    <div class="form-group">
                                        <label
                                            class="control-label">@lang('modules.accountSettings.updateEnableDisable')
                                            <a class="mytooltip" href="javascript:void(0)">
                                                <i class="fa fa-info-circle"></i>
                                                <span class="tooltip-content5">
                                                    <span class="tooltip-text3">
                                                        <span class="tooltip-inner2">
                                                            @lang('modules.accountSettings.updateEnableDisableTest')
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </label>
                                        <div class="switchery-demo">
                                            <input type="checkbox" id="system_update" name="system_update"
                                                @if($global->system_update == true) checked
                                            @endif class="js-switch " data-color="#00c292"
                                            data-secondary-color="#f96262"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label class="control-label">@lang('modules.accountSettings.dashboardClock')
                                            <a class="mytooltip" href="javascript:void(0)"> <i
                                                    class="fa fa-info-circle"></i><span class="tooltip-content5"><span
                                                        class="tooltip-text3"><span
                                                            class="tooltip-inner2">@lang('modules.accountSettings.showDashboardClock')</span></span></span></a></label>
                                        <div class="switchery-demo">
                                            <input type="checkbox" id="app_debug" name="dashboard_clock"
                                                @if($global->dashboard_clock == true) checked
                                            @endif class="js-switch " data-color="#00c292"
                                            data-secondary-color="#f96262"/>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6" id="google_recaptcha_key_div" @if($global->google_recaptcha ==
                                    false) style="display: none;" @endif>
                                    <div class="form-group">
                                        <label
                                            for="google_recaptcha_key">@lang('modules.accountSettings.googleRecaptchaKey')</label>
                                        <input type="text" class="form-control" id="google_recaptcha_key"
                                            name="google_recaptcha_key" value="{{ $global->google_recaptcha_key }}">
                                    </div>
                                </div>

                                <div id="google_recaptcha_secret_div" class="col-sm-6 col-md-6" @if($global->
                                    google_recaptcha == false) style="display: none;" @endif>
                                    <div class="form-group">
                                        <label
                                            for="google_recaptcha_secret">@lang('modules.accountSettings.googleRecaptchaSecret')</label>
                                        <input type="password" class="form-control" id="google_recaptcha_secret"
                                            name="google_recaptcha_secret"
                                            value="{{ $global->google_recaptcha_secret }}">
                                        <span class="fa fa-fw fa-eye field-icon toggle-password"></span>
                                    </div>
                                </div>
                            </div>


                            <button type="submit" id="save-form"
                                class="btn btn-success waves-effect waves-light m-r-10">
                                @lang('app.update')
                            </button>
                            <button type="reset" id="reset"
                                class="btn btn-inverse waves-effect waves-light">@lang('app.reset')</button>
                            {!! Form::close() !!}
                        </div>


                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>


</div>
<!-- .row -->

@endsection

@push('footer-script')
<script src="{{ asset('plugins/bower_components/custom-select/custom-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/bootstrap-select/bootstrap-select.min.js') }}"></script>
<script src="{{ asset('plugins/bower_components/switchery/dist/switchery.min.js') }}"></script>

<script>
    // Switchery
        var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
        $('.js-switch').each(function () {
            new Switchery($(this)[0], $(this).data());

        });

        var changeCheckbox = document.getElementById('google_recaptcha');

        changeCheckbox.onchange = function () {
            if (changeCheckbox.checked) {
                $('#google_recaptcha_key_div').show();
                $('#google_recaptcha_secret_div').show();
            } else {
                // $('#google_recaptcha_key').val('');
                // $('#google_recaptcha_secret').val('');

                $('#google_recaptcha_key_div').hide();
                $('#google_recaptcha_secret_div').hide();
            }
        };

        $(".select2").select2({
            formatNoMatches: function () {
                return "{{ __('messages.noRecordFound') }}";
            }
        });

        $('#refresh-cache').click(function () {
            $.easyAjax({
                url: '{{url("refresh-cache")}}',
                type: "GET",
                success: function () {
                    window.location.reload();
                }
            })
        });

        $('#clear-cache').click(function () {
            $.easyAjax({
                url: '{{url("clear-cache")}}',
                type: "GET",
                success: function () {
                    window.location.reload();
                }
            })
        });

        $('#save-form').click(function () {
            $.easyAjax({
                url: '{{route('admin.settings.update', ['1'])}}',
                container: '#editSettings',
                type: "POST",
                redirect: true,
                file: true
            })
        });

        $(document).ready(function () {
            $("#getLoaction").click(function () {
                // $('body').block({
                //     message: '<p style="margin:0;padding:8px;font-size:24px;">Just a moment...</p>'
                //     , css: {
                //         color: '#fff'
                //         , border: '1px solid #fb9678'
                //         , backgroundColor: '#fb9678'
                //     }
                // });

                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition);
                } else {
                    alert("Geolocation is not supported by this browser.");
                    $("#locationMsg").html('');
                }
            });
        });


        function showPosition(position) {
            $('#latitude').val(position.coords.latitude);
            $('#longitude').val(position.coords.longitude);
            $('body').unblock();
        }

        $('#reset').click(function () {
            $('#locale').val('{{ $global->locale }}').trigger('change');
            $('#time_format').val('{{ $global->time_format }}').trigger('change');
            $('#timezone').val('{{ $global->timezone }}').trigger('change');
            $('#date_format').val('{{ $global->date_format }}').trigger('change');
        })

</script>
@endpush