@extends('reachassuree_agent/layouts.main')
@section('title', $data['title'])
@section('content')

<style>
    img#blah,
    img.general,
    img.loading,
    img#blah1,
    img#blah2,
    img#blah3,
    img#blah4{
        height: 70px;
        padding: 10px;
        border-radius: 14px;
        margin-bottom: 20px;
        border: 2px solid #c1c1c1;
        border-style: dashed;
    }
    #profileButton{
        width: 100%;
        display: block;
        background: white;
        padding: 0.5rem 1rem;
        border-radius: 0.6rem;
    }
    @media screen and (max-width:480px){
        .p-4{
            padding: 0.8rem !important;
        }
        .page-title-box{
            padding-bottom: 15px;
        }
    }
    .nav-justified .nav-item {
        margin: 0 10px 0 0;
        flex-basis: unset !important;
        -webkit-box-flex: unset !important;
    }

    .img-container img {
        max-width: 100%;
    }

    .achievementalert {
        margin-top: 20px;
    }

    a#profileButton:hover, 
    a.nav-link:hover, 
    .profileButton.active {
        color: #fff;
        background: var(--bs-blue);
    }
</style>
<link rel="stylesheet" href="https://fengyuanchen.github.io/cropperjs/css/cropper.css">

<div class="page-content">
    <div class="container-fluid">
        <!-- start page title -->
        @include('../reachassuree_agent/master/comman/header')

        <div class="row justify-content-end">
            <a href="javascript:void(0);" onclick="return learningVideo()" class="btn-youtube-pulse btn-youtube-pulse-border">
                <i class="mdi mdi-youtube"></i>
            </a>
        </div>

        <div class="btn-toolbar pb-4" role="toolbar">
            <ul class="nav nav-pills nav-justified" role="tablist">
                <li class="nav-item waves-effect waves-light">
                    <a id="profileButton" href="{{ route('profile') }}"><span class="d-none d-sm-block">Profile</span></a>
                </li>
                <li class="nav-item waves-effect waves-light">
                    <a class="nav-link active" data-bs-toggle="tab" id="general" href="#general_setting" role="tab" aria-selected="true"><span class="d-none d-sm-block">General</span></a>
                </li>
                <!-- <li class="nav-item waves-effect waves-light">
                    <a class="nav-link" data-bs-toggle="tab" id="loading" href="#loading_setting" role="tab" aria-selected="false"><span class="d-none d-sm-block">Loading</span></a>
                </li> -->
                {{-- <li class="nav-item waves-effect waves-light">
                    <a class="nav-link" data-bs-toggle="tab" id="header" href="#header_setting" role="tab" aria-selected="false"><span class="d-none d-sm-block">Header</span></a>
                </li> --}}
                <li class="nav-item waves-effect waves-light">
                    <a class="nav-link" data-bs-toggle="tab" id="social" href="#social_setting" role="tab" aria-selected="false"><span class="d-none d-sm-block">Social</span></a>
                </li>
                <li class="nav-item waves-effect waves-light">
                    <a class="nav-link" data-bs-toggle="tab" id="footer" href="#footer_setting" role="tab" aria-selected="false"><span class="d-none d-sm-block">Footer</span></a>
                </li>
                <li class="nav-item waves-effect waves-light">
                    <a class="nav-link" data-bs-toggle="tab" id="email" href="#email_setting" role="tab" aria-selected="false"><span class="d-none d-sm-block">Email</span></a>
                </li>
                <li class="nav-item waves-effect waves-light">
                    <a class="nav-link" data-bs-toggle="tab" id="google" href="#google_setting" role="tab" aria-selected="false"><span class="d-none d-sm-block">Google</span></a>
                </li>
                @if(Auth::user()->type == 1)
                <li class="nav-item waves-effect waves-light">
                    <a id="profileButton" href="{{ route('kyc.details') }}"><span class="d-none d-sm-block">KYC Details</span></a>
                </li>
                @endif
            </ul>
        </div>

        <div class="card p-2">
            <div class="card-body">
                <div class="tab-content">

                    <div class="tab-pane active" id="general_setting" role="tabpanel">
                        <form action="{{route('general.setting.save')}}" method="POST" id="formGeneralSetting" class="needs-validation" novalidate>
                            @csrf
                            {{-- <label class="label" data-toggle="tooltip" for="avatar" title="Crop your image ">
                                <img class="rounded" id="avatar" src="" name="avatar">
                            </label> --}}
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="setting_logo" class="form-label mt-3">Logo</label><br>
                                        <img src="{{$data['settings']['logo']}}" class="general" alt="" id="removeExistsImage" height="50px" width="auto">
                                        <img id="blah" src="#" alt="your image" height="50px" width="auto" style="margin-bottom: 20px;"/>
                                        <input type="file" multiple="false" accept="image/*" class="form-control" id="setting_logo" name="setting_logo" value="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="setting_favicon" class="form-label mt-3">Favicon</label><br>
                                        <img src="{{$data['settings']['favicon']}}" class="general" alt="" width="70px" id="removeExistsImage1">
                                        <img id="blah1" src="#" alt="your image" height="50px" width="50px" style="margin-bottom: 20px;"/>
                                        <input type="file" class="form-control" id="setting_favicon" name="setting_favicon"value="">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                {{-- <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="setting_application_name" class="form-label">Application Name</label>
                                        <input type="text" class="form-control" id="setting_application_name" name="setting_application_name" placeholder="Application name" value="{{$data['settings']['application_name']}}" required>
                                    </div>
                                </div> --}}
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_timezone" class="form-label">Timezone</label>
                                        <select name="setting_timezone" id="setting_timezone" class="form-select" required>
                                            <option value="">Select Timezone</option>
                                            @foreach (timezone_identifiers_list() as $key => $value)
                                                <option value="{{$value}}">{{$value}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            {{-- </div>

                            <div class="row"> --}}
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_default_language" class="form-label">Default Language</label>
                                        <select name="setting_default_language" id="setting_default_language" class="form-select" required>
                                            <option value="">Select Language</option>
                                            @foreach ($data['languages'] as $key => $value)
                                                <option value="{{$value->id}}">{{$value->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_currency" class="form-label">Currency</label>
                                        <input type="text" class="form-control" id="setting_currency" name="setting_currency" placeholder="Currency" value="{{$data['settings']['currency']}}" required>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-10">
                                    <div class="mb-3">
                                        <label for="setting_copyright" class="form-label">Copyright</label>
                                        <input type="text" class="form-control" name="setting_copyright" id="setting_copyright" placeholder="Copyright" value="{{$data['settings']['copyright']}}" required>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <label class="form-label extra_space">&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                    <button type="submit" class="form-control btn btn-primary" >Save Changes</button>
                                </div>
                            </div>
                        </form>
                    </div>

                    <!-- <div class="tab-pane" id="loading_setting" role="tabpanel">
                        <form action="{{route('loading.save')}}" method="POST" id="formLoading" class="needs-validation" novalidate>
                            @csrf
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="setting_loading_image1" class="form-label mt-3">Loading Image 1</label><br>
                                        <img src="{{$data['settings']['loading_image1']}}" class="loading"  alt="" id="removeExistsImage2">
                                        <img id="blah2" src="#" alt="your image" height="50px" style="margin-bottom: 20px;"/>
                                        <input type="file" class="form-control" id="setting_loading_image1" name="setting_loading_image1" >
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="setting_loading_image2" class="form-label mt-3">Loading Image 2</label><br>
                                        <img src="{{$data['settings']['loading_image2']}}" class="loading" alt="" id="removeExistsImage3">
                                        <img id="blah3" src="#" alt="your image" height="50px" style="margin-bottom: 20px;"/>
                                        <input type="file" class="form-control" id="setting_loading_image2" name="setting_loading_image2">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-10"></div>
                                <div class="col-md-2">
                                    <button type="submit" class="form-control btn btn-primary">Save Changes</button>
                                </div>
                            </div>
                        </form>
                    </div> -->

                    {{-- <div class="tab-pane" id="header_setting" role="tabpanel">
                        <form action="{{route('header.setting.save')}}" method="POST" id="formHeaderSetting" class="needs-validation" novalidate>
                            @csrf
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_topbar_slogan" class="form-label">Topbar Slogan</label>
                                    <input type="text" class="form-control" name="setting_topbar_slogan" id="setting_topbar_slogan" placeholder="Topbar slogan" value="{{$data['settings']['topbar_slogan']}}">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_left_contact_info_name" class="form-label">Left Contact Info Name</label>
                                        <input type="text" class="form-control" id="setting_left_contact_info_name" name="setting_left_contact_info_name" placeholder="Left contact info name" value="{{$data['settings']['left_contact_info_name']}}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_left_contact_info_mobile" class="form-label">Left Contact Info Mobile</label>
                                        <input type="text" class="form-control" id="setting_left_contact_info_mobile" name="setting_left_contact_info_mobile" placeholder="Left contact info mobile" onkeypress="isNumber(event)" maxlength="10" minlength="10" value="{{$data['settings']['left_contact_info_mobile']}}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_left_contact_info_email" class="form-label">Left Contact Info Email</label>
                                        <input type="text" class="form-control" id="setting_left_contact_info_email" name="setting_left_contact_info_email" placeholder="Left contact info email" value="{{$data['settings']['left_contact_info_email']}}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_right_contact_info_name" class="form-label">Right Contact Info Name</label>
                                        <input type="text" class="form-control" id="setting_right_contact_info_name" name="setting_right_contact_info_name" placeholder="Right contact info name" value="{{$data['settings']['right_contact_info_name']}}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_right_contact_info_mobile" class="form-label">Right Contact Info Mobile</label>
                                        <input type="text" class="form-control" id="setting_right_contact_info_mobile" name="setting_right_contact_info_mobile" placeholder="Right contact info mobile" onkeypress="isNumber(event)" maxlength="10" minlength="10" value="{{$data['settings']['right_contact_info_mobile']}}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_right_contact_info_email" class="form-label">Right Contact Info Email</label>
                                        <input type="text" class="form-control" id="setting_right_contact_info_email" name="setting_right_contact_info_email" placeholder="Right contact info email" value="{{$data['settings']['right_contact_info_email']}}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <label for="setting_right_side_logo" class="form-label">Right Side Logo</label>
                                    <img src="{{$data['settings']['right_side_logo']}}" class="generals" alt="" id="removeExistsImage4">
                                    <input type="file" class="form-control" id="setting_right_side_logo" name="setting_right_side_logo" value="">
                                </div>                               
                            </div>

                            <div class="row">
                                <div class="col-md-3">
                                    <img id="blah4" src="#" alt="your image" height="50px" style="margin-bottom: 20px; margin-top:20px;"/>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-10"></div>
                                <div class="col-md-2"><button type="submit" class="form-control btn btn-primary">Save Changes</button></div>
                            </div>
                        </form>
                    </div> --}}

                    <div class="tab-pane" id="social_setting" role="tabpanel">
                        <form action="{{route('social.save')}}" method="POST" id="formSocial" class="needs-validation" novalidate>
                            @csrf
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_facebook" class="form-label">Facebook</label>
                                    <input type="text" class="form-control" id="setting_facebook" name="setting_facebook" placeholder="Facebook link" value="{{$data['settings']['facebook']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_twitter" class="form-label">Twitter</label>
                                    <input type="text" class="form-control" id="setting_twitter" name="setting_twitter" placeholder="Twitter link" value="{{$data['settings']['twitter']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_google_plus" class="form-label">Google Plus</label>
                                    <input type="text" class="form-control" id="setting_google_plus" name="setting_google_plus" placeholder="Google plus link" value="{{$data['settings']['google_plus']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_youtube" class="form-label">Youtube</label>
                                    <input type="text" class="form-control" id="setting_youtube" name="setting_youtube" placeholder="Youtube link" value="{{$data['settings']['youtube']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_linkedin" class="form-label">LinkedIn</label>
                                    <input type="text" class="form-control" id="setting_linkedin" name="setting_linkedin" placeholder="LinkedIn link" value="{{$data['settings']['linkedin']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_instagram" class="form-label">Instagram</label>
                                    <input type="text" class="form-control" id="setting_instagram" name="setting_instagram" placeholder="Instagram link" value="{{$data['settings']['instagram']}}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-10"></div>
                                <div class="col-md-2"><button type="submit" class="form-control btn btn-primary">Save Changes</button></div>
                            </div>
                        </form>
                    </div>
                    
                    <div class="tab-pane" id="footer_setting" role="tabpanel">
                        <form action="{{route('footer.setting.save')}}" method="POST" id="formFooterSetting" class="needs-validation" novalidate>
                            @csrf
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_footer_aboutus" class="form-label">Footer About us</label>
                                    <input type="text" class="form-control" id="setting_footer_aboutus" name="setting_footer_aboutus" placeholder="Setting footer aboutus" value="{{$data['settings']['footer_aboutus']}}">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_get_in_touch_address" class="form-label">Get In Touch Address</label>
                                        <input type="text" class="form-control" id="setting_get_in_touch_address" name="setting_get_in_touch_address" placeholder="Get in touch address" value="{{$data['settings']['get_in_touch_address']}}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_get_in_touch_mobile" class="form-label">Get In Touch Mobile</label>
                                        <input type="text" class="form-control" id="setting_get_in_touch_mobile" name="setting_get_in_touch_mobile" placeholder="Get in touch mobile" value="{{$data['settings']['get_in_touch_mobile']}}" maxlength="10" onkeypress="isNumber(event);">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="mb-3">
                                        <label for="setting_get_in_touch_email" class="form-label">Get In Touch Email</label>
                                        <input type="text" class="form-control" id="setting_get_in_touch_email" name="setting_get_in_touch_email" placeholder="Get in touch email" value="{{$data['settings']['get_in_touch_email']}}">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-10"></div>
                                <div class="col-md-2"><button type="submit" class="form-control btn btn-primary" id="saveBtn">Save Changes</button></div>
                            </div>
                        </form>
                    </div>
                    
                    <div class="tab-pane" id="email_setting" role="tabpanel">
                        <form action="{{route('email.setting.save')}}" method="POST" id="formEmailSetting" class="needs-validation" novalidate>
                            @csrf
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_email_from" class="form-label">Email From/ Reply To</label>
                                    <input type="text" class="form-control" id="setting_email_from" name="setting_email_from" placeholder="no-reply@gmail.com" value="{{$data['settings']['email_from']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_smtp_host" class="form-label">SMTP Host</label>
                                    <input type="text" class="form-control" id="setting_smtp_host" name="setting_smtp_host" placeholder="SMTP host" value="{{$data['settings']['smtp_host']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_smtp_port" class="form-label">SMTP Port</label>
                                    <input type="text" class="form-control" id="setting_smtp_port" name="setting_smtp_port" placeholder="EX: 587" value="{{$data['settings']['smtp_port']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_smtp_user" class="form-label">SMTP User</label>
                                    <input type="text" class="form-control" id="setting_smtp_user" name="setting_smtp_user" placeholder="SMTP email" value="{{$data['settings']['smtp_email']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_smtp_password" class="form-label">SMTP Password</label>
                                    <input type="text" class="form-control" id="setting_smtp_password" name="setting_smtp_password" placeholder="SMTP password" value="{{$data['settings']['smtp_password']}}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-10"></div>
                                <div class="col-md-2"><button type="submit" class="form-control btn btn-primary">Save Changes</button></div>
                            </div>
                        </form>
                    </div>

                    <div class="tab-pane" id="google_setting" role="tabpanel">
                        <form action="{{route('google.setting.save')}}" method="POST" id="formGoogleSetting" class="needs-validation" novalidate>
                            @csrf
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_site_key" class="form-label">Site Key</label>
                                    <input type="text" class="form-control" id="setting_site_key" name="setting_site_key" placeholder="Site key" value="{{$data['settings']['site_key']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_secret_key" class="form-label">Secret Key</label>
                                    <input type="text" class="form-control" id="setting_secret_key" name="setting_secret_key" placeholder="Secret key" value="{{$data['settings']['secret_key']}}">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="setting_language_code" class="form-label">Language Code</label>
                                    <input type="text" class="form-control" id="setting_language_code" name="setting_language_code" placeholder="Language code" value="{{$data['settings']['language_code']}}">
                                    <a href="https://developers.google.com/recaptcha/docs/language" target="_blank">https://developers.google.com/recaptcha/docs/language</a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-10"></div>
                                <div class="col-md-2"><button type="submit" class="form-control btn btn-primary">Save Changes</button></div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('custom-scripts')
<script src="{{ asset('assets/libs/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ asset('assets/js/pages/form-validation.init.js') }}?v=2"></script>
<script src="{{ asset('assets/js/pages/jquery.form.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js"></script>

<script type="text/javascript">
    var lang = "{{$data['settings']['default_language']}}";
    var settingTime = "{{$data['settings']['timezone']}}";

    $(document).ready(function() {
        $('#setting_get_in_touch_mobile').on('input paste', function(){
            let value = $(this).val();

            // Remove leading zeros but keep "0" if it's the only digit
            value = notAllZeroAmt(value);

            // Set the cleaned value back to the input field
            $(this).val(value);            
        });

        $('#blah , #blah1 , #blah2 , #blah3 , #blah4').hide();
        
        setActiveTabFromURL();

        $("#setting_default_language").select2({ minimumResultsForSearch: Infinity });
    
        $("#setting_timezone").select2({ minimumResultsForSearch: Infinity });
        
        $("#setting_default_language").select2("val", ""+lang+"");
        $("#setting_timezone").val(settingTime).trigger("change");

        setting_logo.onchange = evt => {
            $('#blah').show();
            const [file] = setting_logo.files
            if (file) {
                blah.src = URL.createObjectURL(file)
            }
            $('#removeExistsImage').remove();
        }

        setting_favicon.onchange = evt => {
            $('#blah1').show();
            const [file] = setting_favicon.files
            if (file) {
                blah1.src = URL.createObjectURL(file)
            }
            $('#removeExistsImage1').remove();
        }

        // setting_loading_image1.onchange = evt => {
        //     $('#blah2').show();
            
        //     const [file] = setting_loading_image1.files
        //     if (file) {
        //         blah2.src = URL.createObjectURL(file)
        //     }
        //     $('#removeExistsImage2').remove();
        // }
    
        // setting_loading_image2.onchange = evt => {
        //     $('#blah3').show();
            
        //     const [file] = setting_loading_image2.files
        //     if (file) {
        //         blah3.src = URL.createObjectURL(file)
        //     }
        //     $('#removeExistsImage3').remove();
        // }
        
        // setting_right_side_logo.onchange = evt => {
        //     $('#blah4').show();

        //     const [file] = setting_right_side_logo.files
        //     if (file) {
        //         blah4.src = URL.createObjectURL(file)
        //     }
        //     $('#removeExistsImage4').remove();
        // }

        $("#setting_get_in_touch_email").on("keyup", function() {
            var email = $(this).val();

            if(email != '' && email != null){
                if (!validateEmail(email)) {
                    $(this).addClass("is-invalid");
                    $("#saveBtn").attr('disabled',true);
                } else {
                    $(this).removeClass("is-invalid");
                    $("#saveBtn").attr('disabled',false);
                }
            }else{
                $(this).removeClass("is-invalid");
                $("#saveBtn").attr('disabled',false);
            }
        });
        
        var options = {
            beforeSubmit: showRequest,
            success: showResponse
        }
        
        $('#formProfile , #formGeneralSetting , #formLoading , #formHeaderSetting , #formSocial , #formFooterSetting , #formEmailSetting , #formGoogleSetting').submit(function() {
            $(this).ajaxSubmit(options);
            return false;
        });
    });

    function showRequest(formData, jqForm, options) {
        showLoader();

        var queryString = $.param(formData);
        return true;
    }

    function showResponse(responseText, statusText, xhr, $form) {
        hideLoader();

        if (responseText['status'] == 1) {
            if(responseText['is_upload'] == 1){
                window.location.reload();
            }

            toastr["success"](responseText['msg']);
            $("#"+$form[0].id+"").removeClass('was-validated');

            $("#setting_get_in_touch_address").removeClass("is-invalid");

            $("#setting_logo").attr("src","{{$data['settings']['logo']}}");
            $("#setting_favicon").attr("src","{{$data['settings']['favicon']}}");
            // $("#setting_loading_image1").attr("src","{{$data['settings']['loading_image1']}}");
            // $("#setting_loading_image2").attr("src","{{$data['settings']['loading_image2']}}");
            $("#setting_right_side_logo").attr("src","{{$data['settings']['right_side_logo']}}");
            
        } else if (responseText['status'] == 0) {
            // toastr["error"](responseText['msg']);
            if (typeof responseText['data'] !== "undefined") {

                var size = Object.keys(responseText['data']).length;
                if (size > 0) {
                    for (var [key, value] of Object.entries(responseText['data'])) {
                        toastr["error"](value);
                    }
                }
            }else {
                toastr["error"](responseText['msg']);
            }

            if(responseText['msg'] == "Please enter valid & proper address"){
                $("#setting_get_in_touch_address").val('').addClass('is-invalid');
                $("#formFooterSetting").removeClass('was-validated');
            }
        }
    }

    function setActiveTabFromURL() {
        const url = new URL(window.location.href);
        const tabId = url.searchParams.get('type');

        if (tabId) {
            $('.nav-link, .tab-content .tab-pane').removeClass('active');
            $('#' + tabId).addClass('active');
            $('#' + tabId + '_setting').addClass('active');
        }
    }

    $('.nav-link').on('click', function(event) {
        event.preventDefault();
        const href = $(this).attr('href');

        $('.tab-content .tab-pane').removeClass('active');
        $(href).addClass('active');
        $('.nav-link').removeClass('active');
        $(this).addClass('active');
        updateURLWithActiveTabId();
    });

    function updateURLWithActiveTabId() {
        const activeTab = $('.nav-link.active');

        if (activeTab.length > 0) {
            const tabId = activeTab.attr('id');
            const currentUrl = window.location.href;
            const url = new URL(currentUrl);
            url.searchParams.set('type', tabId);
            
            history.replaceState(null, null, url.toString());
        }
    }
</script>
@endsection