@extends('components.dashboard.layouts.master')

@section('title', __('dashboard.settings'))

@section('styles')
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <style>
        .nav-link.active {
            background-color: #0A4199 !important;
            color: #fff !important;
        }
        .quill-editor {
            min-height: 300px;
            background: #fff;
            border: 1px solid #ddd;
            padding: 15px;
            overflow: auto;
        }
        .list-group-item.active  {
            z-index: 2;
            color: #FFFFFF;
            background-color: #0A4199;
            border-color: #0A4199;
        }
        .list-group .list-group-item.active:hover {
            background-color: #0A4199;
        }
    </style>
@endsection

@section('content')
    <div class="app-content content">
        <div class="content-wrapper">
            <x-dashboard.layouts.breadcrumb now="{{ __('dashboard.app_settings') }}" />

            <div class="row">
                <!-- Sidebar Navigation -->
                <div class="col-md-3">
                    <div class="list-group">
                        <a href="{{ route('admin.settings.index', ['page' => 'about-us']) }}"
                           class="list-group-item list-group-item-action {{ $page === 'about-us' ? 'active' : '' }}">
                            {{ __('About Us') }}
                        </a>
                        <a href="{{ route('admin.settings.index', ['page' => 'privacy']) }}"
                           class="list-group-item list-group-item-action {{ $page === 'privacy' ? 'active' : '' }}">
                            {{ __('Privacy Policy') }}
                        </a>
                        <a href="{{ route('admin.settings.index', ['page' => 'social-media']) }}"
                           class="list-group-item list-group-item-action {{ $page === 'social-media' ? 'active' : '' }}">
                            {{ __('Social Media Links') }}
                        </a>
                        <a href="{{ route('admin.settings.index', ['page' => 'contact-us']) }}"
                           class="list-group-item list-group-item-action {{ $page === 'contact-us' ? 'active' : '' }}">
                            {{ __('Contact Us') }}
                        </a>
                        <a href="{{ route('admin.settings.index', ['page' => 'allowed_absence_days']) }}"
                           class="list-group-item list-group-item-action {{ $page === 'allowed_absence_days' ? 'active' : '' }}">
                            {{ __('Allowed Absence Days') }}
                        </a>
                        <a href="{{ route('admin.settings.index', ['page' => 'screenshot_protection']) }}"
                           class="list-group-item list-group-item-action {{ $page === 'screenshot_protection' ? 'active' : '' }}">
                            {{ __('Screenshot Protection') }}

                            <a href="{{ route('admin.settings.index', ['page' => 'fees']) }}"
                               class="list-group-item list-group-item-action {{ $page === 'fees' ? 'active' : '' }}">
                                {{ __('Fees Protection') }}
                            </a>
                        </a>

                    </div>
                </div>

                <!-- Main Content -->
                <div class="col-md-9">

                    {{-- About Us and Privacy (bilingual Quill editors) --}}
                    @foreach ($settings as $setting)
                        @php
                            $content = json_decode($setting->value, true);
                        @endphp

                        @if ($page === $setting->key && !in_array($page, ['facebook_link', 'instagram_link', 'contact-us','screenshot_protection','allowed_absence_days','fees']))
                            <div class="card mb-4">
                                <div class="card-header d-flex justify-content-between align-items-center">
                                    <h5 class="mb-0">{{ __("{$setting->key} (Arabic)") }}</h5>
                                </div>
                                <div class="card-body">
                                    <form method="POST"
                                          action="{{ route('admin.settings.update', $setting->id) }}"
                                          id="formAr_{{ $setting->key }}"
                                          class="d-none">
                                        @csrf
                                        @method('PATCH')
                                        <textarea name="content[ar]" id="inputAr_{{ $setting->key }}" class="d-none"></textarea>
                                    </form>

                                    <div id="editorAr_{{ $setting->key }}" class="quill-editor" dir="rtl" lang="ar">
                                        {!! $content['ar'] ?? '' !!}
                                    </div>

                                    <button class="btn btn-primary mt-3"
                                            onclick="submitQuillForm('Ar', '{{ $setting->key }}')">
                                        {{ __('Save') }}
                                    </button>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <h5 class="mb-0">{{ __("{$setting->key} (English)") }}</h5>
                                </div>
                                <div class="card-body">
                                    <form method="POST"
                                          action="{{ route('admin.settings.update', $setting->id) }}"
                                          id="formEn_{{ $setting->key }}"
                                          class="d-none">
                                        @csrf
                                        @method('PATCH')
                                        <textarea name="content[en]" id="inputEn_{{ $setting->key }}" class="d-none"></textarea>
                                    </form>

                                    <div id="editorEn_{{ $setting->key }}" class="quill-editor" dir="ltr" lang="en">
                                        {!! $content['en'] ?? '' !!}
                                    </div>

                                    <button class="btn btn-primary mt-3"
                                            onclick="submitQuillForm('En', '{{ $setting->key }}')">
                                        {{ __('Save') }}
                                    </button>
                                </div>
                            </div>
                        @endif
                    @endforeach

                    {{-- Contact Us (single textarea) --}}
                    @if ($page === 'contact-us')
                        @php
                            $contactSetting = $settings->firstWhere('key', 'contact-us');
                            // Always decode as array, fallback to empty array if invalid
                            $contactValue = $contactSetting ? json_decode($contactSetting->value, true) ?? [] : [];
                            // Ensure it's always an array for the foreach
                            $contactValue = is_array($contactValue) ? $contactValue : [];
                        @endphp
                        <div class="card mb-4">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Contact Us') }}</h5>
                            </div>
                            <div class="card-body">
                                <form method="POST" action="{{ route('admin.settings.update', $contactSetting->id ?? 0) }}">
                                    @csrf
                                    @method('PATCH')

                                    <div class="form-group">
                                        <label for="contact_value">{{ __('Phone') }}</label>
                                        <select id="contact_value" name="value[]" class="form-control" multiple>
                                            @foreach($contactValue as $option)
                                                <option value="{{ $option }}" selected>{{ $option }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <button type="submit" class="btn btn-primary mt-3">{{ __('Save') }}</button>
                                </form>
                            </div>
                        </div>
                    @endif

                    {{-- Social Media Links --}}
                    @if ($page === 'social-media')
                        @php
                            $facebookSetting = $settings->firstWhere('key', 'facebook_link');
                            $instagramSetting = $settings->firstWhere('key', 'instagram_link');

                            $facebookLink = $facebookSetting ? json_decode($facebookSetting->value, true) : '';
                            $instagramLink = $instagramSetting ? json_decode($instagramSetting->value, true) : '';
                            if (is_array($facebookLink)) $facebookLink = $facebookSetting->value;
                            if (is_array($instagramLink)) $instagramLink = $instagramSetting->value;
                        @endphp

                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Social Media Links') }}</h5>
                            </div>
                            <div class="card-body">

                                {{-- Facebook Form --}}
                                <form method="POST" action="{{ route('admin.settings.update', $facebookSetting->id ?? 0) }}">
                                    @csrf
                                    @method('PATCH')
                                    <div class="form-group mb-3">
                                        <label for="facebook">{{ __('Facebook Link') }}</label>
                                        <input type="text" name="value" id="facebook" class="form-control"
                                               value="{{ $facebookLink }}">
                                    </div>
                                    <button type="submit" class="btn btn-primary">{{ __('Save Facebook') }}</button>
                                </form>

                                <hr>

                                {{-- Instagram Form --}}
                                <form method="POST" action="{{ route('admin.settings.update', $instagramSetting->id ?? 0) }}">
                                    @csrf
                                    @method('PATCH')
                                    <div class="form-group mb-3">
                                        <label for="instagram">{{ __('Instagram Link') }}</label>
                                        <input type="text" name="value" id="instagram" class="form-control"
                                               value="{{ $instagramLink }}">
                                    </div>
                                    <button type="submit" class="btn btn-primary">{{ __('Save Instagram') }}</button>
                                </form>
                            </div>
                        </div>
                    @endif
                    @if ($page === 'allowed_absence_days')
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Allowed Absence Days') }}</h5>
                            </div>
                            <div class="card-body">
                                @php
                                    $setting  =  $settings->firstWhere('key', 'allowed_absence_days');
                                    $day = $setting ? json_decode($setting->value, true) : '';

                                @endphp

                                <form method="POST" action="{{ route('admin.settings.update', $setting->id) }}">
                                    @csrf
                                    @method('PATCH')

                                    <div class="form-group mb-3">
                                        <label for="allowed_absence_days">{{ __('Allowed Absence Days') }}</label>
                                        <input type="number" name="value" id="allowed_absence_days" class="form-control"
                                               value="{{ $day }}">
                                    </div>
                                    <button type="submit" class="btn btn-primary">{{ __('Save') }}</button>
                                </form>
                            </div>
                        </div>
                    @endif




                @if ($page === 'screenshot_protection')
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Screenshot Protection') }}</h5>
                            </div>
                            <div class="card-body">
                                @php
                                    $screenshotSetting = $settings->firstWhere('key', 'screenshot_protection');
                                @endphp

                                <form method="POST" action="{{ route('admin.settings.toggle', $screenshotSetting->id) }}">
                                    @csrf
                                    @method('PATCH')

                                    <div class="form-group">
                                        <div class="custom-control custom-switch">
                                            <input type="hidden" name="value" value="0"> <!-- For false value -->
                                            <input type="checkbox"
                                                   class="custom-control-input"
                                                   id="screenshotProtection"
                                                   name="value"
                                                   value="1"
                                                   {{ $screenshotSetting->value ? 'checked' : '' }}
                                                   onchange="this.form.submit()">
                                            <label class="custom-control-label" for="screenshotProtection">
                                            </label>
                                        </div>
                                        <small class="text-muted d-block mt-2">
                                                                               </small>
                                    </div>
                                </form>
                            </div>
                        </div>
                    @endif


                    @if ($page === 'fees')
                        <div class="card">
                            <div class="card-header">
                                <h5 class="mb-0">{{ __('Fees Protection') }}</h5>
                            </div>
                            <div class="card-body">
                                @php
                                    $feesSetting = $settings->firstWhere('key', 'fees');
                                @endphp

                                <form method="POST" action="{{ route('admin.settings.fees', $feesSetting->id) }}">
                                    @csrf
                                    @method('PATCH')

                                    <div class="form-group">
                                        <div class="custom-control custom-switch">
                                            <input type="hidden" name="value" value="0"> <!-- For false value -->
                                            <input type="checkbox"
                                                   class="custom-control-input"
                                                   id="fees"
                                                   name="value"
                                                   value="1"
                                                   {{ $feesSetting->value ? 'checked' : '' }}
                                                   onchange="this.form.submit()">
                                            <label class="custom-control-label" for="fees">
                                            </label>
                                        </div>
                                        <small class="text-muted d-block mt-2">
                                        </small>
                                    </div>
                                </form>
                            </div>
                        </div>
                    @endif

                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <script>
        const toolbarOptions = [
            ['bold', 'italic', 'underline'],
            [{'list': 'ordered'}, {'list': 'bullet'}],
            [{'header': [1, 2, 3, 4, 5, 6, false]}],
            [{'color': []}, {'background': []}],
            ['clean']
        ];

        @foreach ($settings as $setting)
            @if ($page === $setting->key && !in_array($page, ['social-media', 'contact-us']))
            window['quillAr_{{ $setting->key }}'] = new Quill('#editorAr_{{ $setting->key }}', {
            theme: 'snow',
            modules: { toolbar: toolbarOptions }
        });
        window['quillAr_{{ $setting->key }}'].format('align', 'right');
        window['quillAr_{{ $setting->key }}'].format('direction', 'rtl');

        window['quillEn_{{ $setting->key }}'] = new Quill('#editorEn_{{ $setting->key }}', {
            theme: 'snow',
            modules: { toolbar: toolbarOptions }
        });
        window['quillEn_{{ $setting->key }}'].format('align', 'left');
        window['quillEn_{{ $setting->key }}'].format('direction', 'ltr');
        @endif
        @endforeach

        function submitQuillForm(lang, key) {
            const quill = window['quill' + lang + '_' + key];
            const inputId = 'input' + lang + '_' + key;
            const formId = 'form' + lang + '_' + key;

            document.getElementById(inputId).value = quill.root.innerHTML;
            document.getElementById(formId).submit();
        }


            $(document).ready(function() {
            $('#contact_value').select2({
                tags: true,
                placeholder: "{{ __('Choose or insert a number') }}",
                dir: "rtl"
            });
        });

    </script>
@endsection