@extends('layout.admin')

@section('styles')
<style>
    .img-responsive{
        height:100px;
    }
       .yes-no-toggle-group {
        display: inline-flex;
        gap: 0px;
    }

    .yes-no-toggle-group input[type="radio"] {
        display: none;
    }

    .yes-no-toggle-group label {
        padding: 6px 20px;
        border: 1px solid #ccc;
        cursor: pointer;
        transition: all 0.2s ease-in-out;
        background-color: #f8f9fa;
    }

    .yes-no-toggle-group input[type="radio"]:checked + label {
        background-color: #696cff;
        color: #fff;
        border-color: #696cff;
    }
    .upload-bg-color{
        background-color:#F9F9F9;
        border: 1px solid gray;
        padding:10px;
        border-radius:20px;
    }
    .sortable-links-wrapper {
        min-height: 50px;
    }
    .link-item-row {
        background-color: #f8f9fa;
        transition: all 0.3s ease;
    }
    .link-item-row:hover {
        background-color: #e9ecef;
    }
    .link-item-row.sortable-ghost {
        opacity: 0.4;
        background-color: #696cff;
    }
    .drag-handle-link {
        user-select: none;
        padding: 5px;
    }
    .cursor-move {
        cursor: move !important;
    }
</style>
@endsection

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="py-3 mb-2">
            <span class="text-muted fw-light">General Setting /</span> Edit
        </h4>
        <div class="row mb-2">
            <div class="col-lg-12">
                <a href="{{ route('listSetting') }}" class="btn btn-primary float-end">Back</a>
            </div>
        </div>
        <div class="row">
            <!-- FormValidation -->
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                        <form role="form" action="{{ route('updateSetting') }}" class="row g-3 fv-plugins-bootstrap5 fv-plugins-framework ajax-form-admin" method="post" enctype="multipart/form-data">
                            {{csrf_field()}}
                            <div class="col-sm-12 col-md-12 col-lg-12 fv-plugins-icon-container">
                                <label class="form-label">Name <span class="steric">*</span></label>
                                <input type="text" name="name" id="name"
                                       class="form-control {{ $errors->has('name') ? ' is-invalid' : '' }}"
                                       placeholder="Enter Name" value="{{$setting->ref_name ?? old('name') }}">
                                @if ($errors->has('name'))
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $errors->first('name') }}</strong>
                                    </span>
                                @endif
                            </div>
                            @php
                                $txt = json_decode($setting['contents'], true);
                            @endphp
                            @switch($setting->id)
                                @case(3)
                                    <!-- Header Logo -->
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Upload Header Logo</label>
                                        <div class="col-md-9 col-sm-9 col-xs-12">
                                            <input name="txt[main_logo]" class="col-md-10 col-sm-9 col-xs-12 input-small valid" placeholder="image" id="main_logo" value="{{ $txt['main_logo'] ?? '' }}" type="text">
                                            <input type="file" name="main_logo" class="col-lg-2 col-md-2 col-sm-3 col-xs-12 marg-right" value="Browse" onclick="BrowseServer(this)" type="button">

                                            @if (!empty($txt['main_logo']))
                                                <img class="img-responsive" src="{{ $txt['main_logo'] }}" alt="logo">
                                            @endif
                                        </div>
                                    </div>

                                    <!-- Favicon -->
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Upload Favicon</label>
                                        <div class="col-md-9 col-sm-9 col-xs-12">
                                            <input name="txt[favicon]" class="col-md-10 col-sm-9 col-xs-12 input-small valid" placeholder="Favicon URL" id="favicon" value="{{ $txt['favicon'] ?? '' }}" type="text">
                                            <input type="file" name="favicon" class="col-lg-2 col-md-2 col-sm-3 col-xs-12 marg-right" value="Browse" onclick="BrowseServer(this)" type="button">

                                            @if (!empty($txt['favicon']))
                                                <img class="img-responsive" src="{{ $txt['favicon'] }}" alt="Favicon">
                                            @endif
                                        </div>
                                    </div>
                                    <!-- Footer Logo -->
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Upload Footer Logo</label>
                                        <div class="col-md-9 col-sm-9 col-xs-12">
                                            <input name="txt[footer_logo]" class="col-md-10 col-sm-9 col-xs-12 input-small valid" placeholder="Footer Logo URL" id="footer_logo" value="{{ $txt['footer_logo'] ?? '' }}" type="text">
                                            <input  type="file" name="footer_logo" class="col-lg-2 col-md-2 col-sm-3 col-xs-12  marg-right" value="Browse" onclick="BrowseServer(this)" type="button">

                                            @if (!empty($txt['footer_logo']))
                                                <img class="img-responsive" src="{{ $txt['footer_logo'] }}" alt="Footer Logo">
                                            @endif
                                        </div>
                                    </div>
                                    <!-- Dark Logo -->
                                    <div class="form-group">
                                        <label class="control-label col-sm-3">Upload Dark Logo</label>
                                        <div class="col-md-9 col-sm-9 col-xs-12">
                                            <input name="txt[dark_logo]" class="col-md-10 col-sm-9 col-xs-12 input-small valid" placeholder="Dark Logo URL" id="dark_logo" value="{{ $txt['dark_logo'] ?? '' }}" type="text">
                                            <input type="file" name="dark_logo" class="col-lg-2 col-md-2 col-sm-3 col-xs-12 marg-right" value="Browse" onclick="BrowseServer(this)" type="button">

                                            @if (!empty($txt['dark_logo']))
                                                <img class="img-responsive" src="{{ $txt['dark_logo'] }}" alt="Dark Logo">
                                            @endif
                                        </div>
                                    </div>
                                @break

                                @case(5)
                                   <!-- Enable Header Notification -->
                                   <div class="form-group">
                                        <label class="form-label d-block">Enable Header Notification</label>
                                        <div class="yes-no-toggle-group">
                                            <input type="radio" id="header_yes" name="txt[header_notification]" value="1"
                                                {{ !empty($txt['header_notification']) && $txt['header_notification'] == 1 ? 'checked' : '' }}>
                                            <label for="header_yes">Yes</label>

                                            <input type="radio" id="header_no" name="txt[header_notification]" value="0"
                                                {{ empty($txt['header_notification']) || $txt['header_notification'] == 0 ? 'checked' : '' }}>
                                            <label for="header_no">No</label>
                                        </div>
                                    </div>
                                    <!-- Choose SVG Icon -->
                                    <div class="form-group mt-3">
                                         <button type="button" class="btn btn-primary open-svg-modal"
                                        data-bs-toggle="modal"
                                        data-bs-target="#svgModal"
                                        data-img-id="svg_image_6"
                                        data-input-id="selected_svg_6">
                                      
                                            Choose SVG Icon
                                        </button>
                                        <img id="svg_image_6" 
                                            src="{{ asset($txt['choose_svg_icon'] ?? '') }}" 
                                            class="thumbnail-image-100">
                                        <input type="hidden" name="txt[choose_svg_icon]" id="selected_svg_6" value="{{ $txt['choose_svg_icon'] ?? '' }}">
                                    </div>

                                    <!-- Update Text -->
                                    <input type="text" name="txt[update]" id="update" value="{{ $txt['update'] ?? '' }}" class="form-control" placeholder="Update Title" />

                                    <!-- Notification Text -->
                                    <div class="form-group">
                                        <label class="form-label">Notification Text </label>
                                        <textarea name="txt[notification_text]" id="notification_text" class="form-control ckeditor">
                                            {{ $txt['notification_text'] ?? '' }}
                                        </textarea>
                                    </div>
                                @break

                                @case(6)
                                    <div class="col-sm-12 col-md-12 col-lg-12 fv-plugins-icon-container">
                                        <label for="header phone" class="form-label">header phone </label>
                                        <input type="text" name="txt[header_phone]" id="header_phone" value="{{ $txt['header_phone'] ?? '' }}" class="form-control" placeholder="Header Phone" />
                                    </div>
                                    <div class="col-sm-12 col-md-12 col-lg-12 fv-plugins-icon-container">
                                        <label for="header whatsApp" class="form-label">Header WhatsApp </label>
                                        <input type="text" name="txt[header_whatsApp]" id="header_whatsApp" value="{{ $txt['header_whatsApp'] ?? '' }}" class="form-control" placeholder="Header WhatsApp" />
                                    </div>
                                @break

                                @case(11)
                                <div class="form-group">
                                       <!-- Enable SMTP Authentication -->
                                    <label class="form-label d-block">Enable SMTP Authentication</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="smtp_yes" name="txt[Enable_smtp_authentication]" value="1"
                                            {{ !empty($txt['Enable_smtp_authentication']) && $txt['Enable_smtp_authentication'] == 1 ? 'checked' : '' }}>
                                        <label for="smtp_yes">Yes</label>

                                        <input type="radio" id="smtp_no" name="txt[Enable_smtp_authentication]" value="0"
                                            {{ empty($txt['Enable_smtp_authentication']) || $txt['Enable_smtp_authentication'] == 0 ? 'checked' : '' }}>
                                        <label for="smtp_no">No</label>
                                    </div>
                                    </div>
                                
                                    <!-- Mail Host Server -->
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Mail Host Server</label>
                                        <input type="text" name="txt[mail_host_server]" id="mail_host_server"
                                            class="form-control" placeholder="Enter Mail Host Server"
                                            value="{{ $txt['mail_host_server'] ?? '' }}" >
                                    </div>
                                    <!-- Email for SMTP Authentication -->
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Email for SMTP Authentication</label>
                                        <input type="email" name="txt[email_for_smtp_authentication]" id="email_for_smtp_authentication"
                                            class="form-control" placeholder="Enter Email"
                                            value="{{ $txt['email_for_smtp_authentication'] ?? '' }}">
                                    </div>
                                    <!-- Email Password -->
                                    <div class="mb-3 col-sm-6 col-md-6 col-lg-6 form-password-toggle fv-plugins-icon-container">
                                        <label class="form-label">Email Password</label>
                                        <div class="input-group input-group-merge">
                                            <input class="form-control" type="password" name="txt[email_password]"
                                                placeholder="············"
                                                value="{{ $txt['email_password'] ?? '' }}">
                                            <span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
                                        </div>
                                    </div>
                                    <!-- SMTP Port -->
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">SMTP Port</label>
                                        <input type="text" name="txt[smtp_port]" id="smtp_port"
                                            class="form-control" placeholder="Enter SMTP Port"
                                            value="{{ $txt['smtp_port'] ?? '' }}">
                                    </div>
                                    <!-- SMTP Encryption -->
                                    <div class="col-sm-12 col-md-12 col-lg-12 fv-plugins-icon-container">
                                        <label class="form-label">SMTP Encryption</label>
                                        <select id="smtp_encryption" class="form-control select2 form-select"
                                            name="txt[smtp_encryption]">
                                            <option value="SSL" {{ ($txt['smtp_encryption'] ?? '') === 'SSL' ? 'selected' : '' }}>SSL</option>
                                            <option value="TLS" {{ ($txt['smtp_encryption'] ?? '') === 'TLS' ? 'selected' : '' }}>TLS</option>
                                        </select>
                                    </div>
                                @break
                                @case(12)
                                <label class="form-label d-block">Enable Header Notification</label>
                                 <div class="yes-no-toggle-group">
                                    <input type="radio" id="rich_snippet_yes" name="txt[enable_google_rich_snippet_schema_tag]" value="1"
                                        {{ !empty($txt['enable_google_rich_snippet_schema_tag']) && $txt['enable_google_rich_snippet_schema_tag'] == 1 ? 'checked' : '' }}>
                                    <label for="rich_snippet_yes">Yes</label>

                                    <input type="radio" id="rich_snippet_no" name="txt[enable_google_rich_snippet_schema_tag]" value="0"
                                        {{ empty($txt['enable_google_rich_snippet_schema_tag']) || $txt['enable_google_rich_snippet_schema_tag'] == 0 ? 'checked' : '' }}>
                                    <label for="rich_snippet_no">No</label>
                                </div>
                                @break
                                @case(13)
                                 <p class="mt-3 page-heading"><b>Reviews Portal Logos and Links</b></p>
                                 <label class="form-label d-block">Enable/Disable</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="portal_logos_yes" name="txt[portal_logos_and_Links]" value="1"
                                            {{ !empty($txt['portal_logos_and_Links']) && $txt['portal_logos_and_Links'] == 1 ? 'checked' : '' }}>
                                        <label for="portal_logos_yes">Yes</label>
                                        <input type="radio" id="portal_logos_no" name="txt[portal_logos_and_Links]" value="0"
                                            {{ empty($txt['portal_logos_and_Links']) || $txt['portal_logos_and_Links'] == 0 ? 'checked' : '' }}>
                                        <label for="portal_logos_no">No</label>
                                    </div>
                                    <div id="portal-logo-wrapper" class="pt_3 pb_3">
                                        @php $logoIndex = 1; @endphp
                                        @while(!empty($txt["upload_logo_{$logoIndex}"]))
                                            <div class="form-group logo-block mb-4 upload-bg-color">
                                                <label>Upload  Logo </label>
                                                <div class="d-flex mb-2 align-items-center">
                                                    <input name="txt[upload_logo_{{ $logoIndex }}]" class="form-control me-2" placeholder="Image" type="text" value="{{ $txt["upload_logo_{$logoIndex}"] }}">
                                                    <input type="file" name="upload_logo_{{ $logoIndex }}" class="form-control me-2" onchange="handleFileUpload(this)">
                                                    <img src="{{ asset($txt["upload_logo_{$logoIndex}"]) }}" alt="Logo Preview" class="logo-preview" style="max-height: 50px; max-width: 100px;">
                                                </div>
                                                <input name="txt[upload_logo_link_{{ $logoIndex }}]" class="form-control" placeholder="Logo link" type="text" value="{{ $txt["upload_logo_link_{$logoIndex}"] ?? '' }}">
                                            </div>
                                            @php $logoIndex++; @endphp
                                        @endwhile
                                    </div>


                                    <div class="row mt-4 justify-content-end">
                                        <div class="col-md-2">
                                            <button class="addOPtion btn btn-warning" type="button" data-index="{{ $logoIndex }}">Add New Option</button>
                                        </div>
                                    </div>

                                    <!-- Hidden Template -->
                                   <div class="form-group logo-block mb-4 d-none upload-bg-color" id="logo-template">
                                    <label>Upload Logo</label>
                                    <div class="d-flex mb-2 align-items-center">
                                        <input name="txt[upload_logo_INDEX]" class="form-control me-2" placeholder="Image" type="text">
                                        <input type="file" name="upload_logo_INDEX" class="form-control me-2" onchange="handleFileUpload(this)">
                                        <img src="" alt="Logo Preview" class="logo-preview" style="max-height: 50px; max-width: 100px;">
                                    </div>
                                    <input name="txt[upload_logo_link_INDEX]" class="form-control" placeholder="Logo link" type="text">
                                </div>
                                    <p class="mt-3 page-heading"><b>Popular Cities</b></p>
                                    <label class="form-label d-block">Enable/Disable</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="popular_cities_yes" name="txt[popular_cities_enable]" value="1"
                                            {{ !empty($txt['popular_cities_enable']) && $txt['popular_cities_enable'] == 1 ? 'checked' : '' }}>
                                        <label for="popular_cities_yes">Yes</label>
                                        <input type="radio" id="popular_cities_no" name="txt[popular_cities_enable]" value="0"
                                            {{ empty($txt['popular_cities_enable']) || $txt['popular_cities_enable'] == 0 ? 'checked' : '' }}>
                                        <label for="popular_cities_no">No</label>
                                    </div>
                                     <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Main Heading</label>
                                        <input type="text" name="txt[popular_cities_main_heading]" id="popular_cities_main_heading"
                                            class="form-control" placeholder="Enter Main Heading"
                                            value="{{ $txt['popular_cities_main_heading'] ?? '' }}" >
                                    </div>

                              @php
                                $selectedCities = [];

                                if (isset($txt['choose_popular_cities'])) {
                                    $selectedCities = is_array($txt['choose_popular_cities'])
                                        ? $txt['choose_popular_cities']
                                        : explode(',', $txt['choose_popular_cities']);
                                }
                            @endphp
                                <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                    <label class="form-label">Choose Popular Cities</label>
                                    <select id="choose_popular_cities" class="form-control select2 form-select" name="choose_popular_cities[]" multiple data-placeholder="Select Cities">
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->id }}"
                                                {{ in_array($city->id, old('cities', $selectedCities)) ? 'selected' : '' }}>
                                                {{ $city->title }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            <p class="mt-3 page-heading"><b>Holiday Country</b></p>
                                    <label class="form-label d-block">Enable/Disable</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="popular_country_yes" name="txt[holiday_country_enable]" value="1"
                                            {{ !empty($txt['holiday_country_enable']) && $txt['holiday_country_enable'] == 1 ? 'checked' : '' }}>
                                        <label for="popular_country_yes">Yes</label>
                                        <input type="radio" id="popular_country_no" name="txt[holiday_country_enable]" value="0"
                                            {{ empty($txt['holiday_country_enable']) || $txt['holiday_country_enable'] == 0 ? 'checked' : '' }}>
                                        <label for="popular_country_no">No</label>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label">Holiday Country Module</label>
                                        <textarea name="txt[holiday_country_module]" id="holiday_country_module" class="form-control" row="5">
                                            {{ $txt['holiday_country_module'] ?? '' }}
                                        </textarea>
                                    </div>
                               <p class="mt-3 page-heading"><b>Business Slogans with Icons</b></p>
                                  <label class="form-label d-block">Enable/Disable</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="business_slogans_enable_yes" name="txt[business_slogans_enable]" value="1"
                                            {{ !empty($txt['business_slogans_enable']) && $txt['business_slogans_enable'] == 1 ? 'checked' : '' }}>
                                        <label for="business_slogans_enable_yes">Yes</label>
                                        <input type="radio" id="business_slogans_enable_no" name="txt[business_slogans_enable]" value="0"
                                            {{ empty($txt['business_slogans_enable']) || $txt['business_slogans_enable'] == 0 ? 'checked' : '' }}>
                                        <label for="business_slogans_enable_no">No</label>
                                    </div>

                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Main Heading</label>
                                        <input type="text" name="txt[business_slogans_main_heading]" id="business_slogans_main_heading"
                                            class="form-control" placeholder="Enter Main Heading"
                                            value="{{ $txt['business_slogans_main_heading'] ?? '' }}" >
                                    </div>

                                
                                <div id="business-slogan-wrapper">
                                    @php $i = 1; @endphp
                                    @while(!empty($txt["business_slogan_icon_$i"]) || !empty($txt["business_slogan_input_$i"]))
                                        <div class="form-group mt-3 d-flex align-items-center gap-3 slogan-row">
                                            <img id="slogan_image_{{ $i }}" src="{{ asset($txt["business_slogan_icon_$i"]) }}"
                                                class="thumbnail-image-100" style="width: 60px; height: auto;">

                                            <input type="hidden" name="txt[business_slogan_icon_{{ $i }}]"
                                                id="selected_slogan_icon_{{ $i }}"
                                                value="{{ $txt["business_slogan_icon_$i"] }}">

                                            <input type="text" name="txt[business_slogan_input_{{ $i }}]"
                                                class="form-control w-50"
                                                placeholder="Enter slogan"
                                                value="{{ $txt["business_slogan_input_$i"] }}">

                                            <button type="button"
                                                    class="btn btn-primary open-svg-modal"
                                                    data-bs-toggle="modal"
                                                    data-bs-target="#svgModal"
                                                    data-img-id="slogan_image_{{ $i }}"
                                                    data-input-id="selected_slogan_icon_{{ $i }}">
                                                Choose Icon
                                            </button>
                                        </div>
                                        @php $i++; @endphp
                                    @endwhile
                                </div>

                                <div class="mt-4">
                                    <button type="button" class="btn btn-success" id="add-business-slogan" data-index="{{ $i }}">
                                        Add More
                                    </button>
                                </div>

                            <!-- Template for JS clone -->
                            <div class="form-group mt-3 d-flex align-items-center gap-3 slogan-row d-none" id="business-slogan-template">
                                <img id="slogan_image_INDEX" src="" class="thumbnail-image-100" style="width: 60px; height: auto;">

                                <input type="hidden" name="txt[business_slogan_icon_INDEX]" id="selected_slogan_icon_INDEX" value="">

                                <input type="text" name="txt[business_slogan_input_INDEX]" class="form-control w-50" placeholder="Enter slogan">

                                <button type="button" class="btn btn-primary open-svg-modal"
                                        data-bs-toggle="modal"
                                        data-bs-target="#svgModal"
                                        data-img-id="slogan_image_INDEX"
                                        data-input-id="selected_slogan_icon_INDEX">
                                    Choose Icon
                                </button>
                            </div>
                            <p class="mt-3 page-heading"><b>Continents Slider on Home Page</b></p>
                             <label class="form-label d-block">Enable/Disable</label>
                                <div class="yes-no-toggle-group">
                                    <input type="radio" id="continent_slider_yes" name="txt[continent_slider]" value="1"
                                        {{ !empty($txt['continent_slider']) && $txt['continent_slider'] == 1 ? 'checked' : '' }}>
                                    <label for="continent_slider_yes">Yes</label>
                                    <input type="radio" id="continent_slider_no" name="txt[continent_slider]" value="0"
                                        {{ empty($txt['continent_slider']) || $txt['continent_slider'] == 0 ? 'checked' : '' }}>
                                    <label for="continent_slider_no">No</label>
                                </div>

                                @break

                                @case(14)
                                    @php
                                        // Parse link_1_content - handle both old HTML format and new array format
                                        $link1Data = [];
                                        if (!empty($txt['link_1_content'])) {
                                            if (is_string($txt['link_1_content']) && (strpos($txt['link_1_content'], '<') !== false || strpos($txt['link_1_content'], '[') === 0)) {
                                                // Try to decode if it's JSON
                                                $decoded = json_decode($txt['link_1_content'], true);
                                                if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                                                    $link1Data = $decoded;
                                                } else {
                                                    // Parse HTML links
                                                    $dom = new \DOMDocument();
                                                    @$dom->loadHTML(mb_convert_encoding($txt['link_1_content'], 'HTML-ENTITIES', 'UTF-8'));
                                                    $links = $dom->getElementsByTagName('a');
                                                    foreach ($links as $link) {
                                                        $link1Data[] = [
                                                            'link' => $link->getAttribute('href'),
                                                            'text' => trim($link->textContent)
                                                        ];
                                                    }
                                                }
                                            } elseif (is_array($txt['link_1_content'])) {
                                                $link1Data = $txt['link_1_content'];
                                            }
                                        }
                                        // If empty, add one empty row
                                        if (empty($link1Data)) {
                                            $link1Data = [['link' => '', 'text' => '']];
                                        }

                                        // Parse link_2_content - handle both old HTML format and new array format
                                        $link2Data = [];
                                        if (!empty($txt['link_2_content'])) {
                                            if (is_string($txt['link_2_content']) && (strpos($txt['link_2_content'], '<') !== false || strpos($txt['link_2_content'], '[') === 0)) {
                                                // Try to decode if it's JSON
                                                $decoded = json_decode($txt['link_2_content'], true);
                                                if (json_last_error() === JSON_ERROR_NONE && is_array($decoded)) {
                                                    $link2Data = $decoded;
                                                } else {
                                                    // Parse HTML links
                                                    $dom = new \DOMDocument();
                                                    @$dom->loadHTML(mb_convert_encoding($txt['link_2_content'], 'HTML-ENTITIES', 'UTF-8'));
                                                    $links = $dom->getElementsByTagName('a');
                                                    foreach ($links as $link) {
                                                        $link2Data[] = [
                                                            'link' => $link->getAttribute('href'),
                                                            'text' => trim($link->textContent)
                                                        ];
                                                    }
                                                }
                                            } elseif (is_array($txt['link_2_content'])) {
                                                $link2Data = $txt['link_2_content'];
                                            }
                                        }
                                        // If empty, add one empty row
                                        if (empty($link2Data)) {
                                            $link2Data = [['link' => '', 'text' => '']];
                                        }
                                    @endphp
                                    <p class="mt-3 page-heading"><b>Footer Link 1</b></p>
                                    <div class="col-sm-12 col-md-12 col-lg-12 fv-plugins-icon-container">
                                        <label class="form-label">Heading</label>
                                        <input type="text" name="txt[link_1_heading]" id="link_1_heading"
                                            class="form-control" placeholder="Enter Heading"
                                            value="{{ $txt['link_1_heading'] ?? '' }}" >
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label">Links</label>
                                        <div id="link_1_wrapper" class="sortable-links-wrapper">
                                            @foreach($link1Data as $index => $linkItem)
                                                <div class="link-item-row mb-2 p-3 border rounded" data-index="{{ $index }}">
                                                    <div class="d-flex align-items-center gap-2">
                                                        <span class="drag-handle-link cursor-move" style="cursor: move; font-size: 20px; color: #696cff;">☰</span>
                                                        <div class="flex-grow-1">
                                                            <div class="row g-2">
                                                                <div class="col-md-6">
                                                                    <input type="text" 
                                                                           name="link_1_items[{{ $index }}][link]" 
                                                                           class="form-control" 
                                                                           placeholder="Enter Link URL (e.g., https://www.google.com)"
                                                                           value="{{ $linkItem['link'] ?? '' }}">
                                                                </div>
                                                                <div class="col-md-5">
                                                                    <input type="text" 
                                                                           name="link_1_items[{{ $index }}][text]" 
                                                                           class="form-control" 
                                                                           placeholder="Enter Link Text (e.g., Google)"
                                                                           value="{{ $linkItem['text'] ?? '' }}">
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <button type="button" class="btn btn-sm btn-danger remove-link-item" title="Remove">
                                                                        <i class="bx bx-trash"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                        <button type="button" class="btn btn-primary mt-2" id="add-link-1-item">
                                            <i class="bx bx-plus"></i> Add More
                                        </button>
                                    </div>
                                    <p class="mt-3 page-heading"><b>Footer Link 2</b></p>
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Heading</label>
                                        <input type="text" name="txt[link_2_heading]" id="link_2_heading"
                                            class="form-control" placeholder="Enter Heading"
                                            value="{{ $txt['link_2_heading'] ?? '' }}" >
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label">Links</label>
                                        <div id="link_2_wrapper" class="sortable-links-wrapper">
                                            @foreach($link2Data as $index => $linkItem)
                                                <div class="link-item-row mb-2 p-3 border rounded" data-index="{{ $index }}">
                                                    <div class="d-flex align-items-center gap-2">
                                                        <span class="drag-handle-link cursor-move" style="cursor: move; font-size: 20px; color: #696cff;">☰</span>
                                                        <div class="flex-grow-1">
                                                            <div class="row g-2">
                                                                <div class="col-md-6">
                                                                    <input type="text" 
                                                                           name="link_2_items[{{ $index }}][link]" 
                                                                           class="form-control" 
                                                                           placeholder="Enter Link URL (e.g., https://www.google.com)"
                                                                           value="{{ $linkItem['link'] ?? '' }}">
                                                                </div>
                                                                <div class="col-md-5">
                                                                    <input type="text" 
                                                                           name="link_2_items[{{ $index }}][text]" 
                                                                           class="form-control" 
                                                                           placeholder="Enter Link Text (e.g., Google)"
                                                                           value="{{ $linkItem['text'] ?? '' }}">
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <button type="button" class="btn btn-sm btn-danger remove-link-item" title="Remove">
                                                                        <i class="bx bx-trash"></i>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                        <button type="button" class="btn btn-primary mt-2" id="add-link-2-item">
                                            <i class="bx bx-plus"></i> Add More
                                        </button>
                                    </div>
                                    <p class="mt-3 page-heading"><b>Footer Contacts</b></p>  
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Heading</label>
                                        <input type="text" name="txt[footer_contact_heading]" id="footer_contact_heading"
                                            class="form-control" placeholder="Enter Heading"
                                            value="{{ $txt['footer_contact_heading'] ?? '' }}" >
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Phone</label>
                                        <input type="text" name="txt[footer_phone]" id="footer_phone"
                                            class="form-control" placeholder="Enter Heading"
                                            value="{{ $txt['footer_phone'] ?? '' }}" >
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Email</label>
                                        <input type="email" name="txt[footer_email]" id="footer_email"
                                            class="form-control" placeholder="Enter Heading"
                                            value="{{ $txt['footer_email'] ?? '' }}" >
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                        <label class="form-label">Address</label>
                                        <input type="text" name="txt[footer_address]" id="footer_address"
                                            class="form-control" placeholder="Enter Heading"
                                            value="{{ $txt['footer_address'] ?? '' }}" >
                                    </div>
                                 
                                    <label class="form-label">Enable Certificate Icons</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="footer_certificate_icon_yes" name="txt[footer_certificate_icon]" value="1"
                                            {{ !empty($txt['footer_certificate_icon']) && $txt['footer_certificate_icon'] == 1 ? 'checked' : '' }}>
                                        <label for="footer_certificate_icon_yes">Yes</label>

                                        <input type="radio" id="footer_certificate_icon_no" name="txt[footer_certificate_icon]" value="0"
                                            {{ empty($txt['footer_certificate_icon']) || $txt['footer_certificate_icon'] == 0 ? 'checked' : '' }}>
                                        <label for="footer_certificate_icon_no">No</label>
                                    </div>
                                    <!-- START: Business Certificate Sections -->
                                    <div class="form-group mt-3 d-flex">
                                        <img id="svg_image_1" src="{{ asset($txt['footer_business_icon_1'] ?? '') }}" class="thumbnail-image-100">
                                        <input type="hidden" name="txt[footer_business_icon_1]" id="selected_svg_1" value="{{ $txt['footer_business_icon_1'] ?? '' }}">
                                        <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                            <input type="text" name="txt[footer_business_icon_1_input]" id="footer_business_icon_1_input"
                                                class="form-control" placeholder="Enter Heading"
                                                value="{{ $txt['footer_business_icon_1_input'] ?? '' }}">
                                        </div>
                                        <button type="button" class="btn btn-primary open-svg-modal"
                                            data-bs-toggle="modal"
                                            data-bs-target="#svgModal"
                                            data-img-id="svg_image_1"
                                            data-input-id="selected_svg_1">
                                            Choose Icon
                                        </button>
                                    </div>

                                    <div class="form-group mt-3 d-flex">
                                        <img id="svg_image_2" src="{{ asset($txt['footer_business_icon_2'] ?? '') }}" class="thumbnail-image-100">
                                        <input type="hidden" name="txt[footer_business_icon_2]" id="selected_svg_2" value="{{ $txt['footer_business_icon_2'] ?? '' }}">
                                    
                                        <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                            <input type="text" name="txt[footer_business_icon_2_input]" id="footer_business_icon_2_input"
                                                class="form-control" placeholder="Enter Heading"
                                                value="{{ $txt['footer_business_icon_2_input'] ?? '' }}">
                                        </div>
                                        <button type="button" class="btn btn-primary open-svg-modal"
                                            data-bs-toggle="modal"
                                            data-bs-target="#svgModal"
                                            data-img-id="svg_image_2"
                                            data-input-id="selected_svg_2">
                                            Choose Icon
                                        </button>
                                    
                                    </div>

                                    <div class="form-group mt-3 d-flex">
                                        <img id="svg_image_3" src="{{ asset($txt['footer_business_icon_3'] ?? '') }}" class="thumbnail-image-100">
                                        <input type="hidden" name="txt[footer_business_icon_3]" id="selected_svg_3" value="{{ $txt['footer_business_icon_3'] ?? '' }}">
                                        <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                            <input type="text" name="txt[footer_business_icon_3_input]" id="footer_business_icon_3_input"
                                                class="form-control" placeholder="Enter Heading"
                                                value="{{ $txt['footer_business_icon_3_input'] ?? '' }}">
                                        </div>
                                        <button type="button" class="btn btn-primary open-svg-modal"
                                            data-bs-toggle="modal"
                                            data-bs-target="#svgModal"
                                            data-img-id="svg_image_3"
                                            data-input-id="selected_svg_3">
                                            Choose Icon
                                        </button>
                                    </div>
                                    <div class="form-group mt-3 d-flex">
                                        <img id="svg_image_4" src="{{ asset($txt['footer_business_icon_4'] ?? '') }}" class="thumbnail-image-100">
                                        <input type="hidden" name="txt[footer_business_icon_4]" id="selected_svg_4" value="{{ $txt['footer_business_icon_4'] ?? '' }}">
                                        <div class="col-sm-6 col-md-6 col-lg-6 fv-plugins-icon-container">
                                            <input type="text" name="txt[footer_business_icon_4_input]" id="footer_business_icon_4_input"
                                                class="form-control" placeholder="Enter Heading"
                                                value="{{ $txt['footer_business_icon_4_input'] ?? '' }}">
                                        </div>
                                        <button type="button" class="btn btn-primary open-svg-modal"
                                            data-bs-toggle="modal"
                                            data-bs-target="#svgModal"
                                            data-img-id="svg_image_4"
                                            data-input-id="selected_svg_4">
                                            Choose Icon
                                        </button>
                                    </div>
                                    <p class="mt-3 page-heading"><b>Footer Below Copyright Text</b></p>
                                    <div class="form-group">
                                        <label class="form-label">Content</label>
                                        <textarea name="txt[footer_below_copyright_text]" id="footer_below_copyright_text" class="form-control ckeditor">
                                            {{ $txt['footer_below_copyright_text'] ?? '' }}
                                        </textarea>
                                    </div>
                                    <p class="mt-3 page-heading"><b>Footer Cookies Notice</b></p>
                                    <label class="form-label">Enable Cookie Notice</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="cookies_notice_yes" name="txt[footer_cookies_notice]" value="1"
                                            {{ !empty($txt['footer_cookies_notice']) && $txt['footer_cookies_notice'] == 1 ? 'checked' : '' }}>
                                        <label for="cookies_notice_yes">Yes</label>

                                        <input type="radio" id="'cookies_notice_no" name="txt[footer_cookies_notice]" value="0"
                                            {{ empty($txt['footer_cookies_notice']) || $txt['footer_cookies_notice'] == 0 ? 'checked' : '' }}>
                                        <label for="'cookies_notice_no">No</label>
                                    </div>
                                    
                                    <div class="form-group">
                                        <label class="form-label">Cookie Policy Text</label>
                                        <textarea name="txt[cookie_policy_text]" id="cookie_policy_text" class="form-control ckeditor">
                                            {{ $txt['cookie_policy_text'] ?? '' }}
                                        </textarea>
                                    </div>
                                @break
                                @case(15)
                                <label class="form-label d-block">Enable/Disable</label>
                                    <div class="yes-no-toggle-group">
                                        <input type="radio" id="enable_social_media_icons_yes" name="txt[enable_social_media_icons]" value="1"
                                            {{ !empty($txt['enable_social_media_icons']) && $txt['enable_social_media_icons'] == 1 ? 'checked' : '' }}>
                                        <label for="enable_social_media_icons_yes">Yes</label>
                                        <input type="radio" id="enable_social_media_icons_no" name="txt[enable_social_media_icons]" value="0"
                                            {{ empty($txt['enable_social_media_icons']) || $txt['enable_social_media_icons'] == 0 ? 'checked' : '' }}>
                                        <label for="enable_social_media_icons_no">No</label>
                                    </div>
                                  
                                <div id="social_media_icons-wrapper">
                                    @php $j = 1; @endphp
                                    {{-- Use a while loop that checks if *any* of the key fields exist for this index --}}
                                    @while( !empty($txt["social_media_icons_$j"]) || !empty($txt["social_media_icons_input_$j"]) || !empty($txt["social_media_icons_icon_$j"]) )
                                        <div class="form-group mt-3 gap-3 slogan-row border p-3">
                                            <div class="d-flex align-items-center mb-2">
                                                 {{-- Icon Preview --}}
                                                <img id="slogan_image_{{ $j }}" 
                                                     src="{{ !empty($txt["social_media_icons_icon_$j"]) ? asset($txt["social_media_icons_icon_$j"]) : asset('assets/svgs/default.svg') }}"
                                                     class="thumbnail-image-100 me-3" style="width: 60px; height: auto;">
                                                
                                                {{-- Choose Icon Button --}}
                                                <button type="button"
                                                        class="btn btn-primary open-svg-modal me-3"
                                                        data-bs-toggle="modal"
                                                        data-bs-target="#svgModal"
                                                        data-img-id="slogan_image_{{ $j }}"
                                                        data-input-id="selected_slogan_icon_{{ $j }}">
                                                    Choose Icon
                                                </button>
                                                
                                                  {{-- Remove Button --}}
                                                 <button type="button" class="btn btn-danger remove-social-icon">Remove</button>
                                            </div>

                                            {{-- HIDDEN: Icon Path --}}
                                            <input type="hidden" name="txt[social_media_icons_icon_{{ $j }}]"
                                                id="selected_slogan_icon_{{ $j }}"
                                                value="{{ $txt["social_media_icons_icon_$j"] ?? '' }}">

                                            <div class="row g-2">
                                                <div class="col-md-6">
                                                    <label class="form-label">Social Media URL</label>
                                                    <input type="text" name="txt[social_media_icons_{{ $j }}]"
                                                        class="form-control"
                                                        placeholder="https://facebook.com/..."
                                                        value="{{ $txt["social_media_icons_$j"] ?? '' }}">
                                                </div>
                                                
                                                <div class="col-md-3">
                                                    <label class="form-label">Platform Name</label>
                                                    <input type="text" name="txt[social_media_icons_input_{{ $j }}]"
                                                        class="form-control"
                                                        placeholder="e.g. Facebook"
                                                        value="{{ $txt["social_media_icons_input_$j"] ?? '' }}">
                                                </div>

                                                <div class="col-md-3">
                                                     <label class="form-label">Image Alt Text</label>
                                                     <input type="text" name="txt[social_media_icons_alt_input_{{ $j }}]"
                                                        class="form-control"
                                                        placeholder="Alt Text"
                                                        value="{{ $txt["social_media_icons_alt_input_$j"] ?? '' }}">
                                                </div>
                                            </div>
                                        </div>
                                        @php $j++; @endphp
                                    @endwhile
                                </div>
                                <div class="mt-4">
                                    <button type="button" class="btn btn-success" id="add-social_media_icons" data-index="{{ $j }}">
                                        Add More
                                    </button>
                                </div>
                                
                                <!-- Template for JS clone -->
                                <div class="form-group mt-3 gap-3 slogan-row border p-3 d-none" id="social-media-icons-template">
                                    <div class="d-flex align-items-center mb-2">
                                        <img id="social_media_image_INDEX" src="" class="thumbnail-image-100 me-3" style="width: 60px; height: auto;">
                                        
                                        <button type="button" class="btn btn-primary open-svg-modal me-3"
                                                data-bs-toggle="modal"
                                                data-bs-target="#svgModal"
                                                data-img-id="social_media_image_INDEX"
                                                data-input-id="social_media_icons_icon_INDEX">
                                            Choose Icon
                                        </button>
                                         <button type="button" class="btn btn-danger remove-social-icon">Remove</button>
                                    </div>

                                    <input type="hidden" name="txt[social_media_icons_icon_INDEX]" id="social_media_icons_icon_INDEX" value="">

                                    <div class="row g-2">
                                        <div class="col-md-6">
                                            <label class="form-label">Social Media URL</label>
                                            <input type="text" name="txt[social_media_icons_INDEX]" class="form-control" placeholder="https://...">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label">Platform Name</label>
                                            <input type="text" name="txt[social_media_icons_input_INDEX]" class="form-control" placeholder="Platform">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="form-label">Image Alt Text</label>
                                            <input type="text" name="txt[social_media_icons_alt_input_INDEX]" class="form-control" placeholder="Alt Text">
                                        </div>
                                    </div>
                                </div>
                                @break
                                @case(16)
                                 <div class="form-group">
                                    <label class="form-label">Umrah</label>
                                    <textarea name="txt[umrah]" id="umrah" class="form-control ckeditor">
                                        {{ $txt['umrah'] ?? '' }}
                                    </textarea>
                                </div>
                                 <div class="form-group">
                                    <label class="form-label">Holiday</label>
                                    <textarea name="txt[holiday]" id="holiday" class="form-control ckeditor">
                                        {{ $txt['holiday'] ?? '' }}
                                    </textarea>
                                </div>
                                 <div class="form-group">
                                    <label class="form-label">Destination</label>
                                    <textarea name="txt[destination]" id="destination" class="form-control ckeditor">
                                        {{ $txt['destination'] ?? '' }}
                                    </textarea>
                                </div>
                                @break
                                @case(18)
                                <label class="form-label d-block">Google Can Index?</label>
                                 <div class="yes-no-toggle-group">
                                    <input type="radio" id="google_index_yes" name="txt[enable_google_can_index]" value="1"
                                        {{ !empty($txt['enable_google_can_index']) && $txt['enable_google_can_index'] == 1 ? 'checked' : '' }}>
                                    <label for="google_index_yes">Yes</label>

                                    <input type="radio" id="google_index_no" name="txt[enable_google_can_index]" value="0"
                                        {{ empty($txt['enable_google_can_index']) || $txt['enable_google_can_index'] == 0 ? 'checked' : '' }}>
                                    <label for="google_index_no">No</label>
                                </div>
                                @break
                                @case(19)
                                <label class="form-label d-block">Enable Adward Phone Number :</label>
                                 <div class="yes-no-toggle-group">
                                    <input type="radio" id="adward_phone_number_yes" name="txt[enable_adward_phone_number]" value="1"
                                        {{ !empty($txt['enable_adward_phone_number']) && $txt['enable_adward_phone_number'] == 1 ? 'checked' : '' }}>
                                    <label for="adward_phone_number_yes">Yes</label>
                                    <input type="radio" id="adward_phone_number_no" name="txt[enable_adward_phone_number]" value="0"
                                        {{ empty($txt['enable_adward_phone_number']) || $txt['enable_adward_phone_number'] == 0 ? 'checked' : '' }}>
                                    <label for="adward_phone_number_no">No</label>
                                </div>
                                <label class="form-label">Adward Variable Name :</lable>
                                <input type="text" class="form-control"  name="txt[award_variable_name]"id="award_variable_name" value="{{ $txt["award_variable_name"] }}">


                                <div>
                                   <div id="award-wrapper" class="pt-3 pb-3">
                                        @php $maxAwards = 10; @endphp
                                        @for ($awardIndex = 1; $awardIndex <= $maxAwards; $awardIndex++)
                                            @if(!empty($txt["award_google_value_{$awardIndex}"]))
                                                <div class="form-group logo-block mb-4 upload-bg-color border position-relative p-3">
                                                    <span class="badge bg-success position-absolute top-0 start-0 rounded-circle"
                                                        style="width: 30px; height: 30px; text-align: center; line-height: 30px;">{{ $awardIndex }}</span>

                                                    <button type="button"
                                                            class="btn btn-danger btn-sm position-absolute top-0 end-0 remove-award"
                                                            style="border-radius: 50%;">&times;
                                                    </button>

                                                    <label class="form-label mt-4">Adward Variable Value :</label>
                                                    <input name="txt[award_google_value_{{ $awardIndex }}]" class="form-control"
                                                        placeholder="Adward Variable Value" type="text"
                                                        value="{{ $txt["award_google_value_{$awardIndex}"] ?? '' }}">

                                                    <label class="form-label mt-2">Adward Phone Number :</label>
                                                    <input name="txt[award_phone_number_{{ $awardIndex }}]" class="form-control"
                                                        placeholder="Adward Phone Number" type="text"
                                                        value="{{ $txt["award_phone_number_{$awardIndex}"] ?? '' }}">

                                                    <label class="form-label mt-2">Adward Google Analytices :</label>
                                                    <input name="txt[award_google_analytice_{{ $awardIndex }}]" class="form-control"
                                                        placeholder="Adward Google Analytices" type="text"
                                                        value="{{ $txt["award_google_analytice_{$awardIndex}"] ?? '' }}">
                                                </div>
                                            @endif
                                        @endfor
                                    </div>

                                    <!-- Add New Button -->
                                    <div class="row mt-4 justify-content-end">
                                        <div class="col-md-2">
                                            <button class="addAwardOption btn btn-warning" type="button"
                                                    data-index="{{ $awardIndex }}">Add New Option
                                            </button>
                                        </div>
                                    </div>

                                    <!-- Hidden Template -->
                                    <div class="form-group logo-block mb-4 d-none upload-bg-color border position-relative p-3" id="award-template">
                                        <span class="badge bg-success position-absolute top-0 start-0 rounded-circle index-badge"
                                            style="width: 30px; height: 30px; text-align: center; line-height: 30px;">INDEX</span>

                                        <button type="button" class="btn btn-danger btn-sm position-absolute top-0 end-0 remove-award"
                                                style="border-radius: 50%;">&times;
                                        </button>

                                        <label class="form-label mt-4">Adward Variable Value :</label>
                                        <input name="txt[award_google_value_INDEX]" class="form-control" placeholder="Adward Variable Value" type="text">

                                        <label class="form-label mt-2">Adward Phone Number :</label>
                                        <input name="txt[award_phone_number_INDEX]" class="form-control" placeholder="Adward Phone Number" type="text">

                                        <label class="form-label mt-2">Adward Google Analytices :</label>
                                        <input name="txt[award_google_analytice_INDEX]" class="form-control" placeholder="Adward Google Analytices" type="text">
                                    </div>
                                </div>

                                @break

                                @default
                                 <div class="form-control"
                                        contenteditable="true"
                                        id="contentEditable"
                                        oninput="document.getElementById('contentHidden').value = this.innerText;"
                                        style=" white-space: pre-wrap;">
                                        {{ old('content', $setting->contents ?? '') }}
                                    </div>
                                    <input type="hidden" name="content" id="contentHidden" value="{{ old('content', $setting->contents ?? '') }}">
                                    @if ($errors->has('content'))
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $errors->first('content') }}</strong>
                                        </span>
                                    @endif

                            @endswitch
                            <div class="col-sm-12 col-md-12 col-lg-12 fv-plugins-icon-container">
                                <label class="form-label">Status</label>
                                <div>
                                    @if ($setting->status == 0)
                                        <input name="is_active" type="checkbox" class="" data-toggle="toggle">
                                        <input type="hidden" name="is_active" id="is_active" value="{{$setting->status}}">
                                    @else
                                        <input name="is_active" type="checkbox" class="" checked data-toggle="toggle">
                                        <input type="hidden" name="is_active" id="is_active" value="{{$setting->status}}">
                                    @endif
                                </div>
                            </div>
                            <div class="col-12 mt-2">
                                <input type="hidden" name="setting_id" value="{{$setting->id}}" />
                                <button type="submit" class="btn btn-primary">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- /FormValidation -->
        </div>

    </div>
    <div class="modal fade" id="svgModal" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Choose SVG Image</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <div class="row">
             @foreach ($svgImages as $image)
                <div class="col-md-2 mb-3">
                    <img src="{{ asset('assets/svgs/' . $image) }}" 
                        class="img-thumbnail select-svg" 
                        style="cursor:pointer;" 
                        data-path="assets/svgs/{{ $image }}">
                    </div>
            @endforeach
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('script')
     <script>
        $('input[name="is_active"]').change(function() {
            if ($(this).is(":checked")) {
                $('input#is_active').val('1');
            } else {
                $('input#is_active').val('0');
            }
        });
    </script>
           <script>
    let currentImgId = '';
    let currentInputId = '';

    document.addEventListener('DOMContentLoaded', function () {
        // Save the image and input id when the modal is opened
        document.querySelectorAll('.open-svg-modal').forEach(button => {
            button.addEventListener('click', function () {
                currentImgId = this.dataset.imgId;
                currentInputId = this.dataset.inputId;
            });
        });

        // Handle SVG selection
        document.querySelectorAll('.select-svg').forEach(img => {
            img.addEventListener('click', function () {
                const path = this.dataset.path;
                if (currentImgId && currentInputId) {
                    document.getElementById(currentImgId).src = '/' + path;
                    document.getElementById(currentInputId).value = path;
                }

                const modal = bootstrap.Modal.getInstance(document.getElementById('svgModal'));
                modal.hide();
            });
        });
    });
</script>
<script>
    document.querySelector('.addOPtion').addEventListener('click', function () {
        let index = parseInt(this.getAttribute('data-index'));

        let template = document.getElementById('logo-template').cloneNode(true);
        template.classList.remove('d-none');
        template.removeAttribute('id');

        // Replace all INDEX with current index
        template.innerHTML = template.innerHTML.replace(/INDEX/g, index);

        document.getElementById('portal-logo-wrapper').appendChild(template);

        // Update index
        this.setAttribute('data-index', index + 1);
    });

    function handleFileUpload(input) {
        // optional: you can preview or use a file manager here
    }
</script>
<script>
document.getElementById('add-business-slogan').addEventListener('click', function () {
    let index = parseInt(this.getAttribute('data-index'));
    let template = document.getElementById('business-slogan-template').cloneNode(true);

    template.classList.remove('d-none');
    template.removeAttribute('id');

    template.innerHTML = template.innerHTML.replace(/INDEX/g, index);

    document.getElementById('business-slogan-wrapper').appendChild(template);
    const img = template.querySelector('img');
    const hiddenInput = template.querySelector('input[type="hidden"]');
    const chooseBtn = template.querySelector('.open-svg-modal');

    img.id = `slogan_image_${index}`;
    hiddenInput.id = `selected_slogan_icon_${index}`;
    hiddenInput.name = `txt[business_slogan_icon_${index}]`;

    chooseBtn.setAttribute('data-img-id', img.id);
    chooseBtn.setAttribute('data-input-id', hiddenInput.id);
    const textInput = template.querySelector('input[type="text"]');
    textInput.name = `txt[business_slogan_input_${index}]`;

    this.setAttribute('data-index', index + 1);

    bindOpenSvgModalButtons();
});
</script>


<script>
function bindOpenSvgModalButtons() {
    document.querySelectorAll('.open-svg-modal').forEach(button => {
        if (!button.dataset.bound) {
            button.addEventListener('click', function () {
                currentImgId = this.dataset.imgId;
                currentInputId = this.dataset.inputId;
            });
            button.dataset.bound = 'true'; 
        }
    });
}
</script>
<script>
function handleFileUpload(input) {
    const file = input.files[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = function(e) {
            const preview = input.closest('.d-flex').querySelector('.logo-preview');
            preview.src = e.target.result;
        };
        reader.readAsDataURL(file);
    }
}
</script>


    <script>
   $('.addAwardOption').click(function () {
    let index = $('#award-wrapper .logo-block').length + 1;

    let template = $('#award-template').clone().removeAttr('id').removeClass('d-none');

    // Replace INDEX with actual index
    template.find('input').each(function () {
        let name = $(this).attr('name');
        $(this).attr('name', name.replace(/INDEX/g, index));
    });

    // Update badge number
    template.find('.index-badge').text(index);

    // Append to wrapper
    $('#award-wrapper').append(template);
    
});

$(document).on('click', '.remove-award', function () {
    $(this).closest('.logo-block').remove();
});
</script>
<script>
    document.getElementById('add-social_media_icons').addEventListener('click', function () {
        let index = parseInt(this.getAttribute('data-index'));
        let template = document.getElementById('social-media-icons-template').cloneNode(true);

        template.classList.remove('d-none');
        template.removeAttribute('id');

        template.innerHTML = template.innerHTML.replace(/INDEX/g, index);

        document.getElementById('social_media_icons-wrapper').appendChild(template);
        
        const img = template.querySelector('img');
        const hiddenInput = template.querySelector('input[type="hidden"]');
        const chooseBtn = template.querySelector('.open-svg-modal');

        // Set IDs for the new row's icon picker
        img.id = `social_media_image_${index}`;
        hiddenInput.id = `social_media_icons_icon_${index}`;
        hiddenInput.name = `txt[social_media_icons_icon_${index}]`;

        chooseBtn.setAttribute('data-img-id', img.id);
        chooseBtn.setAttribute('data-input-id', hiddenInput.id);
        
        // Update other input names
        const urlInput = template.querySelector('input[placeholder="https://..."]');
        urlInput.name = `txt[social_media_icons_${index}]`;
        
        const platformInput = template.querySelector('input[placeholder="Platform"]');
        platformInput.name = `txt[social_media_icons_input_${index}]`;
        
        const altInput = template.querySelector('input[placeholder="Alt Text"]');
        altInput.name = `txt[social_media_icons_alt_input_${index}]`;

        this.setAttribute('data-index', index + 1);

        bindOpenSvgModalButtons();
    });

    $(document).on('click', '.remove-social-icon', function () {
        $(this).closest('.slogan-row').remove();
    });
</script>

<!-- Footer Links Drag and Drop Scripts -->
<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
<script>
    // Initialize SortableJS for Footer Link 1
    const link1Wrapper = document.getElementById('link_1_wrapper');
    if (link1Wrapper) {
        new Sortable(link1Wrapper, {
            handle: '.drag-handle-link',
            animation: 150,
            ghostClass: 'sortable-ghost',
            onEnd: function() {
                updateLinkItemIndexes('link_1_wrapper', 'link_1_items');
            }
        });
    }

    // Initialize SortableJS for Footer Link 2
    const link2Wrapper = document.getElementById('link_2_wrapper');
    if (link2Wrapper) {
        new Sortable(link2Wrapper, {
            handle: '.drag-handle-link',
            animation: 150,
            ghostClass: 'sortable-ghost',
            onEnd: function() {
                updateLinkItemIndexes('link_2_wrapper', 'link_2_items');
            }
        });
    }

    // Function to update input names after drag
    function updateLinkItemIndexes(wrapperId, prefix) {
        const wrapper = document.getElementById(wrapperId);
        const items = wrapper.querySelectorAll('.link-item-row');
        items.forEach((item, index) => {
            const linkInput = item.querySelector('input[name*="[link]"]');
            const textInput = item.querySelector('input[name*="[text]"]');
            if (linkInput) linkInput.name = `${prefix}[${index}][link]`;
            if (textInput) textInput.name = `${prefix}[${index}][text]`;
            item.setAttribute('data-index', index);
        });
    }

    // Add new link item for Footer Link 1
    document.getElementById('add-link-1-item')?.addEventListener('click', function() {
        const wrapper = document.getElementById('link_1_wrapper');
        const items = wrapper.querySelectorAll('.link-item-row');
        const newIndex = items.length;

        const newItem = document.createElement('div');
        newItem.className = 'link-item-row mb-2 p-3 border rounded';
        newItem.setAttribute('data-index', newIndex);
        newItem.innerHTML = `
            <div class="d-flex align-items-center gap-2">
                <span class="drag-handle-link cursor-move" style="cursor: move; font-size: 20px; color: #696cff;">☰</span>
                <div class="flex-grow-1">
                    <div class="row g-2">
                        <div class="col-md-6">
                            <input type="text" 
                                   name="link_1_items[${newIndex}][link]" 
                                   class="form-control" 
                                   placeholder="Enter Link URL (e.g., https://www.google.com)"
                                   value="">
                        </div>
                        <div class="col-md-5">
                            <input type="text" 
                                   name="link_1_items[${newIndex}][text]" 
                                   class="form-control" 
                                   placeholder="Enter Link Text (e.g., Google)"
                                   value="">
                        </div>
                        <div class="col-md-1">
                            <button type="button" class="btn btn-sm btn-danger remove-link-item" title="Remove">
                                <i class="bx bx-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        `;
        wrapper.appendChild(newItem);
    });

    // Add new link item for Footer Link 2
    document.getElementById('add-link-2-item')?.addEventListener('click', function() {
        const wrapper = document.getElementById('link_2_wrapper');
        const items = wrapper.querySelectorAll('.link-item-row');
        const newIndex = items.length;

        const newItem = document.createElement('div');
        newItem.className = 'link-item-row mb-2 p-3 border rounded';
        newItem.setAttribute('data-index', newIndex);
        newItem.innerHTML = `
            <div class="d-flex align-items-center gap-2">
                <span class="drag-handle-link cursor-move" style="cursor: move; font-size: 20px; color: #696cff;">☰</span>
                <div class="flex-grow-1">
                    <div class="row g-2">
                        <div class="col-md-6">
                            <input type="text" 
                                   name="link_2_items[${newIndex}][link]" 
                                   class="form-control" 
                                   placeholder="Enter Link URL (e.g., https://www.google.com)"
                                   value="">
                        </div>
                        <div class="col-md-5">
                            <input type="text" 
                                   name="link_2_items[${newIndex}][text]" 
                                   class="form-control" 
                                   placeholder="Enter Link Text (e.g., Google)"
                                   value="">
                        </div>
                        <div class="col-md-1">
                            <button type="button" class="btn btn-sm btn-danger remove-link-item" title="Remove">
                                <i class="bx bx-trash"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        `;
        wrapper.appendChild(newItem);
    });

    // Remove link item
    $(document).on('click', '.remove-link-item', function() {
        const item = $(this).closest('.link-item-row');
        const wrapper = item.closest('.sortable-links-wrapper');
        const wrapperId = wrapper.attr('id');
        
        item.remove();
        
        // Update indexes after removal
        if (wrapperId === 'link_1_wrapper') {
            updateLinkItemIndexes('link_1_wrapper', 'link_1_items');
        } else if (wrapperId === 'link_2_wrapper') {
            updateLinkItemIndexes('link_2_wrapper', 'link_2_items');
        }
    });

    // Convert link items to JSON before form submission
    $('form.ajax-form-admin').on('submit', function(e) {
        // Process Footer Link 1
        const link1Items = [];
        $('#link_1_wrapper .link-item-row').each(function() {
            const link = $(this).find('input[name*="[link]"]').val();
            const text = $(this).find('input[name*="[text]"]').val();
            if (link || text) {
                link1Items.push({
                    link: link || '',
                    text: text || ''
                });
            }
        });
        
        // Remove old inputs and add hidden input with JSON
        $('input[name^="link_1_items"]').remove();
        if (link1Items.length > 0) {
            $('<input>').attr({
                type: 'hidden',
                name: 'txt[link_1_content]',
                value: JSON.stringify(link1Items)
            }).appendTo($(this));
        } else {
            $('<input>').attr({
                type: 'hidden',
                name: 'txt[link_1_content]',
                value: JSON.stringify([])
            }).appendTo($(this));
        }

        // Process Footer Link 2
        const link2Items = [];
        $('#link_2_wrapper .link-item-row').each(function() {
            const link = $(this).find('input[name*="[link]"]').val();
            const text = $(this).find('input[name*="[text]"]').val();
            if (link || text) {
                link2Items.push({
                    link: link || '',
                    text: text || ''
                });
            }
        });
        
        // Remove old inputs and add hidden input with JSON
        $('input[name^="link_2_items"]').remove();
        if (link2Items.length > 0) {
            $('<input>').attr({
                type: 'hidden',
                name: 'txt[link_2_content]',
                value: JSON.stringify(link2Items)
            }).appendTo($(this));
        } else {
            $('<input>').attr({
                type: 'hidden',
                name: 'txt[link_2_content]',
                value: JSON.stringify([])
            }).appendTo($(this));
        }
    });
</script>
@endsection