@extends('admin.layouts.app')
@section('title',get_setting('site_name').' Settings')
@section('content')
    @push('css')
        <link href="{{ asset('assets/plugins/sweet-alert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
    @endpush
    @include('admin.website_settings.partials.styles')
    <div class="container-fluid ws-settings-wrap">
        <div class="row mt-3 mb-4">
            <div class="col-12 col-xl-10 mx-auto">
                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                    <div>
                        <h4 class="page-title mb-0">{{ __('Website Settings') }}</h4>
                        <p class="text-muted mb-0 small">{{ __('Configure site identity, features, branding, email, and integrations.') }}</p>
                    </div>
                </div>

                <div class="card">
                    <div class="card-body">
                        <ul class="nav ws-settings-tabs" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#home-1" role="tab">
                                    <i class="fas fa-sliders-h mr-1"></i> {{ __('General') }}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#feaures" role="tab">
                                    <i class="fas fa-toggle-on mr-1"></i> {{ __('Features') }}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#print-1" role="tab">
                                    <i class="fas fa-print mr-1"></i> {{ __('Print') }}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#profile-1" role="tab">
                                    <i class="fas fa-image mr-1"></i> {{ __('Logo') }}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#settings-1" role="tab">
                                    <i class="fas fa-envelope mr-1"></i> {{ __('SMTP') }}
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#maps-api-1" role="tab">
                                    <i class="fas fa-map-marker-alt mr-1"></i> {{ __('Maps') }}
                                </a>
                            </li>
                        </ul>

                        <div class="tab-content ws-settings-tab-content">
                            <div class="tab-pane active ws-settings-tab-pane" id="home-1" role="tabpanel">
                                <form action="{{ route('business_settings.update') }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    <div class="ws-form-section">
                                        <div class="ws-form-section-title">{{ __('Site identity') }}</div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label class="ws-form-label">{{ __('System Name') }}</label>
                                                <input type="hidden" name="types[]" value="site_name">
                                                <input type="text" name="site_name" class="form-control" value="{{ get_setting('site_name') }}">
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="ws-form-label">{{ __('Site Motto') }}</label>
                                                <input type="hidden" name="types[]" value="site_motto">
                                                <input type="text" name="site_motto" class="form-control" placeholder="{{ __('Site Motto') }}" value="{{ get_setting('site_motto') }}">
                                            </div>
                                        </div>
                                        <div class="form-group mb-0">
                                            <label class="ws-form-label">{{ __('Contact Address') }}</label>
                                            <input type="hidden" name="types[]" value="contact_address">
                                            <textarea name="contact_address" class="form-control" rows="3" placeholder="{{ __('Contact Address') }}">{{ get_setting('contact_address') }}</textarea>
                                        </div>
                                    </div>

                                    <div class="ws-form-section">
                                        <div class="ws-form-section-title">{{ __('Regional & calculation') }}</div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <label class="ws-form-label">{{ __('System Timezone') }}</label>
                                                <input type="hidden" name="types[]" value="timezone">
                                                <select name="timezone" class="form-control aiz-selectpicker" data-live-search="true">
                                                    @php $timezones = DateTimeZone::listIdentifiers() @endphp
                                                    @foreach ($timezones as $value)
                                                        <option value="{{ $value }}" @selected(app_timezone() == $value)>{{ $value }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="ws-form-label">{{ __('Amount rounding') }}</label>
                                                <input type="hidden" name="types[]" value="amount_rounding_mode">
                                                @php $roundingMode = get_setting('amount_rounding_mode', 'floor'); @endphp
                                                <select name="amount_rounding_mode" class="form-control">
                                                    @foreach(\App\Support\NumericRounding::options() as $code => $label)
                                                        <option value="{{ $code }}" @selected($roundingMode === $code)>{{ $label }}</option>
                                                    @endforeach
                                                </select>
                                                <small class="form-text text-muted">
                                                    {{ __('Whole-number rounding for payroll, funds, loans, tax, and salary amounts.') }}
                                                    {{ __('9.52 → Floor 9 · Ceil 10 · Round 10 · 9.49 → Floor 9 · Ceil 10 · Round 9') }}
                                                </small>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <label class="ws-form-label">{{ __('Staff list sort (SID)') }}</label>
                                                <input type="hidden" name="types[]" value="staff_list_sort">
                                                @php $staffListSort = get_setting('staff_list_sort', 'user_id_asc'); @endphp
                                                <select name="staff_list_sort" class="form-control">
                                                    @foreach(\App\Support\StaffListSort::options() as $code => $label)
                                                        <option value="{{ $code }}" @selected($staffListSort === $code)>{{ $label }}</option>
                                                    @endforeach
                                                </select>
                                                <small class="form-text text-muted">
                                                    {{ __('Default order for employee lists in PF / GF / SWF reports, finance-year member snapshots, and GL exports. SID uses employee user id.') }}
                                                </small>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="ws-form-section">
                                        <div class="ws-form-section-title">{{ __('Data retention') }}</div>
                                        <div class="form-row">
                                            <div class="form-group col-md-6 mb-0">
                                                <label class="ws-form-label">{{ __('User log retention (days)') }}</label>
                                                <input type="hidden" name="types[]" value="user_log_retention_days">
                                                <input type="number" name="user_log_retention_days" class="form-control" min="1" step="1" value="{{ get_setting('user_log_retention_days', 90) }}">
                                                <small class="form-text text-muted">
                                                    {{ __('Older login details, activity logs, and notifications are removed daily. Minimum 1 day.') }}
                                                </small>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="ws-form-actions">
                                        <button type="submit" class="btn btn-primary px-4">{{ __('Update') }}</button>
                                    </div>
                                </form>
                            </div>

                            <div class="tab-pane ws-settings-tab-pane" id="feaures" role="tabpanel">
                                @include('admin.website_settings.partials.features_tab')
                            </div>
                            <div class="tab-pane ws-settings-tab-pane" id="print-1" role="tabpanel">
                        <form action="{{ route('business_settings.update') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="ws-form-section">
                                <div class="ws-form-section-title">{{ __('Letterhead layout') }}</div>
                                <div class="form-group mb-0">
                                    <label class="ws-form-label">{{ __('Letterhead Top Margin') }}</label>
                                    <input type="hidden" name="types[]" value="pad_margin_top">
                                    <div class="input-group" style="max-width: 220px;">
                                        <input type="number" name="pad_margin_top" class="form-control" value="{{ get_setting('pad_margin_top') }}">
                                        <div class="input-group-append">
                                            <span class="input-group-text">px</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="ws-form-actions">
                                <button type="submit" class="btn btn-primary px-4">{{ __('Update') }}</button>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane ws-settings-tab-pane" id="profile-1" role="tabpanel">
                        <form action="{{ route('business_settings.logo') }}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="ws-form-section">
                                <div class="ws-form-section-title">{{ __('Branding assets') }}</div>
                                <div class="form-row">
                                    <div class="form-group col-md-6">
                                        <label class="ws-form-label">{{ __('System Logo') }}</label>
                                        <input type="hidden" name="types[]" value="system_logo_white">
                                        <div class="custom-file">
                                            <input type="file" name="system_logo_white" class="custom-file-input" id="wsLogoWhite">
                                            <label class="custom-file-label" for="wsLogoWhite">{{ __('Choose file') }}</label>
                                        </div>
                                        @if(get_setting('system_logo_white') != null)
                                            <div class="ws-logo-preview">
                                                <img style="width: 120px; height: 80px; object-fit: contain;" src="{{ asset('storage/'.get_setting('system_logo_white')) }}" alt="">
                                            </div>
                                        @endif
                                        <small class="text-muted d-block mt-1">{{ __('Used in the admin panel side menu') }}</small>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label class="ws-form-label">{{ __('System Fav Icon') }}</label>
                                        <input type="hidden" name="types[]" value="site_icon">
                                        <div class="custom-file">
                                            <input type="file" name="site_icon" class="custom-file-input" id="wsSiteIcon">
                                            <label class="custom-file-label" for="wsSiteIcon">{{ __('Choose file') }}</label>
                                        </div>
                                        @if(get_setting('site_icon') != null)
                                            <div class="ws-logo-preview">
                                                <img style="width: 32px; height: 32px;" src="{{ asset('storage/'.get_setting('site_icon')) }}" alt="">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-6 mb-0">
                                        <label class="ws-form-label">{{ __('Admin login page background') }}</label>
                                        <input type="hidden" name="types[]" value="admin_login_background">
                                        <div class="custom-file">
                                            <input type="file" name="admin_login_background" class="custom-file-input" id="wsLoginBg">
                                            <label class="custom-file-label" for="wsLoginBg">{{ __('Choose file') }}</label>
                                        </div>
                                        @if(get_setting('admin_login_background') != null)
                                            <div class="ws-logo-preview">
                                                <img style="max-width: 200px; max-height: 120px; object-fit: contain;" src="{{ asset('storage/'.get_setting('admin_login_background')) }}" alt="">
                                            </div>
                                        @endif
                                    </div>
                                    <div class="form-group col-md-6 mb-0">
                                        <label class="ws-form-label">{{ __('Company Seal') }}</label>
                                        <input type="hidden" name="types[]" value="company_seal">
                                        <div class="custom-file">
                                            <input type="file" name="company_seal" class="custom-file-input" id="wsCompanySeal">
                                            <label class="custom-file-label" for="wsCompanySeal">{{ __('Choose file') }}</label>
                                        </div>
                                        @if(get_setting('company_seal') != null)
                                            <div class="ws-logo-preview">
                                                <img style="width: 100px; height: 100px; object-fit: contain;" src="{{ asset('storage/'.get_setting('company_seal')) }}" alt="">
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="ws-form-actions">
                                <button type="submit" class="btn btn-primary px-4">{{ __('Update') }}</button>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane ws-settings-tab-pane" id="settings-1" role="tabpanel">
                        <div class="row ws-smtp-grid">
                            <div class="col-lg-7 mb-3 mb-lg-0">
                                <div class="card h-100">
                                    <div class="card-header">{{ __('Mail configuration') }}</div>
                                    <div class="card-body">
                                        <form action="{{ route('env_key_update.update') }}" method="POST">
                                            @csrf
                                            <div class="form-group">
                                                <input type="hidden" name="types[]" value="MAIL_DRIVER">
                                                <label class="ws-form-label">{{ __('Type') }}</label>
                                                <select class="form-control" name="MAIL_DRIVER" onchange="checkMailDriver()" style="max-width: 280px;">
                                                    <option value="sendmail" @selected(env('MAIL_DRIVER') == 'sendmail')>{{ __('Sendmail') }}</option>
                                                    <option value="smtp" @selected(env('MAIL_DRIVER') == 'smtp')>{{ __('SMTP') }}</option>
                                                    <option value="mailgun" @selected(env('MAIL_DRIVER') == 'mailgun')>{{ __('Mailgun') }}</option>
                                                </select>
                                            </div>
                                            <div id="smtp">
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_HOST">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAIL HOST')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAIL_HOST"
                                                               value="{{  env('MAIL_HOST') }}"
                                                               placeholder="{{ __('MAIL HOST') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_PORT">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAIL PORT')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAIL_PORT"
                                                               value="{{  env('MAIL_PORT') }}"
                                                               placeholder="{{ __('MAIL PORT') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_USERNAME">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAIL USERNAME')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAIL_USERNAME"
                                                               value="{{  env('MAIL_USERNAME') }}"
                                                               placeholder="{{ __('MAIL USERNAME') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_PASSWORD">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAIL PASSWORD')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAIL_PASSWORD"
                                                               value="{{  env('MAIL_PASSWORD') }}"
                                                               placeholder="{{ __('MAIL PASSWORD') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_ENCRYPTION">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAIL ENCRYPTION')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAIL_ENCRYPTION"
                                                               value="{{  env('MAIL_ENCRYPTION') }}"
                                                               placeholder="{{ __('MAIL ENCRYPTION') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_FROM_ADDRESS">
                                                    <div class="col-md-3">
                                                        <label
                                                            class="col-from-label">{{__('MAIL FROM ADDRESS')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="email" class="form-control"
                                                               name="MAIL_FROM_ADDRESS"
                                                               value="{{  env('MAIL_FROM_ADDRESS') }}"
                                                               placeholder="{{ __('MAIL FROM ADDRESS') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAIL_FROM_NAME">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAIL FROM NAME')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAIL_FROM_NAME"
                                                               value="{{  env('MAIL_FROM_NAME') }}"
                                                               placeholder="{{ __('MAIL FROM NAME') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="mailgun">
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAILGUN_DOMAIN">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAILGUN DOMAIN')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAILGUN_DOMAIN"
                                                               value="{{  env('MAILGUN_DOMAIN') }}"
                                                               placeholder="{{ __('MAILGUN DOMAIN') }}">
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <input type="hidden" name="types[]" value="MAILGUN_SECRET">
                                                    <div class="col-md-3">
                                                        <label class="col-from-label">{{__('MAILGUN SECRET')}}</label>
                                                    </div>
                                                    <div class="col-md-9">
                                                        <input type="text" class="form-control" name="MAILGUN_SECRET"
                                                               value="{{  env('MAILGUN_SECRET') }}"
                                                               placeholder="{{ __('MAILGUN SECRET') }}">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group mb-0 text-right">
                                                <button type="submit"
                                                        class="btn btn-primary">{{__('Save Configuration')}}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="card mb-3">
                                    <div class="card-header">{{ __('Test SMTP configuration') }}</div>
                                    <div class="card-body">
                                        <form action="{{ route('test.smtp') }}" method="post">
                                            @csrf
                                            <label class="ws-form-label">{{ __('Send to') }}</label>
                                            <div class="d-flex flex-wrap" style="gap: 8px;">
                                                <input type="email" class="form-control flex-grow-1" name="email" value="{{ auth()->user()->email }}" placeholder="{{ __('Enter your email address') }}">
                                                <button type="submit" class="btn btn-primary">{{ __('Send test email') }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="card ws-help-card">
                                    <div class="card-header">{{ __('Instruction') }}</div>
                                    <div class="card-body small">
                                        <p class="text-danger mb-3">{{ __('Please be careful when configuring SMTP. Incorrect settings can break registration, notifications, and payslip email.') }}</p>
                                        <h6 class="text-muted text-uppercase" style="font-size: 11px; letter-spacing: .06em;">{{ __('For Non-SSL') }}</h6>
                                        <ul class="mb-3 pl-3">
                                            <li>{{ __('Use sendmail if SMTP causes issues') }}</li>
                                            <li>{{ __('Set Mail Host per your mail client settings') }}</li>
                                            <li>{{ __('Set Mail port as 587') }}</li>
                                            <li>{{ __('Set Mail Encryption as ssl if tls fails') }}</li>
                                        </ul>
                                        <h6 class="text-muted text-uppercase" style="font-size: 11px; letter-spacing: .06em;">{{ __('For SSL') }}</h6>
                                        <ul class="mb-0 pl-3">
                                            <li>{{ __('Use sendmail if SMTP causes issues') }}</li>
                                            <li>{{ __('Set Mail Host per your mail client settings') }}</li>
                                            <li>{{ __('Set Mail port as 465') }}</li>
                                            <li>{{ __('Set Mail Encryption as ssl') }}</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="tab-pane ws-settings-tab-pane" id="maps-api-1" role="tabpanel">
                        <div class="row">
                            <div class="col-lg-7 mb-3 mb-lg-0">
                                <div class="card">
                                    <div class="card-header">{{ __('Google Maps API key') }}</div>
                                    <div class="card-body">
                                        <p class="text-muted small mb-3">
                                            {{ __('Used when staff sign in/out from the web with browser location (reverse geocoding). Stored in the database; you can change it anytime.') }}
                                        </p>
                                        <form action="{{ route('business_settings.update') }}" method="POST">
                                            @csrf
                                            <div class="form-group mb-0">
                                                <label class="ws-form-label">{{ __('API key') }}</label>
                                                <input type="hidden" name="types[]" value="google_maps_api_key">
                                                <input type="text" name="google_maps_api_key" class="form-control" style="font-family: ui-monospace, monospace;" autocomplete="off" spellcheck="false"
                                                       value="{{ get_setting('google_maps_api_key') }}"
                                                       placeholder="{{ __('Paste your Geocoding API key') }}">
                                                <small class="form-text text-muted">{{ __('Leave blank only if you clear the key; empty saves as empty (fallback: GOOGLE_MAPS_API_KEY in .env).') }}</small>
                                            </div>
                                            <div class="ws-form-actions">
                                                <button type="submit" class="btn btn-primary px-4">{{ __('Update') }}</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-5">
                                <div class="card ws-help-card">
                                    <div class="card-header">{{ __('How to get the API key') }}</div>
                                    <div class="card-body small">
                                        <ol>
                                            <li>{{ __('Open') }} <a href="https://console.cloud.google.com/" target="_blank" rel="noopener">Google Cloud Console</a> {{ __('and select or create a project.') }}</li>
                                            <li>{{ __('Enable the “Geocoding API” for that project (APIs & Services → Library → Geocoding API → Enable).') }}</li>
                                            <li>{{ __('Go to APIs & Services → Credentials → Create credentials → API key.') }}</li>
                                            <li>{{ __('Restrict the key (recommended): Application restrictions → HTTP referrers (your HRM domain) or IP; API restrictions → limit to Geocoding API only.') }}</li>
                                            <li>{{ __('Copy the key and paste it above, then click Update.') }}</li>
                                        </ol>
                                        <div class="alert alert-secondary mb-0 mt-3" role="alert">
                                            <strong>বাংলা:</strong>
                                            Google Cloud Console এ প্রজেক্ট বানান বা বাছুন → <strong>Geocoding API</strong> চালু করুন →
                                            <strong>Credentials</strong> থেকে <strong>API key</strong> তৈরি করুন → কপি করে উপরের ঘরে বসিয়ে <strong>Update</strong> চাপুন।
                                            নিরাপদ রাখতে key এ <strong>API restriction</strong> (শুধু Geocoding) ও প্রয়োজনে <strong>HTTP referrer</strong> সেট করুন।
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('modal')
    <div class="modal fade ws-settings-modal" id="salary_deduction">
        <form action="{{ route('business_settings.update') }}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Salary Deduction Setup')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">How many days</label></td>
                                <input type="hidden" name="types[]" value="extra_days">
                                <td><input class="form-control" type="text" id="" value="{{get_setting('extra_days')}}"
                                           name="extra_days" required>
                                    <small>Not less than or equal to zero (0) </small>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    {{--    Push Notification Setup--}}
    <div class="modal fade ws-settings-modal" id="push_notification">
        <form action="{{ route('business_settings.update') }}" method="POST">
            @csrf
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Push Notification Setup')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-7">
                                <table class="table aiz-table mb-0">
                                    <tbody>
                                    <tr>
                                        <td><label for="">APP ID</label></td>
                                        <input type="hidden" name="types[]" value="one_signal_app">
                                        <td><input class="form-control" type="text" id=""
                                                   value="{{get_setting('one_signal_app')}}" name="one_signal_app"
                                                   required>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><label for="">API Key</label></td>
                                        <input type="hidden" name="types[]" value="one_signal">
                                        <td><input class="form-control" type="text" id=""
                                                   value="{{get_setting('one_signal')}}" name="one_signal" required>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-5">
                                <div class="card">
                                    <div class="card-header">
                                        <h5>Instruction</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="text-left">
                                            <p><span style="color: red">Step 1</span>: Goto <a style="color: #3ff569"
                                                                                               href="https://onesignal.com/">One
                                                    signal
                                                    site</a>&nbsp; & create
                                                a new account</p>

                                            <p><span style="color: red">Step 2</span>: Create your new app & goto your
                                                app dashboard</p>
                                            <p><span style="color: red">Step 3</span>: Goto Settings then select Keys &
                                                IDs form menubar</p>
                                            <p><span style="color: red">Step 4</span>: Now copy App ID & API key</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    {{--    Facebook Chat--}}

    <div class="modal fade ws-settings-modal" id="facebook_chat">
        <form action="{{ route('business_settings.update') }}" method="POST">
            @csrf
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h6">{{__('Facebook Chat Setup')}}</h5>
                        <button type="button" class="close" data-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table aiz-table mb-0">
                            <tbody>
                            <tr>
                                <td><label for="">Facebook Page ID</label></td>
                                <input type="hidden" name="types[]" id="" value="FACEBOOK_PAGE_ID">
                                <td><input class="form-control" type="text" id=""
                                           value="{{get_setting('FACEBOOK_PAGE_ID')}}" name="FACEBOOK_PAGE_ID" required>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-light" data-dismiss="modal">{{__('Cancel')}}</button>
                        <button type="submit" id="" class="btn btn-primary">{{__('Save')}}</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade ws-settings-modal" id="leave_handover_settings">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{ __('Leave responsibility handover') }}</h5>
                    <button type="button" class="close" data-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="text-muted small">{{ __('Choose whether each handover field is required when employees or admins submit a leave application.') }}</p>
                    <div class="form-group">
                        <label class="font-weight-bold">{{ __('Responsibility handovered to') }}</label>
                        <select id="leave_handover_staff_required" class="form-control">
                            <option value="1" @selected((int) get_setting('leave_handover_staff_required', 1) === 1)>{{ __('Mandatory') }}</option>
                            <option value="0" @selected((int) get_setting('leave_handover_staff_required', 1) === 0)>{{ __('Optional') }}</option>
                        </select>
                    </div>
                    <div class="form-group mb-0">
                        <label class="font-weight-bold">{{ __('On leave address & contact no') }}</label>
                        <select id="leave_handover_contact_required" class="form-control">
                            <option value="1" @selected((int) get_setting('leave_handover_contact_required', 1) === 1)>{{ __('Mandatory') }}</option>
                            <option value="0" @selected((int) get_setting('leave_handover_contact_required', 1) === 0)>{{ __('Optional') }}</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                    <button type="button" class="btn btn-primary" onclick="saveLeaveHandoverSettings()">{{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade ws-settings-modal" id="leave_supporting_document_settings">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{ __('Leave supporting document') }}</h5>
                    <button type="button" class="close" data-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="text-muted small">{{ __('When enabled, leave applications can include a supporting file (PDF or image).') }}</p>
                    <div class="form-group mb-0">
                        <label class="font-weight-bold">{{ __('File upload') }}</label>
                        <select id="leave_supporting_document_required" class="form-control">
                            <option value="0" @selected((int) get_setting('leave_supporting_document_required', 0) === 0)>{{ __('Optional') }}</option>
                            <option value="1" @selected((int) get_setting('leave_supporting_document_required', 0) === 1)>{{ __('Mandatory') }}</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                    <button type="button" class="btn btn-primary" onclick="saveLeaveSupportingDocumentSettings()">{{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade ws-settings-modal" id="employee_signature_seal_settings">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title h6">{{ __('Employee signature & seal') }}</h5>
                    <button type="button" class="close" data-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p class="text-muted small">{{ __('Employees upload images from their profile. Exact pixel dimensions are enforced on upload.') }}</p>
                    <div class="form-row">
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold">{{ __('Signature width (px)') }}</label>
                            <input type="number" min="1" max="2000" id="employee_signature_width" class="form-control" value="{{ (int) get_setting('employee_signature_width', 80) }}">
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold">{{ __('Signature height (px)') }}</label>
                            <input type="number" min="1" max="2000" id="employee_signature_height" class="form-control" value="{{ (int) get_setting('employee_signature_height', 120) }}">
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold">{{ __('Seal width (px)') }}</label>
                            <input type="number" min="1" max="2000" id="employee_seal_width" class="form-control" value="{{ (int) get_setting('employee_seal_width', 300) }}">
                        </div>
                        <div class="form-group col-md-3">
                            <label class="font-weight-bold">{{ __('Seal height (px)') }}</label>
                            <input type="number" min="1" max="2000" id="employee_seal_height" class="form-control" value="{{ (int) get_setting('employee_seal_height', 300) }}">
                        </div>
                    </div>
                    <hr>
                    <h6 class="font-weight-bold">{{ __('Mandatory / optional by application') }}</h6>
                    @foreach(\App\Support\EmployeeSignatureSealFeature::contexts() as $ctx)
                        <div class="border rounded p-3 mb-2">
                            <div class="font-weight-bold mb-2">{{ \App\Support\EmployeeSignatureSealFeature::contextLabel($ctx) }}</div>
                            <div class="form-row">
                                <div class="form-group col-md-6 mb-0">
                                    <label class="small">{{ __('Signature') }}</label>
                                    <select id="employee_signature_required_{{ $ctx }}" class="form-control">
                                        <option value="0" @selected((int) get_setting('employee_signature_required_'.$ctx, 0) === 0)>{{ __('Optional') }}</option>
                                        <option value="1" @selected((int) get_setting('employee_signature_required_'.$ctx, 0) === 1)>{{ __('Mandatory') }}</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-6 mb-0">
                                    <label class="small">{{ __('Seal') }}</label>
                                    <select id="employee_seal_required_{{ $ctx }}" class="form-control">
                                        <option value="0" @selected((int) get_setting('employee_seal_required_'.$ctx, 0) === 0)>{{ __('Optional') }}</option>
                                        <option value="1" @selected((int) get_setting('employee_seal_required_'.$ctx, 0) === 1)>{{ __('Mandatory') }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                    <button type="button" class="btn btn-primary" onclick="saveEmployeeSignatureSealSettings()">{{ __('Save') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <!-- Sweet-Alert  -->
    <script src="{{asset('assets/plugins/sweet-alert2/sweetalert2.min.js')}}"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            checkMailDriver();

            if (window.location.hash) {
                var $tab = $('.ws-settings-tabs a[href="' + window.location.hash + '"]');
                if ($tab.length) {
                    $tab.tab('show');
                }
            }

            $('.custom-file-input').on('change', function () {
                var fileName = $(this).val().split('\\').pop();
                $(this).next('.custom-file-label').text(fileName || '{{ __('Choose file') }}');
            });
        });

        function checkMailDriver() {
            if ($('select[name=MAIL_DRIVER]').val() == 'mailgun') {
                $('#mailgun').show();
                $('#smtp').hide();
            } else {
                $('#mailgun').hide();
                $('#smtp').show();
            }
        }

        function salary_deduction() {
            $('#salary_deduction').modal('show');
        }

        function push_notification() {
            $('#push_notification').modal('show');
        }

        function facebook_chat() {
            $('#facebook_chat').modal('show');
        }

        function leave_handover_settings() {
            $('#leave_handover_settings').modal('show');
        }

        function leave_supporting_document_settings() {
            $('#leave_supporting_document_settings').modal('show');
        }

        function employee_signature_seal_settings() {
            $('#employee_signature_seal_settings').modal('show');
        }

        function saveEmployeeSignatureSealSettings() {
            var keys = [
                'employee_signature_width', 'employee_signature_height',
                'employee_seal_width', 'employee_seal_height',
                'employee_signature_required_resignation', 'employee_seal_required_resignation',
                'employee_signature_required_enothi', 'employee_seal_required_enothi',
                'employee_signature_required_leave', 'employee_seal_required_leave'
            ];
            var i = 0;
            function next() {
                if (i >= keys.length) {
                    $('#employee_signature_seal_settings').modal('hide');
                    swal({ title: '{{ __('Settings updated successfully') }}', type: 'success', timer: 2000 });
                    return;
                }
                var key = keys[i++];
                saveSettingValue(key, $('#' + key).val(), next);
            }
            next();
        }

        function saveSettingValue(type, value, onDone) {
            $.post('{{ route('business_settings.update.activation') }}', {
                _token: '{{ csrf_token() }}',
                type: type,
                value: value
            }, function (data) {
                if (data === '1' && typeof onDone === 'function') {
                    onDone();
                }
            });
        }

        function saveLeaveHandoverSettings() {
            const staffReq = $('#leave_handover_staff_required').val();
            const contactReq = $('#leave_handover_contact_required').val();
            saveSettingValue('leave_handover_staff_required', staffReq, function () {
                saveSettingValue('leave_handover_contact_required', contactReq, function () {
                    $('#leave_handover_settings').modal('hide');
                    swal({ title: '{{ __('Settings updated successfully') }}', type: 'success', timer: 2000 });
                });
            });
        }

        function saveLeaveSupportingDocumentSettings() {
            saveSettingValue('leave_supporting_document_required', $('#leave_supporting_document_required').val(), function () {
                $('#leave_supporting_document_settings').modal('hide');
                swal({ title: '{{ __('Settings updated successfully') }}', type: 'success', timer: 2000 });
            });
        }

        function updateSettings(el, type) {
            if ($(el).is(':checked')) {
                var value = 1;
            } else {
                var value = 0;
            }

            $.post('{{ route('business_settings.update.activation') }}', {
                _token: '{{ csrf_token() }}',
                type: type,
                value: value
            }, function (data) {
                if (data === '1') {
                    swal({
                        title: 'Settings updated successfully',
                        text: 'I will close in 2 seconds.',
                        type: 'success',
                        timer: 2000,

                    }).then(
                        function () {
                        },
                        // handling the promise rejection
                        function (dismiss) {
                            if (dismiss === 'timer') {
                                console.log('I was closed by the timer')
                            }
                        }
                    );
                    var reloadFeatureTypes = ['extra_delay', 'supervisor', 'approval_hierarchy', 'branch_wise', 'payslip_mail', 'payslip_seal', 'push_notice', 'facebook_chat', 'pf', 'gf', 'swf', 'security_money', 'performance_appraisal', 'disciplinary_management', 'enothi', 'employee_signature_seal', 'salary_structure_rules', 'salary_structure_scoped_rules'];
                    if (reloadFeatureTypes.indexOf(type) !== -1) {
                        setTimeout(function () {
                            window.location.reload();
                        }, 2100);
                    }

                } else {
                    swal({
                        title: 'Something went wrong',
                        text: 'I will close in 2 seconds.',
                        type: 'warning',
                        timer: 2000
                    }).then(
                        function () {
                        },
                        // handling the promise rejection
                        function (dismiss) {
                            if (dismiss === 'timer') {
                                console.log('I was closed by the timer')
                            }
                        }
                    )
                }
            });
        }

    </script>

@endsection