@extends('layouts.master')

@section('title', __('Site Setting'))

@push('styles')
    <link href="{{ asset('backend/css/summernote/summernote-lite.min.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('backend/css/select2/select2.css') }}">
    <link rel="stylesheet" href="{{ asset('backend/css/select2/select2-bootstrap4.css') }}">
    <link rel="stylesheet" href="{{ asset('backend/css/select2/custom.css') }}">

    <style>
        thead,
        tbody,
        tfoot,
        tr,
        td,
        th {
            height: 40px !important;
            padding: 0 6px;
        }

        th {
            font-size: 14px !important;
        }

        .modal-header .close {
            background: transparent !important;
            border: none !important;
            font-size: 22px;
            font-weight: bold;
        }
        .spinner-border{
            width: 15px;
            height: 15px;
        }
    </style>
@endpush

@section('content')
    <section>
        <div class="container-fluid" id="csrnow_settings">
            <div class="row flex-nowrap">
                <!-- TAB LINKS AREA -->
                <div class="col-auto col-md-4 col-xl-3 px-sm-0 px-0">
                    <div class="card">
                        <div class="card-header p-2">
                            <ul class="nav nav-pills flex-column fs-6 border-0 text-start side-menu">
                                @can('automation-settings-view')
                                    <li class="nav-item">
                                        <a href="#automation_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#login_setting">
                                            <i class="bi bi-diagram-2"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('Automation Settings')}}</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('login-settings-view')
                                    <li class="nav-item">
                                        <a href="#login_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#login_setting">
                                            <i class="bi bi-door-open"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('Login Settings')}}</span>
                                        </a>
                                    </li>
                                @endcan

                                @can('api-settings-view')
                                    <li class="nav-item">
                                        <a href="#api_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#api_setting">
                                            <i class="bi bi-link"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('API Settings')}}</span>
                                        </a>
                                    </li>
                                @endcan

                                @can('maintenance-settings-view')
                                    <li class="nav-item">
                                        <a href="#maintenance" class="nav-link" data-bs-toggle="tab" data-bs-target="#maintenance">
                                            <i class="bi bi-wrench-adjustable-circle"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('Maintenance')}}</span>
                                        </a>
                                    </li>
                                @endcan

                                @can('site-settings-view')
                                    <li class="nav-item">
                                        <a href="#site_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#site_setting">
                                            <i class="bi bi-diagram-2"></i>
                                            <span class="ms-1 d-none d-md-inline">{{ __('Site Settings') }}</span>
                                        </a>
                                    </li>
                                @endcan

                                @can('support-settings-view')
                                    <li class="nav-item">
                                        <a href="#support_settings" class="nav-link" data-bs-toggle="tab" data-bs-target="#support_settings">
                                            <i class="bi bi-exclamation-octagon"></i>
                                            <span class="ms-1 d-none d-md-inline">{{ __('Support Settings') }}</span>
                                        </a>
                                    </li>
                                @endcan

                                @can('db-backup-view')
                                    <li class="nav-item">
                                        <a href="#db_backup" class="nav-link" data-bs-toggle="tab" data-bs-target="#db_backup">
                                            <i class="bi bi-database-down"></i>
                                            <span class="ms-1 d-none d-md-inline">{{ __('DB Backup') }}</span>
                                        </a>
                                    </li>
                                @endcan

                                @can('smtp-settings-view')
                                    <li class="nav-item">
                                        <a href="#smtp_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#smtp_setting">
                                            <i class="bi bi-hdd-rack"></i>
                                            <span class="ms-1 d-none d-md-inline">{{ __('SMTP Settings') }}</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('otp-settings-view')
                                    <li class="nav-item">
                                        <a href="#otp_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#otp_setting">
                                            <i class="bi bi-chat-dots"></i>
                                            <span class="ms-1 d-none d-md-inline">{{ __('OTP Settings') }}</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('notification-settings-view')
                                    <li class="nav-item">
                                        <a href="#notification_setting" class="nav-link" data-bs-toggle="tab" data-bs-target="#notification_setting">
                                            <i class="bi bi-bell"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('Notification Settings')}}</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('email-switches-view')
                                    <li class="nav-item">
                                        <a href="#email_switch" class="nav-link" data-bs-toggle="tab" data-bs-target="#email_switch">
                                            <i class="bi bi-envelope-open"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('Email Switch')}}</span>
                                        </a>
                                    </li>
                                @endcan
                                @can('api-failure-mail-settings-view')
                                    <li class="nav-item">
                                        <a href="#api_failure_mail_settings" class="nav-link" data-bs-toggle="tab" data-bs-target="#api_failure_mail_settings">
                                            <i class="bi bi-key"></i>
                                            <span class="ms-1 d-none d-md-inline">{{__('API Failure Mail Settings')}}</span>
                                        </a>
                                    </li>
                                @endcan

                            </ul>
                        </div>
                    </div>
                </div>
                <!-- END  -->
                <!-- TAB CONTENT AREA -->
                <div class="col-md-8 col-lg-9 tabDiv" id="scroll_data">
                    <div class="tab-content p-0" id="renderable">
                        @can('automation-settings-view')
                            <div class="tab-pane fade" id="automation_setting"></div>
                        @endcan
                        @can('login-settings-view')
                            <div class="tab-pane fade" id="login_setting"></div>
                        @endcan
                        @can('api-settings-view')
                            <div class="tab-pane fade" id="api_setting"></div>
                        @endcan
                        @can('maintenance-settings-view')
                            <div class="tab-pane fade" id="maintenance"></div>
                        @endcan
                        @can('site-settings-view')
                        <div class="tab-pane fade" id="site_setting"></div>
                        @endcan
                        @can('support-settings-view')
                            <div class="tab-pane fade" id="support_settings"></div>
                        @endcan
                        @can('db-backup-view')
                            <div class="tab-pane fade" id="db_backup"></div>
                        @endcan
                        @can('smtp-settings-view')
                            <div class="tab-pane fade" id="smtp_setting"></div>
                        @endcan
                        @can('otp-settings-view')
                            <div class="tab-pane fade" id="otp_setting"></div>
                        @endcan
                        @can('notification-settings-view')
                            <div class="tab-pane fade" id="notification_setting"></div>
                        @endcan
                        @can('email-switches-view')
                            <div class="tab-pane fade" id="email_switch"></div>
                        @endcan
                        @can( 'api-failure-mail-settings-view')
                            <div class="tab-pane fade" id="api_failure_mail_settings"></div>
                        @endcan
                    </div>
                </div>
                <!-- END -->
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    <script src="{{ asset('backend/js/internal-scripts/site-settings/index-blade.js') }}"></script>

    <script src="{{ asset('backend/js/internal-scripts/site-settings/tabs/api-settings-blade.js') }}"></script>
    <script src="{{ asset('backend/js/pages-js/site-setting.js') }}"></script>
@endpush