@php
    $tzlist = DateTimeZone::listIdentifiers(DateTimeZone::ALL);
    $active_langs = getAllLanguages();

    $placeholder_info = getPlaceHolderImage();
    $placeholder_image = $placeholder_info != null ? $placeholder_info->placeholder_image : '';
@endphp

@extends('core::base.layouts.master')

@section('title')
    {{ translate('General Settings') }}
@endsection

@section('custom_css')
    <link rel="stylesheet" href="{{ asset('/public/backend/assets/plugins/select2/select2.min.css') }}">
    <link href="{{ asset('/public/backend/assets/plugins/summernote/summernote-lite.css') }}" rel="stylesheet" />
@endsection

@section('main_content')
    <!-- General settings form -->
    <div class="row">
        <div class="col-md-7 mb-30 mx-auto">
            <div class="card">
                <div class="card-header bg-white border-bottom2 pb-0">
                    <div class="post-head d-flex justify-content-between align-items-center mb-3">
                        <div class="d-flex align-items-center">
                            <div class="content">
                                <h4>{{ translate('General Settings') }}</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div>
                        <form action="{{ route('core.store.general.settings') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black text-capitalize">{{ translate('Site Title') }}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" name="system_name" class="theme-input-style"
                                        value="{{ isset($data['system_name']) ? $data['system_name'] : '' }}"
                                        placeholder="{{ translate('Site Title') }}">
                                    @if ($errors->has('system_name'))
                                        <div class="invalid-input">{{ $errors->first('system_name') }}</div>
                                    @endif
                                </div>
                            </div>
                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Site Motto') }}</label>
                                </div>
                                <div class="col-md-8">
                                    <input type="text" name="site_moto" class="theme-input-style"
                                        value="{{ isset($data['site_moto']) ? $data['site_moto'] : '' }}"
                                        placeholder="{{ translate('Site Moto') }}">
                                    @if ($errors->has('site_moto'))
                                        <div class="invalid-input">{{ $errors->first('site_moto') }}</div>
                                    @endif
                                </div>
                            </div>

                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Logo') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'white_background_logo',
                                        'data' => $data['white_background_logo'],
                                    ])
                                    @if ($errors->has('white_background_logo'))
                                        <div class="invalid-input">{{ $errors->first('white_background_logo') }}</div>
                                    @endif
                                </div>
                            </div>

                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Logo (Mobile)') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'white_mobile_background_logo',
                                        'data' => $data['white_mobile_background_logo'],
                                    ])
                                    @if ($errors->has('white_mobile_background_logo'))
                                        <div class="invalid-input">{{ $errors->first('white_mobile_background_logo') }}
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <!-- Admin Logo-->
                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Admin Logo') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'admin_logo',
                                        'data' => $data['admin_logo'],
                                    ])
                                    @if ($errors->has('admin_logo'))
                                        <div class="invalid-input">{{ $errors->first('admin_logo') }}</div>
                                    @endif
                                </div>
                            </div>

                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Admin Logo (Mobile)') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'admin_mobile_logo',
                                        'data' => $data['admin_mobile_logo'],
                                    ])
                                    @if ($errors->has('admin_mobile_logo'))
                                        <div class="invalid-input">{{ $errors->first('admin_mobile_logo') }}</div>
                                    @endif
                                </div>
                            </div>

                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Admin Dark Logo') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'admin_dark_logo',
                                        'data' => $data['admin_dark_logo'],
                                    ])
                                    @if ($errors->has('admin_dark_logo'))
                                        <div class="invalid-input">{{ $errors->first('admin_dark_logo') }}</div>
                                    @endif
                                </div>
                            </div>

                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Admin Dark Logo (Mobile)') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'admin_dark_mobile_logo',
                                        'data' => $data['admin_dark_mobile_logo'],
                                    ])
                                    @if ($errors->has('admin_dark_mobile_logo'))
                                        <div class="invalid-input">{{ $errors->first('admin_dark_mobile_logo') }}</div>
                                    @endif
                                </div>
                            </div>
                            <!-- /Admin Logo-->

                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Favicon') }}</label>
                                </div>
                                <div class="col-md-8">
                                    @include('core::base.includes.media.media_input', [
                                        'input' => 'favicon',
                                        'data' => $data['favicon'],
                                    ])
                                    @if ($errors->has('favicon'))
                                        <div class="invalid-input">{{ $errors->first('favicon') }}</div>
                                    @endif
                                </div>
                            </div>

                            {{-- Default Language --}}
                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Default Language') }}</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="default-language form-control" name="default_language"
                                        id="default_language" placeholder="{{ translate('Select default language') }}">
                                        @foreach ($active_langs as $lang)
                                            @if ($lang->status == config('settings.general_status.active'))
                                                <option value="{{ $lang->id }}"
                                                    {{ isset($data['default_language']) && $data['default_language'] == $lang->id ? 'selected' : '' }}>
                                                    {{ $lang->name }}
                                                </option>
                                            @endif
                                        @endforeach
                                    </select>
                                    @if ($errors->has('default_language'))
                                        <div class="invalid-input">{{ $errors->first('default_language') }}</div>
                                    @endif
                                </div>
                            </div>

                            {{-- Select Default Timezone --}}
                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Select Default Timezone') }}</label>
                                </div>
                                <div class="col-md-8">
                                    <select class="default-timezone form-control" name="default_timezone"
                                        id="default_timezone" placeholder="{{ translate('Select Default Timezone') }}">
                                        @foreach ($tzlist as $tz)
                                            <option value="{{ $tz }}"
                                                {{ isset($data['default_timezone']) && $data['default_timezone'] == $tz ? 'selected' : '' }}>
                                                {{ $tz }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @if ($errors->has('default_timezone'))
                                        <div class="invalid-input">{{ $errors->first('default_timezone') }}</div>
                                    @endif
                                </div>
                            </div>

                            {{-- Copyright Text Field --}}
                            <div class="form-row mb-20">
                                <div class="col-md-4">
                                    <label class="font-14 bold black">{{ translate('Copyright Text') }}</label>
                                </div>
                                <div class="col-md-8">
                                    <div class="editor-wrap">
                                        <textarea name="copyright_text" id="copyright_text">{{ isset($data['copyright_text']) ? $data['copyright_text'] : '' }}</textarea>
                                    </div>
                                    @if ($errors->has('copyright_text'))
                                        <div class="invalid-input">{{ $errors->first('copyright_text') }}</div>
                                    @endif
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="col-md-12 text-right">
                                    <button type="submit" class="btn long">{{ translate('Submit') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        @include('core::base.media.partial.media_modal')
    </div>
    <!-- /General settings form -->
@endsection
@section('custom_scripts')
    <script src="{{ asset('/public/backend/assets/plugins/select2/select2.min.js') }}"></script>
    <!--Editor-->
    <script src="{{ asset('/public/backend/assets/plugins/summernote/summernote-lite.js') }}"></script>
    <!--End Editor-->
    <script type="application/javascript">
    (function($) {
        "use strict";
        initDropzone()
        $(document).ready(function() {
            is_for_browse_file = true
            filtermedia()
            /*Select default language*/
            $('.default-language').select2({
                theme: "classic",
            });
            /*Select default timezone*/
            $('.default-timezone').select2({
                theme: "classic",
            });
            /*Select default currency*/
            $('.default-currency').select2({
                theme: "classic",
            });
            /*Select currency position*/
            $('.currency-position').select2({
                theme: "classic",
            });

            $('#copyright_text').summernote({
                tabsize: 2,
                height: 200,
                codeviewIframeFilter: false,
                codeviewFilter: true,
                codeviewFilterRegex: /<\/*(?:applet|b(?:ase|gsound|link)|embed|frame(?:set)?|ilayer|l(?:ayer|ink)|meta|object|s(?:cript|tyle)|t(?:itle|extarea)|xml)[^>]*>|on\w+\s*=\s*"[^"]*"|on\w+\s*=\s*'[^']*'|on\w+\s*=\s*[^\s>]+/gi,
                toolbar: [
                    ["style", ["style"]],
                    ["font", ["bold", "underline", "clear"]],
                    ["color", ["color"]],
                    ["para", ["ul", "ol", "paragraph"]],
                    ["table", ["table"]],
                    ["insert", ["link", "video"]],
                    ["view", ["fullscreen", "codeview","help"]],
                ],
                placeholder: 'Copyright text',
                callbacks: {
                    onChangeCodeview: function(contents, $editable) {
                        let code = $(this).summernote('code')
                        code = code.replace(
                            /<\/*(?:applet|b(?:ase|gsound|link)|embed|frame(?:set)?|ilayer|l(?:ayer|ink)|meta|object|s(?:cript|tyle)|t(?:itle|extarea)|xml)[^>]*>|on\w+\s*=\s*"[^"]*"|on\w+\s*=\s*'[^']*'|on\w+\s*=\s*[^\s>]+/gi,
                            '')
                        $(this).val(code)
                    }
                }
            });
        })
    })(jQuery);
</script>
@endsection