@extends('layouts.master')
@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/animate.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/select2.css') }}">
@endsection

@section('breadcrumb')
    <div class="header-logo-wrapper col-auto">
        <div class="logo-wrapper"><a href="{{ route('admin.dashboard') }}"><img class="img-fluid for-light"
                    src="{{ asset('assets/images/logo/logo.png') }}" alt="" /><img class="img-fluid for-dark"
                    src="{{ asset('assets/images/logo/logo_light.png') }}" alt="" /></a></div>
    </div>
    <div class="col-4 col-xl-4 page-title">
        <h4 class="f-w-700">Landing Page</h4>
        <nav>
            <ol class="breadcrumb justify-content-sm-start align-items-center mb-0">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}"> <i data-feather="home"> </i></a></li>
                <li class="breadcrumb-item f-w-400">Settings
                </li>
                <li class="breadcrumb-item f-w-400 active">Landing Page</li>
            </ol>
        </nav>
    </div>
@endsection

@section('main_content')
    <div class="container-fluid basic_table landing_page">
        <div class="card">
            <div class="card-header">
                <h4>Landing Page</h4>
            </div>
            <div class="row landing-page-con w-100">
                <div class="col-xxl-3 box-col-12 pe-0 left-sidebar">
                    <div class="md-sidebar sticky-sidebar">
                            <div class="job-left-aside custom-scrollbar">
                                <div class="file-sidebar">
                                    <div class="card">
                                        <div class="card-body">
                                            <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                                                <ul class="custom-scrollbar">
                                                    <li>
                                                        <a class="nav-link btn main active" id="Header_Section_tab" data-bs-toggle="pill"
                                                            href="#Header_Section" role="tab" aria-controls="v-pills-settings"
                                                            aria-selected="false"><i data-feather="sliders"></i>Header
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link main btn" id="Home_Section_tab" data-bs-toggle="pill"
                                                            href="#Home_Section" role="tab" aria-controls="v-pills-settings"
                                                            aria-selected="false"><i data-feather="home"></i>Home
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link main btn" id="Application_Section_tab" data-bs-toggle="pill"
                                                            href="#Application_Section" role="tab" aria-controls="v-pills-settings"
                                                            aria-selected="false"><i data-feather="box"></i>Applications
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link main btn" id="Framework_Section_tab" data-bs-toggle="pill"
                                                            href="#Framework_Section" role="tab" aria-controls="v-pills-settings"
                                                            aria-selected="false"><i data-feather="grid"></i>Frameworks
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link main btn" id="Core_Feature_Section_tab" data-bs-toggle="pill"
                                                            href="#Core_Feature_Section" role="tab" aria-controls="v-pills-settings"
                                                            aria-selected="false"><i data-feather="list"></i>Core Feature
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="nav-link main btn" id="Footer_Section_tab" data-bs-toggle="pill"
                                                            href="#Footer_Section" role="tab" aria-controls="v-pills-settings"
                                                            aria-selected="false"><svg class="stroke-icon">
                                                            <use href="/assets/svg/icon-sprite.svg#footer_icon"></use>
                                                        </svg>Footer
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <div class="col-xxl-9 col-md-12 box-col-12">
                    <form method="POST" class="needs-validation user-add" id="LandingPageForm"
                        action="{{ route('admin.landing.update', $id) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="tab-content w-100" id="v-pills-tabContent">
                            <div class="tab-pane main fade show active" id="Header_Section" role="tabpanel"
                                aria-labelledby="app_settings" tabindex="0">
                                <div class="card">
                                    <div class="card-body">
                                        <div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[logo]">
                                                        Logo <span class="text-danger">*</span>
                                                        <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                            data-bs-placement="bottom" data-bs-html="true"
                                                            data-bs-title="<img src='{{ asset('assets/images/tooltip/header-section/logo.png') }}' height=250px;>"></i>
                                                    </label>
                                                    <div class="col-md-10">
                                                        <div class="form-group">
                                                            <input type="file" class="form-control fileInput"
                                                                name="header[logo]">
                                                            @error('header[logo]')
                                                                 <span class="invalid-feedback d-block" role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                             <span class="help-text">*Upload image size 100×35px
                                                                recommended</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                @if (isset($content['header']['logo']) && !empty($content['header']['logo']))
                                                    <div class="form-group row mb-3">
                                                        <div class="col-md-2"></div>
                                                        <div class="col-md-10 mb-3">
                                                            <div class="image-list">
                                                                <div class="image-list-detail">
                                                                    <div class="position-relative">
                                                                        <img src="{{ asset($content['header']['logo']) }}"
                                                                            height="40px"
                                                                            id="{{ $content['header']['logo'] }}"
                                                                            alt="Logo Image" class="image-list-item">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="form-group row">
                                                    <label class="col-md-2" for="header[menus]">Header Menus <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <div class="d-flex flex-wrap">
                                                            <select class="js-menu-placeholder-multiple col-sm-12"
                                                                multiple="multiple" name="header[menus][]">
                                                                <option value="Home"
                                                                    @if (in_array('Home', @$content['header']['menus'] ?? [])) selected @endif>Home
                                                                </option>
                                                                <option value="Applications"
                                                                    @if (in_array('Applications', @$content['header']['menus'] ?? [])) selected @endif>
                                                                    Applications
                                                                </option>
                                                                <option value="Frameworks"
                                                                    @if (in_array('Frameworks', @$content['header']['menus'] ?? [])) selected @endif>Frameworks
                                                                </option>
                                                                <option value="Core Feature"
                                                                    @if (in_array('Core Feature', @$content['header']['menus'] ?? [])) selected @endif>Core
                                                                    Feature
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card">
                                            <div class="card-header">
                                                <h5 class="card-title txt-primary">
                                                    Link 1
                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                        data-bs-placement="bottom" data-bs-html="true"
                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/header-section/link1-img.png') }}' height=250px;>"></i>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[links][text1]">Text <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="header[links][text1]"
                                                            value="{{ @$content['header']['links']['text1'] ?? old('header[links][text1]') }}"
                                                            placeholder="Enter Link Text">
                                                        @error('header[links][text1]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[links][url1]">URL <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text" name="header[links][url1]"
                                                            value="{{ @$content['header']['links']['url1'] ?? old('header[links][url1]') }}"
                                                            placeholder="Enter Redirect Url">
                                                        @error('header[links][url1]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card mt-3">
                                            <div class="card-header">
                                                <h5 class="card-title txt-primary">
                                                    Link 2
                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                        data-bs-placement="bottom" data-bs-html="true"
                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/header-section/link2-img.png') }}' height=250px;>"></i>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[links][text2]">Text <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="header[links][text2]"
                                                            value="{{ @$content['header']['links']['text2'] ?? old('header[links][text2]') }}"
                                                            placeholder="Enter Link Text">
                                                        @error('header[links][text2]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[links][url2]">URL <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text" name="header[links][url2]"
                                                            value="{{ @$content['header']['links']['url2'] ?? old('header[links][url2]') }}"
                                                            placeholder="Enter Redirect Url">
                                                        @error('header[links][url2]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="card">
                                            <div class="card-header">
                                                <h5 class="card-title txt-primary">
                                                    Button
                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                        data-bs-placement="bottom" data-bs-html="true"
                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/header-section/button-img.png') }}' height=250px;>"></i>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[btn_text]">Text <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text" name="header[btn_text]"
                                                            id=""
                                                            value="{{ @$content['header']['btn_text'] ?? old('header[btn_text]') }}"
                                                            placeholder="Enter Button Text">
                                                        @error('header[btn_text]')
                                                             <span class="text-danger invalid-feedback d-block" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="header[btn_url]">Url <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text" name="header[btn_url]"
                                                            id=""
                                                            value="{{ @$content['header']['btn_url'] ?? old('header[btn_url]') }}"
                                                            placeholder="Enter Redirect Url">
                                                        @error('header[btn_url]')
                                                             <span class="invalid-feedback d-block" role="alert">
                                                                <strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text-end">
                                            <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane main fade" id="Home_Section" role="tabpanel"
                                aria-labelledby="home_Settings" tabindex="1">
                                <div class="col-sm-12 ">
                                    <div class="card height-equal">
                                        <div class="card-body">
                                            <ul class="simple-wrapper nav nav-tabs border-tab border-1 nav-primary mb-5 custom-scrollbar"
                                                id="pills-tab" role="tablist">
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home.png') }}' height=200px;>">
                                                    <a class="nav-link active" id="home_tab" data-bs-toggle="pill"
                                                        href="#home" role="tab" aria-controls="pills-aboutus"
                                                        aria-selected="true">Home</a>
                                                </li>
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/crud.png') }}' height=200px;>">
                                                    <a class="nav-link" id="crud_tab" data-bs-toggle="pill"
                                                        href="#crud" role="tab" aria-controls="pills-contactus"
                                                        aria-selected="false">Laravel Crud</a>
                                                </li>
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/layout.png') }}' height=200px;>">
                                                    <a class="nav-link" id="layout_tab" data-bs-toggle="pill"
                                                        href="#layout" role="tab" aria-controls="pills-contactus"
                                                        aria-selected="false">Layouts</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content" id="pills-tabContent">
                                                <div class="tab-pane fade show active" id="home" role="tabpanel"
                                                    aria-labelledby="home_tab">
                                                    <div class="card-body">
                                                        <div class="form-group row mb-3">
                                                            <label for="home[title]" class="col-md-2">Title <span
                                                                    class="txt-danger">*</span>
                                                                <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/home-title.png') }}' height=250px;>"></i>    
                                                            </label>
                                                            <div class="col-md-10 mb-3 d-flex flex-column">
                                                                <textarea class="form-control email-content" placeholder="Enter Title" rows="4" id="home[title]"
                                                                    name="home[title]" cols="50">{{ $content['home']['title'] ?? old('home[title]') }}</textarea>
                                                                @error('home[title]')
                                                                     <span class="invalid-feedback d-block" role="alert">
                                                                        <strong>{{ $message }}</strong>
                                                                    </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="home[sub_title][image]">
                                                                Image <span class="txt-danger">*</span>
                                                                <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/sub-title-img.png') }}' height=250px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <input type="file"
                                                                        class="form-control fileInput"
                                                                        name="home[sub_title][image]">
                                                                    @error('home[sub_title][image]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                     <span class="help-text">*Upload image size
                                                                        32×32px
                                                                        recommended</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            @if (isset($content['home']['sub_title']['image']) && !empty($content['home']['sub_title']['image']))
                                                                <div class="col-md-2"></div>
                                                                <div class="col-md-10 mb-3">
                                                                    <div class="image-list">
                                                                        <div class="image-list-detail">
                                                                            <div class="position-relative">
                                                                                <img src="{{ asset(@$content['home']['sub_title']['image']) }}"
                                                                                    height="50px"
                                                                                    id="{{ @$content['home']['sub_title']['image'] }}"
                                                                                    alt="Screen Image">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="home[sub_title][text]">Sub
                                                                Title <span class="txt-danger">*</span>
                                                                <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/home-sub-title.png') }}' height=250px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <input type="text" class="form-control"
                                                                    name="home[sub_title][text]"
                                                                    value="{{ @$content['home']['sub_title']['text'] ?? old('home[sub_title][text]') }}"
                                                                    placeholder="Enter Sub Title">
                                                                @error('home[sub_title][text]')
                                                                     <span class="invalid-feedback d-block"
                                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2"
                                                                for="home[description]">Description</label>
                                                            <div class="col-md-10">
                                                                <textarea class="form-control" name="home[description]" placeholder="Enter Description">{{ $content['home']['description'] ?? old('home[description]') }}</textarea>
                                                                @error('home[description]')
                                                                     <span class="invalid-feedback d-block"
                                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="home[main_img]">
                                                                Image <span class="txt-danger">* </span><i
                                                                    class="icon-help-alt" data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/main-img.png') }}' height=250px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <input type="file"
                                                                        class="form-control fileInput"
                                                                        name="home[main_img]">
                                                                    @error('home[main_img]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                     <span class="help-text">*Upload image size
                                                                        766×676px
                                                                        recommended</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            @if (isset($content['home']['main_img']) && !empty($content['home']['main_img']))
                                                                <div class="col-md-2"></div>
                                                                <div class="col-md-10 mb-3">
                                                                    <div class="image-list">
                                                                        <div class="image-list-detail">
                                                                            <div class="position-relative">
                                                                                <img src="{{ asset(@$content['home']['main_img']) }}"
                                                                                    height="100px"
                                                                                    id="{{ @$content['home']['main_img'] }}"
                                                                                    alt="Screen Image">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="home[top_img]">
                                                                Image <span class="txt-danger">*
                                                                </span><i class="icon-help-alt"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/top-img.png') }}' height=250px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <input type="file"
                                                                        class="form-control fileInput"
                                                                        name="home[top_img]">
                                                                    @error('home[top_img]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                     <span class="help-text">*Upload image size
                                                                        294×136px
                                                                        recommended</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            @if (isset($content['home']['top_img']) && !empty($content['home']['top_img']))
                                                                <div class="col-md-2"></div>
                                                                <div class="col-md-10 mb-3">
                                                                    <div class="image-list">
                                                                        <div class="image-list-detail">
                                                                            <div class="position-relative">
                                                                                <img height="80px"
                                                                                    src="{{ asset(@$content['home']['top_img']) }}"
                                                                                    alt="Current Logo">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="home[bottom_img]">
                                                                Image <span class="txt-danger">*
                                                                </span><i class="icon-help-alt"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/bottom-img.png') }}' height=250px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <input type="file"
                                                                        class="form-control fileInput"
                                                                        name="home[bottom_img]">
                                                                    @error('home[bottom_img]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                     <span class="help-text">*Upload image size
                                                                        281×150px
                                                                        recommended</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            @if (isset($content['home']['bottom_img']) && !empty($content['home']['bottom_img']))
                                                                <div class="col-md-2"></div>
                                                                <div class="col-md-10 mb-3">
                                                                    <div class="image-list">
                                                                        <div class="image-list-detail">
                                                                            <div class="position-relative">
                                                                                <img height="80px"
                                                                                    src="{{ asset(@$content['home']['bottom_img']) }}"
                                                                                    alt="Current Logo">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            @endif
                                                        </div>
                                                        <div class="card">
                                                            <div class="card-header">
                                                                <h5 class="card-title txt-primary">
                                                                    Left Side Button
                                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                                        data-bs-placement="bottom" data-bs-html="true"
                                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/btn1-img.png') }}' height=250px;>"></i>
                                                                </h5>
                                                            </div>
                                                            <div class="card-body">
                                                                <div class="form-group row mb-3">
                                                                    <label class="col-md-2" for="home[buttons][btn_img]">
                                                                        Image <span class="txt-danger">*
                                                                        </span>
                                                                    </label>
                                                                    <div class="col-md-10">
                                                                        <div class="form-group">
                                                                            <input type="file"
                                                                                class="form-control fileInput"
                                                                                name="home[buttons][btn_img]">
                                                                            @error('home[buttons][btn_img]')
                                                                                 <span class="invalid-feedback d-block"
                                                                                    role="alert">
                                                                                    <strong>{{ $message }}</strong>
                                                                                </span>
                                                                            @enderror
                                                                             <span class="help-text">*Upload image size
                                                                                68×68px
                                                                                recommended</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row mb-3">
                                                                    @if (isset($content['home']['buttons']['btn_img']) && !empty($content['home']['buttons']['btn_img']))
                                                                        <div class="col-md-2"></div>
                                                                        <div class="col-md-10 mb-3">
                                                                            <div class="image-list">
                                                                                <div class="image-list-detail">
                                                                                    <div class="position-relative">
                                                                                        <img height="50px"
                                                                                            src="{{ asset(@$content['home']['buttons']['btn_img']) }}"
                                                                                            alt="Button Image">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                                <div class="form-group row mb-3">
                                                                    <label class="col-md-2" for="home[buttons][btn_img_url]">Url <span
                                                                            class="text-danger">*</span></label>
                                                                    <div class="col-md-10">
                                                                        <input class="form-control" type="text"
                                                                            name="home[buttons][btn_img_url]"
                                                                            value="{{ @$content['home']['buttons']['btn_img_url'] ?? old('home[buttons][btn_img_url]') }}"
                                                                            placeholder="Enter Redirect Url">
                                                                        @error('home[buttons][btn_img_url]')
                                                                             <span class="invalid-feedback d-block"
                                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="card">
                                                            <div class="card-header">
                                                                <h5 class="card-title txt-primary">
                                                                    Right Side Button
                                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                                        data-bs-placement="bottom" data-bs-html="true"
                                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/btn2-img.png') }}' height=250px;>"></i>
                                                                </h5>
                                                            </div>
                                                            <div class="card-body">
                                                                <div class="form-group row mb-3">
                                                                    <label class="col-md-2" for="home[buttons][btn_text]">Text <span
                                                                            class="text-danger">*</span></label>
                                                                    <div class="col-md-10">
                                                                        <input class="form-control" type="text"
                                                                            name="home[buttons][btn_text]"
                                                                            value="{{ @$content['home']['buttons']['btn_text'] ?? old('home[buttons][btn_text]') }}"
                                                                            placeholder="Enter Right Side Button Text">
                                                                        @error('home[buttons][btn_text]')
                                                                             <span class="invalid-feedback d-block"
                                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                                <div class="form-group row mb-3">
                                                                    <label class="col-md-2" for="home[buttons][btn_url]">Url <span
                                                                            class="text-danger">*</span></label>
                                                                    <div class="col-md-10">
                                                                        <input class="form-control" type="text"
                                                                            name="home[buttons][btn_url]"
                                                                            value="{{ @$content['home']['buttons']['btn_url'] ?? old('home[buttons][btn_url]') }}"
                                                                            placeholder="Enter Redirect Url">
                                                                        @error('home[buttons][btn_url]')
                                                                             <span class="invalid-feedback d-block"
                                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                                        @enderror
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="text-end">
                                                            <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                        </div>                                                     
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="crud" role="tabpanel"
                                                    aria-labelledby="pills-contactus-tab">
                                                            <div class="form-group row mb-3">
                                                                <label class="col-md-2" for="home[cruds][title]">Title <span
                                                                        class="text-danger">*</span>
                                                                    <i class="icon-help-alt"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/crud-title.png') }}' height=250px;>"></i>    
                                                                </label>
                                                                <div class="col-md-10">
                                                                    <input class="form-control" type="text"
                                                                        name="home[cruds][title]"
                                                                        value="{{ @$content['home']['cruds']['title'] ?? old('home[cruds][title]') }}"
                                                                        placeholder="Enter Title">
                                                                    @error('home[cruds][title]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert"><strong>{{ $message }}</strong></span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="form-group row mb-3">
                                                                <label class="col-md-2" for="home[cruds][sub_title]">Sub
                                                                    Title
                                                                    <i class="icon-help-alt"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/crud-sub-title.png') }}' height=250px;>"></i>
                                                                </label>
                                                                <div class="col-md-10">
                                                                    <input class="form-control" type="text"
                                                                        name="home[cruds][sub_title]"
                                                                        value="{{ @$content['home']['cruds']['sub_title'] ?? old('home[cruds][sub_title]') }}"
                                                                        placeholder="Enter Sub Title">
                                                                    @error('home[cruds][sub_title]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert"><strong>{{ $message }}</strong></span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="form-group row mb-3">
                                                                <label class="col-md-2"
                                                                    for="home[cruds][description]">Description</label>
                                                                <div class="col-md-10">
                                                                    <textarea class="form-control" name="home[cruds][description]" placeholder="Enter Description">{{ @$content['home']['cruds']['description'] ?? old('home[cruds][description]') }}</textarea>
                                                                    @error('home[cruds][description]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert"><strong>{{ $message }}</strong></span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                    <div class="accordion" id="crudBannersAccordion">
                                                        @foreach ($content['home']['cruds']['crud_banners'] ?? [] as $index => $banner)
                                                            @include('admin.landing.crud_banner', [
                                                                'index' => $index,
                                                                'banner' => $banner,
                                                            ])
                                                        @endforeach
                                                    </div>

                                                    <div class="text-end">
                                                        <button type="button" id="addCrudBanner" class="btn btn-primary mt-3">Add Crud Banner</button>
                                                    </div>
                                                    <div class="text-end mt-2">
                                                        <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                    </div>
                                                    <template id="crudBannerTemplate">
                                                        @include('admin.landing.crud_banner', [
                                                            'index' => '__INDEX__',
                                                            'banner' => null,
                                                        ])
                                                    </template>
                                                </div>
                                                <div class="tab-pane fade" id="layout" role="tabpanel"
                                                    aria-labelledby="pills-contactus-tab">
                                                            <div class="form-group row mb-3">
                                                                <label class="col-md-2" for="home[dashboard][title]">Title <span
                                                                        class="text-danger">*</span>
                                                                    <i class="icon-help-alt"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/layout-title.png') }}' height=200px;>"></i>    
                                                                </label>
                                                                <div class="col-md-10">
                                                                    <input class="form-control" type="text"
                                                                        name="home[dashboard][title]"
                                                                        value="{{ @$content['home']['dashboard']['title'] ?? old('home[dashboard][title]') }}"
                                                                        placeholder="Enter Title">
                                                                    @error('home[dashboard][title]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert"><strong>{{ $message }}</strong></span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="form-group row mb-3">
                                                                <label class="col-md-2" for="home[dashboard][sub_title]">Sub
                                                                    Title
                                                                    <i class="icon-help-alt"
                                                                    data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/home-section/layout-sub-title.png') }}' height=200px;>"></i>
                                                                </label>
                                                                <div class="col-md-10">
                                                                    <input class="form-control" type="text"
                                                                        name="home[dashboard][sub_title]"
                                                                        value="{{ @$content['home']['dashboard']['sub_title'] ?? old('home[dashboard][sub_title]') }}"
                                                                        placeholder="Enter Sub Title">
                                                                    @error('home[dashboard][sub_title]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert"><strong>{{ $message }}</strong></span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="form-group row mb-3">
                                                                <label class="col-md-2"
                                                                    for="home[dashboard][description]">Description</label>
                                                                <div class="col-md-10">
                                                                    <textarea class="form-control" name="home[dashboard][description]" placeholder="Enter Description">{{ @$content['home']['dashboard']['description'] ?? old('home[dashboard][description]') }}</textarea>
                                                                    @error('home[dashboard][description]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert"><strong>{{ $message }}</strong></span>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                    <div class="accordion" id="layoutBannersAccordion">
                                                        @foreach ($content['home']['dashboard']['banners'] ?? [] as $index => $banner)
                                                            @include('admin.landing.layout_banner', [
                                                                'index' => $index,
                                                                'banner' => $banner,
                                                            ])
                                                        @endforeach
                                                    </div>
                                                    <div class="text-end">
                                                        <button type="button" id="addLayoutBanner" class="btn btn-primary mt-3">Add Layout Banner</button>
                                                    </div>
                                                    <div class="text-end mt-2">
                                                        <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                    </div>
                                                    <template id="layoutBannerTemplate">
                                                        @include('admin.landing.layout_banner', [
                                                            'index' => '__INDEX__',
                                                            'banner' => null,
                                                        ])
                                                    </template>
                                                </div>
                                            </div>                                       
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane main fade" id="Application_Section" role="tabpanel"
                                aria-labelledby="app_settings" tabindex="0">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="form-group row mb-3">
                                            <label class="col-md-2" for="application[title]">Title <span
                                                    class="text-danger">*</span>
                                                <i class="icon-help-alt"
                                                    data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/application-title.png') }}' height=250px;>"></i>    
                                            </label>
                                            <div class="col-md-10">
                                                <input class="form-control" type="text" name="application[title]"
                                                    value="{{ @$content['application']['title'] ?? old('application[title]') }}"
                                                    placeholder="Enter Title">
                                                @error('application[title]')
                                                     <span class="invalid-feedback d-block"
                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row mb-3">
                                            <label class="col-md-2" for="application[sub_title]">Sub
                                                Title
                                                <i class="icon-help-alt"
                                                    data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/application-sub-title.png') }}' height=250px;>"></i>
                                            </label>
                                            <div class="col-md-10">
                                                <input class="form-control" type="text"
                                                    name="application[sub_title]"
                                                    value="{{ @$content['application']['sub_title'] ?? old('application[sub_title]') }}"
                                                    placeholder="Enter Sub Title">
                                                @error('application[sub_title]')
                                                     <span class="invalid-feedback d-block"
                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="form-group row mb-3">
                                            <label class="col-md-2" for="application[description]">Description</label>
                                            <div class="col-md-10">
                                                <textarea class="form-control" name="application[description]" placeholder="Enter Description">{{ @$content['application']['description'] ?? old('application[description]') }}</textarea>
                                                @error('application[description]')
                                                     <span class="invalid-feedback d-block"
                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                @enderror
                                            </div>
                                        </div>
                                        <div class="accordion" id="applicationBannersAccordion">
                                            @foreach ($content['application']['banners'] ?? [] as $index => $banner)
                                                @include('admin.landing.application_banners', [
                                                    'index' => $index,
                                                    'banner' => $banner,
                                                ])
                                            @endforeach
                                        </div>
                                        <div class="text-end">
                                            <button type="button" id="addApplicationBanner"
                                                class="btn btn-primary mt-3">Add
                                                Application Banner</button>
                                        </div>
                                        <div class="text-end mt-2">
                                            <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                        </div>
                                        <template id="applicationBannerTemplate">
                                            @include('admin.landing.application_banners', [
                                                'index' => '__INDEX__',
                                                'banner' => null,
                                            ])
                                        </template>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane main fade" id="Framework_Section" role="tabpanel"
                                aria-labelledby="home_Settings" tabindex="1">
                                <div class="col-sm-12 ">
                                    <div class="card height-equal">
                                        <div class="card-body">
                                            <ul class="simple-wrapper nav nav-tabs border-tab border-1 nav-primary mb-5 custom-scrollbar"
                                                id="pills-tab" role="tablist">
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset(path: 'assets/images/tooltip/framework.png') }}' height=200px;>">
                                                    <a class="nav-link active" id="framework_tab" data-bs-custom-class="hide-tooltip"
                                                        data-bs-toggle="pill" href="#framework" role="tab"
                                                        aria-controls="pills-aboutus"
                                                        aria-selected="true">Framework</a>
                                                </li>
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/customer-support.png') }}' height=150px;>">
                                                    <a class="nav-link" id="customer_support_tab"
                                                        data-bs-toggle="pill" href="#customer_support" role="tab" 
                                                        aria-controls="pills-contactus" aria-selected="false">Customer
                                                        Support</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content" id="pills-tabContent">
                                                <div class="tab-pane fade show active" id="framework" role="tabpanel"
                                                    aria-labelledby="pills-contactus-tab">
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2" for="frameworks']['title']">Title <span
                                                                class="text-danger">*</span>
                                                            <i class="icon-help-alt"
                                                                data-bs-toggle="tooltip"
                                                                data-bs-placement="bottom" data-bs-html="true"
                                                                data-bs-title="<img src='{{ asset('assets/images/tooltip/framework-title.png') }}' height=250px;>"></i>
                                                        </label>
                                                        <div class="col-md-10">
                                                            <input class="form-control" type="text"
                                                                name="frameworks[title]"
                                                                value="{{ @$content['frameworks']['title'] ?? old('frameworks[title]') }}"
                                                                placeholder="Enter Title">
                                                            @error('frameworks[title]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2" for="frameworks[sub_title]">Sub
                                                            Title
                                                            <i class="icon-help-alt"
                                                                data-bs-toggle="tooltip"
                                                                data-bs-placement="bottom" data-bs-html="true"
                                                                data-bs-title="<img src='{{ asset('assets/images/tooltip/framework-sub-title.png') }}' height=250px;>"></i>
                                                        </label>
                                                        <div class="col-md-10">
                                                            <input class="form-control" type="text"
                                                                name="frameworks[sub_title]"
                                                                value="{{ @$content['frameworks']['sub_title'] ?? old('frameworks[sub_title]') }}"
                                                                placeholder="Enter Sub Title">
                                                            @error('frameworks[sub_title]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2"
                                                            for="frameworks[description]">Description</label>
                                                        <div class="col-md-10">
                                                            <textarea class="form-control" name="frameworks[description]" placeholder="Enter Description">{{ @$content['frameworks']['description'] ?? old('frameworks[description]') }}</textarea>
                                                            @error('frameworks[description]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="accordion" id="frameworkBannersAccordion">
                                                        @foreach ($content['frameworks']['banners'] ?? [] as $index => $banner)
                                                            @include(
                                                                'admin.landing.frameworks_banners',
                                                                [
                                                                    'index' => $index,
                                                                    'banner' => $banner,
                                                                ]
                                                            )
                                                        @endforeach
                                                    </div>
                                                    <div class="text-end">
                                                        <button type="button" id="addFrameworkBanner"
                                                            class="btn btn-primary mt-3">Add
                                                            Framework Banner</button>
                                                    </div>
                                                    <div class="text-end mt-2">
                                                        <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                    </div>
                                                    <template id="frameworkBannerTemplate">
                                                        @include('admin.landing.frameworks_banners', [
                                                            'index' => '__INDEX__',
                                                            'banner' => null,
                                                        ])
                                                    </template>
                                                </div>
                                                <div class="tab-pane fade" id="customer_support" role="tabpanel"
                                                    aria-labelledby="pills-contactus-tab">
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2 " for="frameworks[support_line_img]">Background Image</label>
                                                        <div class="col-md-10 mb-3">
                                                            <input type="file" class="form-control"
                                                                name="frameworks[support_line_img]">
                                                            @error('frameworks[support_line_img]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert">
                                                                    <strong>{{ $message }}</strong>
                                                                </span>
                                                            @enderror
                                                             <span class="help-text">*Upload image size 1157×92px
                                                                recommended</span>
                                                        </div>
                                                        @isset($content['frameworks']['support_line_img'])
                                                            <div class="form-group">
                                                                <div class="row">
                                                                    <div class="col-md-2"></div>
                                                                    <div class="col-md-10">
                                                                        <div class="image-list">
                                                                            <div class="image-list-detail">
                                                                                <div class="position-relative">
                                                                                    <img src="{{ asset($content['frameworks']['support_line_img']) }}"
                                                                                        height="20px"
                                                                                        alt="banners Image"
                                                                                        class="image-list-item">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endisset
                                                    </div>
                                                    <div class="accordion"
                                                        id="customer_supportBannersAccordion">
                                                        @foreach ($content['frameworks']['customer_support'] ?? [] as $index => $banner)
                                                            @include(
                                                                'admin.landing.customer_support_banners',
                                                                [
                                                                    'index' => $index,
                                                                    'banner' => $banner,
                                                                ]
                                                            )
                                                        @endforeach
                                                    </div>
                                                    <div class="text-end">
                                                        <button type="button" id="addCustomer_supportBanner"
                                                            class="btn btn-primary mt-3">Add
                                                            Customer Support Banner</button>
                                                    </div>
                                                    <div class="text-end mt-2">
                                                        <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                    </div>
                                                    <template id="customer_supportBannerTemplate">
                                                        @include(
                                                            'admin.landing.customer_support_banners',
                                                            [
                                                                'index' => '__INDEX__',
                                                                'banner' => null,
                                                            ]
                                                        )
                                                    </template>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane main fade" id="Core_Feature_Section" role="tabpanel"
                                aria-labelledby="home_Settings" tabindex="1">
                                <div class="col-sm-12 ">
                                    <div class="card height-equal">
                                        <div class="card-body">
                                            <ul class="simple-wrapper nav nav-tabs border-tab border-1 nav-primary mb-5 custom-scrollbar"
                                                id="pills-tab" role="tablist">
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset(path: 'assets/images/tooltip/feature.png') }}' height=200px;>">
                                                    <a class="nav-link active" id="feature_tab" data-bs-toggle="pill"
                                                        href="#feature" role="tab" aria-controls="pills-aboutus"
                                                        aria-selected="true">Features</a>
                                                </li>
                                                <li class="nav-item" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true" data-bs-custom-class="hide-tooltip"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/design-assortment.png') }}' height=200px;>">
                                                    <a class="nav-link" id="design_assortment_tab"
                                                        data-bs-toggle="pill" href="#design_assortment"
                                                        role="tab" aria-controls="pills-contactus"
                                                        aria-selected="false">Design Assortment</a>
                                                </li>
                                            </ul>
                                            <div class="tab-content" id="pills-tabContent">
                                                <div class="tab-pane fade show active" id="feature" role="tabpanel"
                                                    aria-labelledby="pills-contactus-tab">
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2" for="core_feature[title]">Title <span
                                                                class="text-danger">*</span>
                                                            <i class="icon-help-alt"
                                                                data-bs-toggle="tooltip"
                                                                data-bs-placement="bottom" data-bs-html="true"
                                                                data-bs-title="<img src='{{ asset('assets/images/tooltip/design-assortment/feature-title.png') }}' height=250px;>"></i>    
                                                        </label>
                                                        <div class="col-md-10">
                                                            <input class="form-control" type="text"
                                                                name="core_feature[title]"
                                                                value="{{ @$content['core_feature']['title'] ?? old('core_feature[title]') }}"
                                                                placeholder="Enter Title">
                                                            @error('core_feature[title]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2" for="core_feature[sub_title]">Sub
                                                            Title
                                                            <i class="icon-help-alt"
                                                                data-bs-toggle="tooltip"
                                                                data-bs-placement="bottom" data-bs-html="true"
                                                                data-bs-title="<img src='{{ asset('assets/images/tooltip/design-assortment/feature-sub-title.png') }}' height=250px;>"></i>
                                                        </label>
                                                        <div class="col-md-10">
                                                            <input class="form-control" type="text"
                                                                name="core_feature[sub_title]"
                                                                value="{{ @$content['core_feature']['sub_title'] ?? old('core_feature[sub_title]') }}"
                                                                placeholder="Enter Sub Title">
                                                            @error('core_feature[sub_title]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="form-group row mb-3">
                                                        <label class="col-md-2"
                                                            for="core_feature[description]">Description</label>
                                                        <div class="col-md-10">
                                                            <textarea class="form-control" name="core_feature[description]" placeholder="Enter Description">{{ @$content['core_feature']['description'] ?? old('core_feature[description]') }}</textarea>
                                                            @error('core_feature[description]')
                                                                 <span class="invalid-feedback d-block"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="accordion" id="core_featureBannersAccordion">
                                                        @foreach ($content['core_feature']['banners'] ?? [] as $index => $banner)
                                                            @include(
                                                                'admin.landing.core_features_banners',
                                                                [
                                                                    'index' => $index,
                                                                    'banner' => $banner,
                                                                ]
                                                            )
                                                        @endforeach
                                                    </div>
                                                    <div class="text-end">
                                                        <button type="button" id="addCore_featureBanner"
                                                            class="btn btn-primary mt-3">Add
                                                            Feature Banner</button>
                                                    </div>
                                                    <div class="text-end mt-2">
                                                        <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                    </div>
                                                    <template id="core_featureBannerTemplate">
                                                        @include(
                                                            'admin.landing.core_features_banners',
                                                            [
                                                                'index' => '__INDEX__',
                                                                'banner' => null,
                                                            ]
                                                        )
                                                    </template>
                                                </div>
                                                <div class="tab-pane fade" id="design_assortment" role="tabpanel"
                                                    aria-labelledby="pills-contactus-tab">
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="core_feature[design_assortment][title]">Title <span
                                                                    class="text-danger">*</span>
                                                                <i class="icon-help-alt"
                                                                data-bs-toggle="tooltip"
                                                                data-bs-placement="bottom" data-bs-html="true"
                                                                data-bs-title="<img src='{{ asset('assets/images/tooltip/design-assortment/design-title.png') }}' height=250px;>"></i>    
                                                            </label>
                                                            <div class="col-md-10">
                                                                <input class="form-control" type="text"
                                                                    name="core_feature[design_assortment][title]"
                                                                    value="{{ @$content['core_feature']['design_assortment']['title'] ?? old('core_feature[design_assortment][title]') }}"
                                                                    placeholder="Enter Title">
                                                                @error('core_feature[design_assortment][title]')
                                                                     <span class="invalid-feedback d-block"
                                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="core_feature[design_assortment][sub_title]">Sub
                                                                Title
                                                                <i class="icon-help-alt"
                                                                data-bs-toggle="tooltip"
                                                                data-bs-placement="bottom" data-bs-html="true"
                                                                data-bs-title="<img src='{{ asset('assets/images/tooltip/design-assortment/design-sub-title.png') }}' height=250px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <input class="form-control" type="text"
                                                                    name="core_feature[design_assortment][sub_title]"
                                                                    value="{{ @$content['core_feature']['design_assortment']['sub_title'] ?? old('core_feature[design_assortment][sub_title]') }}"
                                                                    placeholder="Enter Sub Title">
                                                                @error('core_feature[design_assortment][sub_title]')
                                                                     <span class="invalid-feedback d-block"
                                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2"
                                                                for="core_feature[design_assortment][description]">Description</label>
                                                            <div class="col-md-10">
                                                                <textarea class="form-control" name="core_feature[design_assortment][description]" placeholder="Enter Description">{{ @$content['core_feature']['design_assortment']['description'] ?? old('core_feature[design_assortment][description]') }}</textarea>
                                                                @error('core_feature[design_assortment][description]')
                                                                     <span class="invalid-feedback d-block"
                                                                        role="alert"><strong>{{ $message }}</strong></span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="form-group row mb-3">
                                                            <label class="col-md-2" for="core_feature[design_assortment][image]">
                                                                Image  <span class="text-danger">*</span>
                                                                <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                                    data-bs-placement="bottom" data-bs-html="true"
                                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/design-assortment/main-img.png') }}' height=150px;>"></i>
                                                            </label>
                                                            <div class="col-md-10">
                                                                <div class="form-group">
                                                                    <input type="file"
                                                                        class="form-control fileInput"
                                                                        name="core_feature[design_assortment][image]">
                                                                    @error('core_feature[design_assortment][image]')
                                                                         <span class="invalid-feedback d-block"
                                                                            role="alert">
                                                                            <strong>{{ $message }}</strong>
                                                                        </span>
                                                                    @enderror
                                                                     <span class="help-text">*Upload image size
                                                                        752×602px
                                                                        recommended</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @if (isset($content['core_feature']['design_assortment']['image']) &&
                                                                !empty($content['core_feature']['design_assortment']['image']))
                                                            <div class="form-group row mb-3">
                                                                <div class="col-md-2"></div>
                                                                <div class="col-md-10 mb-3">
                                                                    <div class="image-list">
                                                                        <div class="image-list-detail">
                                                                            <div class="position-relative">
                                                                                <img src="{{ asset($content['core_feature']['design_assortment']['image']) }}"
                                                                                    height="100px"
                                                                                    id="{{ $content['core_feature']['design_assortment']['image'] }}"
                                                                                    alt="Logo Image"
                                                                                    class="image-list-item">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    <div class="accordion" id="design_assortmentBannersAccordion">
                                                        @foreach ($content['core_feature']['design_assortment']['content'] ?? [] as $index => $banner)
                                                            @include(
                                                                'admin.landing.design_assortment_banners',
                                                                [
                                                                    'index' => $index,
                                                                    'banner' => $banner,
                                                                ]
                                                            )
                                                        @endforeach
                                                    </div>
                                                    <div class="text-end">
                                                        <button type="button" id="addDesign_assortmentBanner"
                                                            class="btn btn-primary mt-3">Add
                                                            Design Banner</button>
                                                    </div>
                                                    <div class="text-end mt-2">
                                                        <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                                    </div>
                                                    <template id="design_assortmentBannerTemplate">
                                                        @include(
                                                            'admin.landing.design_assortment_banners',
                                                            [
                                                                'index' => '__INDEX__',
                                                                'banner' => null,
                                                            ]
                                                        )
                                                    </template>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane main fade" id="Footer_Section" role="tabpanel"
                                aria-labelledby="app_settings" tabindex="0">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="form-group row mb-3">
                                            <label class="col-md-2" for="footer[logo]">
                                                Logo  <span class="text-danger">*</span>
                                                <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                    data-bs-placement="bottom" data-bs-html="true"
                                                    data-bs-title="<img src='{{ asset('assets/images/tooltip/footer/logo.png') }}' height=150px;>"></i>
                                            </label>
                                            <div class="col-md-10">
                                                <div class="form-group">
                                                    <input type="file" class="form-control fileInput"
                                                        name="footer[logo]">
                                                    @error('footer[logo]')
                                                         <span class="invalid-feedback d-block" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                     <span class="help-text">*Upload image size 133×47px
                                                        recommended</span>
                                                </div>
                                            </div>
                                        </div>
                                        @if (isset($content['footer']['logo']) && !empty($content['footer']['logo']))
                                            <div class="form-group row mb-3">
                                                <div class="col-md-2"></div>
                                                <div class="col-md-10 mb-3">
                                                    <div class="image-list">
                                                        <div class="image-list-detail">
                                                            <div class="position-relative">
                                                                <img src="{{ asset($content['footer']['logo']) }}"
                                                                    height="40px"
                                                                    id="{{ $content['footer']['logo'] }}"
                                                                    alt="Logo Image" class="image-list-item">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="form-group row mb-3">
                                            <label class="col-md-2" for="footer[text]">
                                                Text  <span class="text-danger">*</span>
                                            </label>
                                            <div class="col-md-10">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="Enter Footer Text"
                                                        value="{{ $content['footer']['text'] ?? old('footer[text]') }}"
                                                        name="footer[text]">
                                                    @error('footer[text]')
                                                         <span class="invalid-feedback d-block" role="alert">
                                                            <strong>{{ $message }}</strong>
                                                        </span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-header">
                                                <h5 class="card-title txt-primary">
                                                    Left Side Button
                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                        data-bs-placement="bottom" data-bs-html="true"
                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/footer/left-btn.png') }}' height=150px;>"></i>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="footer[left_btn_text]">Text <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="footer[left_btn_text]"
                                                            value="{{ @$content['footer']['left_btn_text'] ?? old('footer[left_btn_text]') }}"
                                                            placeholder="Enter Left Side Button Text">
                                                        @error('footer[left_btn_text]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="footer[left_btn_url]">URL <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="footer[left_btn_url]"
                                                            value="{{ @$content['footer']['left_btn_url'] ?? old('footer[left_btn_url]') }}"
                                                            placeholder="Enter Redirect Url">
                                                        @error('footer[left_btn_url]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-header">
                                                <h5 class="card-title txt-primary">
                                                    Middle Button
                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                        data-bs-placement="bottom" data-bs-html="true"
                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/footer/middle-btn.png') }}' height=150px;>"></i>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="footer[middle_btn_text]">Text <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="footer[middle_btn_text]"
                                                            value="{{ @$content['footer']['middle_btn_text'] ?? old('footer[middle_btn_text]') }}"
                                                            placeholder="Enter Middle Button Text">
                                                        @error('footer[middle_btn_text]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="footer[middle_btn_url]">URL <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="footer[middle_btn_url]"
                                                            value="{{ @$content['footer']['middle_btn_url'] ?? old('footer[middle_btn_url]') }}"
                                                            placeholder="Enter Redirect Url">
                                                        @error('footer[middle_btn_url]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-header">
                                                <h5 class="card-title txt-primary">
                                                    Right Side Button
                                                    <i class="icon-help-alt" data-bs-toggle="tooltip"
                                                        data-bs-placement="bottom" data-bs-html="true"
                                                        data-bs-title="<img src='{{ asset('assets/images/tooltip/footer/right-btn.png') }}' height=150px;>"></i>
                                                </h5>
                                            </div>
                                            <div class="card-body">
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="footer[right_btn_text]">Text <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="footer[right_btn_text]"
                                                            value="{{ @$content['footer']['right_btn_text'] ?? old('footer[right_btn_text]') }}"
                                                            placeholder="Enter Right Side Button Text">
                                                        @error('footer[right_btn_text]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                                <div class="form-group row mb-3">
                                                    <label class="col-md-2" for="footer[right_btn_url]">URL <span
                                                            class="text-danger">*</span></label>
                                                    <div class="col-md-10">
                                                        <input class="form-control" type="text"
                                                            name="footer[right_btn_url]"
                                                            value="{{ @$content['footer']['right_btn_url'] ?? old('footer[right_btn_url]') }}"
                                                            placeholder="Enter Redirect Url">
                                                        @error('footer[right_btn_url]')
                                                             <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="text-end">
                                            <button class="btn btn-primary spinner-btn" type="submit">Save</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                </div>
            </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2-custom.js') }}"></script>
    <script src="{{ asset('assets/js/bookmark/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/tooltip-init.js') }}"></script>
    <script>
        $(document).ready(function() {

            "use strict";

            function addImageMimeValidation(methodName, mimeTypes, errorMessage) {
                $.validator.addMethod(methodName, function(value, element) {
                    const file = element.files && element.files[0];
                    if (file) {
                        const mime = file.type;
                        return mimeTypes.includes(mime);
                    }
                    return true;
                }, errorMessage);
            }

            addImageMimeValidation("imageMime", ["image/png", "image/jpeg", "image/jpg"],
                "Please enter a value with a valid MIME type. (JPG, PNG, JPEG).");

            addImageMimeValidation("svgImageMime", ["image/svg+xml"],
                "Please enter a value with a valid mimetype. (SVG).");

            $.validator.addMethod("ignorHtml", function(value, element) {
                var plainText = tinymce.get(element.id).getContent({
                    format: 'text'
                }).trim();
                return plainText.length > 0;
            }, "This field is required");

            $('#LandingPageForm').validate({
                ignore: [],
                rules: {
                    'header[logo]':{
                        required : isHeaderLogo,
                        imageMime : true,
                    },
                    "header[menus][]": "required",
                    "header[links][text1]": "required",
                    "header[links][url1]": "required",
                    "header[links][text2]": "required",
                    "header[links][url2]": "required",
                    "header[btn_text]": "required",
                    "header[btn_url]": "required",
                    'home[sub_title][image]':{
                        required : isSubTitleImg,
                        imageMime : true,
                    },
                    "home[sub_title][text]": "required",
                    "home[title]": {
                        ignorHtml: true
                    },
                    "home[main_img]": {
                        required : isHomeMainImg,
                        imageMime : true,
                    },
                    "home[top_img]": {
                        required : isHomeTopImg,
                        imageMime : true,
                    },
                    "home[bottom_img]": {
                        required : isHomeBottomImg,
                        imageMime : true,
                    },
                    "home[buttons][btn_img]": {
                        required : isHomeBtnImg,
                        imageMime : true,
                    },
                    "home[buttons][btn_img_url]": "required",
                    "home[buttons][btn_text]": "required",
                    "home[buttons][btn_url]": "required",
                    "home[cruds][title]" : "required",
                    "home[dashboard][title]" : "required",
                    "application[title]" : "required",
                    "frameworks[title]" : "required",
                    "frameworks[support_line_img]" : {
                        imageMime : true,
                    },
                    "core_feature[title]" : "required",
                    "core_feature[design_assortment][title]" : "required",
                    "core_feature[design_assortment][image]" : {
                        required : isDesignAssortmentImg,
                        imageMime : true,
                    },
                    "core_feature[design_assortment][bg_img]" : {
                        imageMime : true,
                    },
                    "footer[logo]": {
                        required: isFooterLogo,
                        imageMime: true
                    },
                    "footer[text]": "required",
                    "footer[left_btn_text]": "required",
                    "footer[right_btn_text]": "required",
                    "footer[middle_btn_text]": "required",
                    "footer[left_btn_url]": "required",
                    "footer[right_btn_url]": "required",
                    "footer[middle_btn_url]": "required",

                    @foreach ($content['home']['cruds']['crud_banners'] ?? [] as $index => $crud)
                        "home[cruds][crud_banners][{{ $index }}][bg_color]": "required",
                        "home[cruds][crud_banners][{{ $index }}][title]": "required",
                        "home[cruds][crud_banners][{{ $index }}][url]": "required",
                        "home[cruds][crud_banners][{{ $index }}][image]": {
                            required: function() {
                                return @if(isset($crud['image'])) false @else true @endif;
                            },
                            imageMime: true
                        },
                    @endforeach

                    @foreach ($content['home']['dashboard']['banners'] ?? [] as $index => $dash)
                        "home[dashboard][banners][{{ $index }}][title]": "required",
                        "home[dashboard][banners][{{ $index }}][url]": "required",
                        "home[dashboard][banners][{{ $index }}][image]": {
                            required: function() {
                                return @if(isset($dash['image'])) false @else true @endif;
                            },
                            imageMime: true
                        },
                    @endforeach

                    @foreach ($content['application']['banners'] ?? [] as $index => $app)
                        "application[banners][{{ $index }}][title]": "required",
                        "application[banners][{{ $index }}][url]": "required",
                        "application[banners][{{ $index }}][image]": {
                            required: function() {
                                return @if(isset($app['image'])) false @else true @endif;
                            },
                            imageMime: true
                        },
                    @endforeach

                    @foreach ($content['frameworks']['banners'] ?? [] as $index => $framework)
                        "frameworks[banners][{{ $index }}][title]": "required",
                        "frameworks[banners][{{ $index }}][image]": {
                            required: function() {
                                return @if(isset($framework['image'])) false @else true @endif;
                            },
                            imageMime: true
                        },
                    @endforeach

                    @foreach ($content['frameworks']['customer_support'] ?? [] as $index => $customer)
                        "frameworks[customer_support][{{ $index }}][title]": "required",
                        "frameworks[customer_support][{{ $index }}][svg_img]": {
                            required: function() {
                                return @if(isset($customer['svg_img'])) false @else true @endif;
                            },
                            svgImageMime: true
                        },
                    @endforeach

                    @foreach ($content['core_feature']['banners'] ?? [] as $index => $feature)
                        "core_feature[banners][{{ $index }}][title]": "required",
                        "core_feature[banners][{{ $index }}][svg_icon]": {
                            required: function() {
                                return @if(isset($feature['svg_icon'])) false @else true @endif;
                            },
                            svgImageMime: true
                        },
                    @endforeach

                    @foreach ($content['core_feature']['design_assortment']['content'] ?? [] as $index => $design)
                        "core_feature[design_assortment][content][{{ $index }}][main_text]": "required",
                        "core_feature[design_assortment][content][{{ $index }}][image]": {
                            required: function() {
                                return @if(isset($design['image'])) false @else true @endif;
                            },
                            imageMime: true
                        },
                    @endforeach
                },
                invalidHandler: function(event, validator) {
                    let invalidMainTabs = [];
                    let invalidSubTabs = new Map(); // Store invalid sub-tabs per main tab

                    // Collect all invalid tabs
                    $.each(validator.errorList, function(index, error) {
                        var $collapse = $(error.element).closest('.accordion-collapse');
                        if ($collapse.length && !$collapse.hasClass('show')) {
                            $collapse.addClass('show');
                        }

                        const subTabId = $(error.element).closest('.tab-pane').attr('id');
                        const mainTabId = $("#" + subTabId).closest('.main').attr('id');

                        if (mainTabId && !invalidMainTabs.includes(mainTabId)) {
                            invalidMainTabs.push(mainTabId);
                        }

                        if (subTabId) {
                            if (!invalidSubTabs.has(mainTabId)) {
                                invalidSubTabs.set(mainTabId, []);
                            }
                            if (!invalidSubTabs.get(mainTabId).includes(subTabId)) {
                                invalidSubTabs.get(mainTabId).push(subTabId);
                            }
                        }
                    });

                    if (invalidMainTabs.length > 0) {
                        let firstMainTab = invalidMainTabs[0];
                        let firstSubTab = invalidSubTabs.get(firstMainTab)?.[0];

                        // If no invalid sub-tabs exist, activate the first available sub-tab inside this main tab
                        if (!firstSubTab) {
                            firstSubTab = $("#" + firstMainTab).find(".tab-pane").first().attr('id');
                        }

                        activateTab(firstMainTab, firstSubTab);
                    }

                    function activateTab(mainTabId, subTabId) {
                        // Reset only main tabs, sub-tabs are handled separately
                        $(".nav-link.main.active").removeClass("active");
                        $(".tab-pane.main.show").removeClass("show active");

                        // Activate the first invalid main tab
                        if (mainTabId) {
                            $("#" + mainTabId + "_tab").addClass("active");
                            $("#" + mainTabId).addClass("show active");
                        }

                        // Activate the first invalid sub-tab OR the first available sub-tab
                        if (subTabId) {
                            $("#" + subTabId + "_tab").tab("show"); // Bootstrap handles proper switching
                        }
                    }
                }
            });

            function isHeaderLogo() {
                @if (isset($content['header']['logo']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isHomeMainImg() {
                @if (isset($content['home']['main_img']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isHomeTopImg() {
                @if (isset($content['home']['top_img']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isHomeBottomImg() {
                @if (isset($content['home']['bottom_img']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isSubTitleImg() {
                @if (isset($content['home']['sub_title']['image']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isHomeBtnImg() {
                @if (isset($content['home']['buttons']['btn_img']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isDesignAssortmentImg() {
                @if (isset($content['core_feature']['design_assortment']['image']))
                    return false;
                @else
                    return true;
                @endif
            }
            function isFooterLogo() {
                @if (isset($content['footer']['logo']))
                    return false;
                @else
                    return true;
                @endif
            }
        });
    </script>
    <script>
        $(document).ready(function() {
            "use strict";

            function addImageMimeValidations() {
                $.validator.addMethod("imageMime", function(value, element) {
                    const file = element.files && element.files[0];
                    if (file) {
                        return ["image/png", "image/jpeg", "image/jpg"].includes(file.type);
                    }
                    return true;
                }, "Please enter a value with a valid MIME type. (JPG, PNG, JPEG).");

                $.validator.addMethod("svgImageMime", function(value, element) {
                    const file = element.files && element.files[0];
                    if (file) {
                        return ["image/svg+xml"].includes(file.type);
                    }
                    return true;
                }, "Please enter a value with a valid mimetype. (SVG).");
            }

            addImageMimeValidations();
            
            function initBannerGroup(options) {
                let bannerIndex = options.index;
                const formSelector = options.formSelector || '#LandingPageForm';
                const formValidator = $(formSelector).validate({
                    ignore: [],
                    rules: {},
                });

                $(options.addBtn).click(function() {
                    let lastBanner = $(options.accordion).find('.accordion-item').last();
                    if (lastBanner.length > 0) {
                        let isValid = true;
                        lastBanner.find(':input').each(function () {
                            if (!$(this).valid()) {
                                isValid = false;
                                var collapse = $(this).closest('.accordion-collapse');
                                if (collapse.length && !collapse.hasClass('show')) {
                                    collapse.addClass('show');
                                }
                            }
                        });
                        if (!isValid) {
                            return;
                        }
                    }

                    const template = $(options.template).html().replace(/__INDEX__/g, bannerIndex);
                    $(options.accordion).append(template);

                    options.fieldRules.forEach(function(field) {
                    const fieldName = field.fieldTemplate.replace(/__INDEX__/g, bannerIndex);
                    formValidator.settings.rules[fieldName] = field.rules;
                    });
                    bannerIndex++;
                });

                $(document).on('click', '.remove-banner', function() {
                    $(this).closest('.accordion-item').remove();
                });
            }

            initBannerGroup({
                index: {{ count($content['application']['banners'] ?? []) }},
                addBtn: '#addApplicationBanner',
                accordion: '#applicationBannersAccordion',
                template: '#applicationBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "application[banners][__INDEX__][title]", rules: { required: true } },
                    { fieldTemplate: "application[banners][__INDEX__][url]", rules: { required: true } },
                    { fieldTemplate: "application[banners][__INDEX__][image]", rules: { required: true, imageMime: true } }
                ]
            });

            initBannerGroup({
                index: {{ count($content['frameworks']['customer_support'] ?? []) }},
                addBtn: '#addCustomer_supportBanner',
                accordion: '#customer_supportBannersAccordion',
                template: '#customer_supportBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "frameworks[customer_support][__INDEX__][title]", rules: { required: true } },
                    { fieldTemplate: "frameworks[customer_support][__INDEX__][svg_img]", rules: { required: true, svgImageMime: true } }
                ]
            });

            initBannerGroup({
                index: {{ count($content['frameworks']['banners'] ?? []) }},
                addBtn: '#addFrameworkBanner',
                accordion: '#frameworkBannersAccordion',
                template: '#frameworkBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "frameworks[banners][__INDEX__][title]", rules: { required: true } },
                    { fieldTemplate: "frameworks[banners][__INDEX__][image]", rules: { required: true, imageMime: true } }
                ]
            });

            initBannerGroup({
                index: {{ count($content['home']['cruds']['crud_banners'] ?? []) }},
                addBtn: '#addCrudBanner',
                accordion: '#crudBannersAccordion',
                template: '#crudBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "home[cruds][crud_banners][__INDEX__][bg_color]", rules: { required: true } },
                    { fieldTemplate: "home[cruds][crud_banners][__INDEX__][title]", rules: { required: true } },
                    { fieldTemplate: "home[cruds][crud_banners][__INDEX__][url]", rules: { required: true } },
                    { fieldTemplate: "home[cruds][crud_banners][__INDEX__][image]", rules: { required: true, imageMime: true } }
                ]
            });

            initBannerGroup({
                index: {{ count($content['home']['dashboard']['banners'] ?? []) }},
                addBtn: '#addLayoutBanner',
                accordion: '#layoutBannersAccordion',
                template: '#layoutBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "home[dashboard][banners][__INDEX__][title]", rules: { required: true } },
                    { fieldTemplate: "home[dashboard][banners][__INDEX__][url]", rules: { required: true } },
                    { fieldTemplate: "home[dashboard][banners][__INDEX__][image]", rules: { required: true, imageMime: true } }
                ]
            });

            initBannerGroup({
                index: {{ count($content['core_feature']['banners'] ?? []) }},
                addBtn: '#addCore_featureBanner',
                accordion: '#core_featureBannersAccordion',
                template: '#core_featureBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "core_feature[banners][__INDEX__][title]", rules: { required: true } },
                    { fieldTemplate: "core_feature[banners][__INDEX__][svg_icon]", rules: { required: true, svgImageMime: true } }
                ]
            });

            initBannerGroup({
                index: {{ count($content['core_feature']['design_assortment']['content'] ?? []) }},
                addBtn: '#addDesign_assortmentBanner',
                accordion: '#design_assortmentBannersAccordion',
                template: '#design_assortmentBannerTemplate',
                fieldRules: [
                    { fieldTemplate: "core_feature[design_assortment][content][__INDEX__][main_text]", rules: { required: true } },
                    { fieldTemplate: "core_feature[design_assortment][content][__INDEX__][image]", rules: { required: true, imageMime: true } }
                ]
            });
        });
    </script>
    <script>
        (function($) {
            "use strict";

            if ($.fn.tinymce) {
                tinymce.init({
                    selector: '.email-content',
                    setup: function(editor) {
                        editor.on('init change input', function() {
                            const contentId = editor.id;
                            const language = contentId.split('_').pop();
                            const content = editor.getContent();
                        });
                    },
                    plugins: [
                        "advlist autolink lists link image charmap print preview anchor",
                        "searchreplace visualblocks code fullscreen",
                        "insertdatetime media table paste"
                    ],
                    toolbar: [
                        "insertfile undo redo | styleselect | bold italic underline strikethrough | formatselect | forecolor backcolor code table | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
                    ],
                    image_title: true,
                    file_picker_types: 'image',
                    relative_urls: false,
                    remove_script_host: false,
                    menubar: false,
                    branding: false,
                    placeholder: 'Enter your text here...',
                });
            }

        })(jQuery)
    </script>
@endsection