@extends('admin.layouts.master')
@section('title', __('Miscellaneous Setting'))

@section('has-content-sidebar', 'has-content-sidebar')

@section('content-sidebar')
    @include('admin.settings.content-sidebar')
@endsection

@section('content')
<div class="nk-content-body">
        <div class="nk-block-head nk-block-head-sm">
            <div class="nk-block-between">
                <div class="nk-block-head-content">
                    <h3 class="nk-block-title page-title">{{ __('Miscellaneous') }}</h3>
                    <p>{{ __('Misc options and settings of the application.') }}</p>
                </div>
                <div class="nk-block-head-content">
                    <ul class="nk-block-tools gx-1">
                        <li class="d-lg-none">
                            <a href="#" class="btn btn-icon btn-trigger toggle" data-target="pageSidebar"><em class="icon ni ni-menu-right"></em></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="nk-block card card-bordered">
            <div class="card-inner">
                <form action="{{ route('admin.save.app.settings') }}" class="form-settings" method="POST">
                    <h5 class="title">{{ __('Misc Options') }}</h5>
                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-center">
                            <div class="col-md-5">
                                <div class="form-group">
                                    <label class="form-label" for="logout-rediction-page">{{ __('Logout Redirection') }}</label>
                                    <span class="form-note">
                                        {!! __('Select the page you would like to redirect after logout.') !!}
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-7">
                                <div class="form-group">
                                    <div class="form-control-wrap w-max-250px">
                                        <select name="logout_redirect" class="form-select">
                                            <option value="default"{{ (sys_settings('logout_redirect', 'default') == 'default') ? ' selected' : '' }}>
                                                {{ __('System Default') }}
                                            </option>
                                            <option value="login"{{ (sys_settings('logout_redirect') == 'login') ? ' selected' : '' }}>
                                                {{ __(':name Page', ['name' => __('Login')]) }}
                                            </option>
                                            <option value="home"{{ (sys_settings('logout_redirect') == 'home') ? ' selected' : '' }}>
                                                {{ __(':name Page', ['name' => __('Home')]) }}
                                            </option>
                                            <option value="site"{{ (sys_settings('logout_redirect') == 'site') ? ' selected' : '' }}>
                                                {{ __('Main Website URL') }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                    
                    <div class="divider"></div>

                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-center">
                            <div class="col-md-5">
                                <div class="form-group">
                                    <label class="form-label">{{ __('Custom Stylesheet') }}</label>
                                    <span class="form-note">{{ __('Load custom css stylesheet for your own style.') }}</span>
                                </div>
                            </div>
                            <div class="col-md-7">
                                <div class="form-group">
                                    <div class="custom-control custom-switch">
                                        <input class="switch-option-value" type="hidden" name="custom_stylesheet" value="{{ sys_settings('custom_stylesheet') ?? 'off' }}">
                                        <input id="custom-css-enable" type="checkbox" class="custom-control-input switch-option" 
                                               data-switch="on"{{ (sys_settings('custom_stylesheet', 'off') == 'on') ? ' checked=""' : ''}}>
                                        <label for="custom-css-enable" class="custom-control-label">{{ __('Enable') }}</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divider"></div>

                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="google-analytics">{{ __('Google Analytics') }}</label>
                                    <span class="form-note">
                                        {!! __('Add global site tag (gtag.js) tracking ID to your website.') !!}<br>
                                        {!! __('It will helps you to connect with Google Analytics.') !!}
                                    </span>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="google-analytics" name="google_track_id" placeholder="UA-XXXXXXXX-X / G-XXXXXXXXXX" value="{{ sys_settings('google_track_id') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Tracking ID / Measurement ID') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divider"></div>
                    
                    <h5 class="title">{{ __('Header & Footer Code') }}</h5>
                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label">{{ __('Header Code') }}</label>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <textarea class="form-control" name="header_code">{{ sys_settings('header_code') }}</textarea>
                                    </div>
                                    <div class="form-note">
                                        {{ __('You can use this for analytics code. Please enter full code including <script> tag.') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label">{{ __('Footer Code') }}</label>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <textarea class="form-control" name="footer_code">{{ sys_settings('footer_code') }}</textarea>
                                    </div>
                                    <div class="form-note">
                                        {{ __('You can use this for chat or third-party tracker codes. Please enter full code including <script> tag.') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divider"></div>

                    <h5 class="title">{{ __('Social Sharing Option') }}</h5>
                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="og-title">{{ __('Global Shared Title') }}</label>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="og-title" name="og_title" value="{{ sys_settings('og_title') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('It will set default page title if you leave blank.') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="og-description">{{ __('Global Shared Description') }}</label>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="og-description" name="og_description" value="{{ sys_settings('og_description') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('It will set global page description if you leave it blank.') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="og-image">{{ __('Global Shared Image URL') }}</label>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="og-image" name="og_image" value="{{ sys_settings('og_image') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __("Add full image path including https. Image size should be more than 300px.") }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3">
                            <div class="col-lg-7 offset-lg-5">
                                <div class="form-group mt-2">
                                    @csrf
                                    <input type="hidden" name="form_type" value="misc-setting">
                                    <button type="button" class="btn btn-primary submit-settings" disabled="">
                                        <span class="spinner-border spinner-border-sm hide" role="status" aria-hidden="true"></span>
                                        <span>{{ __('Update') }}</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <div class="nk-block card card-bordered">
            <div class="card-inner pt-0">
                <form action="{{ route('admin.save.app.settings') }}" class="form-settings" method="POST">
                    <h5 class="title">{{ __('SEO on Public Pages') }}</h5>
                    <p>{{ __('The meta content will add into public pages like home/login/register for SEO purpose.') }}</p>
                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="seo-pg-description">{{ __('Global SEO Description') }}</label>
                                    <span class="form-note">
                                        {!! __('Add global meta description & keywords on public pages.') !!}
                                    </span>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-pg-description" name="seo_description" value="{{ sys_settings('seo_description') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Meta page description') }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-pg-keyword" name="seo_keyword" value="{{ sys_settings('seo_keyword') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Meta page keywords') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divider sm"></div>

                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="seo-login-title">{{ __('Login Page') }}</label>
                                    <span class="form-note">
                                        {!! __('Add title & meta description on login page.') !!}
                                    </span>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-login-title" name="login_seo_title" value="{{ sys_settings('login_seo_title') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Login page title') }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-login-description" name="login_seo_description" value="{{ sys_settings('login_seo_description') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Login page meta description') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divider sm"></div>

                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="seo-registration-title">{{ __('Registration Page') }}</label>
                                    <span class="form-note">
                                        {!! __('Add title & meta description on registration page.') !!}
                                    </span>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-registration-title" name="registration_seo_title" value="{{ sys_settings('registration_seo_title') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Registration page title') }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-registration-description" name="registration_seo_description" value="{{ sys_settings('registration_seo_description') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Registration page meta description') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="divider sm"></div>

                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3 align-start">
                            <div class="col-lg-5">
                                <div class="form-group">
                                    <label class="form-label" for="seo-home-description">{{ __('Home SEO Description') }}</label>
                                    <span class="form-note">
                                        {!! __('Add custom meta description & keywords on home page.') !!}
                                    </span>
                                </div>
                            </div> 
                            <div class="col-lg-7">
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-home-description" name="seo_description_home" value="{{ sys_settings('seo_description_home') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Meta page description') }}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="form-control-wrap">
                                        <input type="text" class="form-control" id="seo-home-keyword" name="seo_keyword_home" value="{{ sys_settings('seo_keyword_home') }}">
                                    </div>
                                    <div class="form-note">
                                        {{ __('Meta page keywords') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-sets gy-3 wide-md">
                        <div class="row g-3">
                            <div class="col-lg-7 offset-lg-5">
                                <div class="form-group mt-2">
                                    @csrf
                                    <input type="hidden" name="form_type" value="misc-setting">
                                    <button type="button" class="btn btn-primary submit-settings" disabled="">
                                        <span class="spinner-border spinner-border-sm hide" role="status" aria-hidden="true"></span>
                                        <span>{{ __('Update') }}</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection