@extends('layouts.app')

@section('page-title')
    <div class="row bg-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>
        <div class="col-lg-6 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">@lang('app.menu.home')</a></li>
                <li class="active">@lang($pageTitle)</li>
            </ol>
        </div>
    </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="dash_panel">
    <div class="row">
        @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"> &lt;IfModule mod_rewrite.c&gt;  RewriteEngine On RewriteRule ^(.*)$ public/$1 [L] &lt;/IfModule&gt;</code></pre>
                </div>
            </div>
        @endif
        <div class="col-md-12">
            <div class="customCard">
                <div class="panel-heading d-flex justify-content-between align-items-center gap-4">
                   <h4 class="m-r-auto">@lang('modules.accountSettings.updateTitle')</h4>
                    @if ($cachedFile)
                        <a href="javascript:;" id="clear-cache" class="btn btn-sm btn-danger  m-l-5">
                            <i class="fa fa-times"></i> @lang('app.disableCache')
                        </a>
                        <h6 class=" m-r-5">@lang('messages.cacheEnabled')</h6>
                    @else
                        <a href="javascript:;" id="refresh-cache" class="themeBtn themeBtn_sm greenBtnSoft">
                            <i class="fa fa-check"></i> @lang('app.enableCache')
                        </a>
                        <h6 class=" 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">
                            <form id="editSettings" class="ajax-form" method="POST">
                                @csrf
                                @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 class="col-md-4">
                                        <div class="form-group">
                                            <label for="exampleInputPassword1">@lang('modules.accountSettings.companyLogo')</label>
                                            <div>
                                                <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="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>
                                                <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 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 class="col-md-12"><hr></div>
                                    <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 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 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 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>

                                    @if(hasAccessOf('company_settings')['is_write'])
                                    <div class="col-xs-12 d-flex gap-3">
                                        <button type="submit" id="save-form" class="themeBtn">
                                            @lang('app.update')
                                        </button>
                                        <button type="reset" id="reset" class="themeBtnOutline">
                                            @lang('app.reset')
                                        </button>
                                    </div>
                                    @endif
                                </div>
                            </form>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@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>
        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_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('settings.update', ['1']) }}',
                container: '#editSettings',
                type: "POST",
                redirect: true,
                file: true
            })
        });

        $(document).ready(function() {
            $("#getLoaction").click(function() {
                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