@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;
    }
</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>
                                @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)
                                    <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>
                                        <textarea name="txt[link_1_content]" id="link_1_content" class="form-control ckeditor">
                                            {{ $txt['link_1_content'] ?? '' }}
                                        </textarea>
                                    </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>
                                        <textarea name="txt[link_2_content]" id="link_2_content" class="form-control ckeditor">
                                            {{ $txt['link_2_content'] ?? '' }}
                                        </textarea>
                                    </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>
                                    <p class="mt-3 page-heading"><b>Footer Copyright Text</b></p>
                                    <div class="form-group">
                                        <label class="form-label">Content</label>
                                        <textarea name="txt[footer_copyright_content]" id="footer_copyright_content" class="form-control"  rows="5">
                                            {{ $txt['footer_copyright_content'] ?? '' }}
                                        </textarea>
                                    </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
                                    @while(!empty($txt["social_media_icons_$j"]) || !empty($txt["social_media_icons_$j"]))
                                        <div class="form-group mt-3 d-flex align-items-center gap-3 slogan-row">
                                            <img id="slogan_image_{{ $j }}" src="{{ asset($txt["social_media_icons_$j"]) }}"
                                                class="thumbnail-image-100" style="width: 60px; height: auto;">

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

                                            <input type="text" name="txt[social_media_icons_input_{{ $j }}]"
                                                class="form-control w-50"
                                                placeholder="Enter slogan"
                                                value="{{ $txt["social_media_icons_input_$j"] }}">
                                                
                                             <input type="text" name="txt[social_media_icons_alt_input_{{ $j }}]"
                                                class="form-control w-50"
                                                placeholder="Enter image Alt"
                                                value="{{ $txt["social_media_icons_alt_input_$j"] }}">

                                            <button type="button"
                                                    class="btn btn-primary open-svg-modal"
                                                    data-bs-toggle="modal"
                                                    data-bs-target="#svgModal"
                                                    data-img-id="slogan_image_{{ $j }}"
                                                    data-input-id="selected_slogan_icon_{{ $j }}">
                                                Choose Icon
                                            </button>
                                        </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 d-flex align-items-center gap-3 slogan-row d-none" id="social-media-icons-template">
                                    <img id="social_media_image_INDEX" src="" class="thumbnail-image-100" style="width: 60px; height: auto;">

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

                                    <input type="text" name="txt[social_media_icons_input_INDEX]" class="form-control w-50" placeholder="Enter Social Media">

                                    <input type="text" name="txt[social_media_icons_alt_input_INDEX]" class="form-control w-50" placeholder="Enter Image Alt">

                                    <button type="button" class="btn btn-primary open-svg-modal"
                                            data-bs-toggle="modal"
                                            data-bs-target="#svgModal"
                                            data-img-id="social_media_image_INDEX"
                                            data-input-id="social_media_icons_INDEX">
                                        Choose Icon
                                    </button>
                                </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>
@endsection