@extends('backend.layouts.master')
@section('title')
    @lang('Homepage-Content')
@endsection
{{-- <style>
    .error {
        border: 1px solid red;
    }
</style> --}}
@section('content')

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="row d-flex align-items-start">
                    <div class="col-sm-3 col-12">
                        <div class="nav flex-column nav-pills me-3 text-end" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                            <button class="nav-link text-start active" id="v-pills-slider-tab" data-bs-toggle="pill" data-bs-target="#v-pills-slider" type="button" role="tab" aria-controls="v-pills-slider" aria-selected="true">{{translate('Slider- Image and Contents')}}</button>
                            <button class="nav-link text-start " id="v-pills-testimonial-tab" data-bs-toggle="pill" data-bs-target="#v-pills-testimonial" type="button" role="tab" aria-controls="v-pills-testimonial" aria-selected="false">{{translate('Testimonial')}}</button>
                            <button class="nav-link text-start " id="v-pills-logo-tab" data-bs-toggle="pill" data-bs-target="#v-pills-logo" type="button" role="tab" aria-controls="v-pills-logo" aria-selected="false">{{translate('Logo Slider')}}</button>
                            <button class="nav-link text-start " id="v-pills-keyfeature-tab" data-bs-toggle="pill" data-bs-target="#v-pills-keyfeature" type="button" role="tab" aria-controls="v-pills-keyfeature" aria-selected="false">{{translate('Key Features')}}</button>
                            <button class="nav-link text-start " id="v-pills-counter-tab" data-bs-toggle="pill" data-bs-target="#v-pills-counter" type="button" role="tab" aria-controls="v-pills-counter" aria-selected="false">{{translate('Counter')}}</button>
                        </div>
                    </div>
                    <div class="col-sm-9 col-12">
                        <div class="tab-content" id="v-pills-tabContent">
                            <ul class="nav nav-tabs nav-fill border-light">
                                @foreach (\App\Models\Language::all() as $key => $language)
                                    <li class="nav-item">
                                        <a class="nav-link text-reset @if ($language->code == $lang) active @else bg-soft-dark border-light border-left-0 @endif py-3" href="{{ route('pages.create.home', ['lang'=> $language->code] ) }}">
                                            <img src="{{ static_asset('assets/backend/images/lang/'.$language->code.'.png') }}" height="11" class="mr-1">
                                            <span>{{$language->name}}</span>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                            <!-- Slider Tab -->
                            <div class="tab-pane fade show active" id="v-pills-slider" role="tabpanel" aria-labelledby="v-pills-slider">
                                <div class="row mt-2">
                                    <div class="col-md-12">
                                        <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">Slider</h5>
                                    </div>
                                    <div class="row mt-5">
                                        <form id="myForm1" action="{{ route('update.pagecontent') }}" method="POST" enctype="multipart/form-data">
                                            @csrf
                                            <div class="slider-data">
                                                @if (get_setting_home('slider_heading') != null)
                                                    @foreach (json_decode(get_setting_home('slider_heading')) as $key => $value)
                                                        <div class="row mb-3">
                                                            <div class="col-lg-11">
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-1">
                                                                        <label for="slider_content" class="form-label">Slider Content</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="slider_heading">
                                                                        <input type="text" class="form-control" name="slider_heading[]" placeholder="{{ translate('Heading') }}" value="{{json_decode(get_setting_home('slider_heading'), true)[$key]}}" required>
                                                                    </div>
                                                                    <div class="col-lg-3 mt-3"></div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="slider_text">
                                                                        <input type="text" class="form-control" name="slider_text[]" placeholder="{{ translate('Sub-Heading') }}" value="{{json_decode(get_setting_home('slider_text'), true)[$key]}}" required>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="slider_button" class="form-label">Button Label</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="slider_button">
                                                                        <input type="text" class="form-control" name="slider_button[]" placeholder="{{ translate('Button Name') }}" value="{{json_decode(get_setting_home('slider_button'), true)[$key]}}" required>
                                                                    </div>
                                                                    <div class="col-lg-3 mt-3"></div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="slider_button_link">
                                                                        <input type="text" class="form-control" name="slider_button_link[]" placeholder="{{ translate('Button Link') }}" value="{{json_decode(get_setting_home('slider_button_link'), true)[$key]}}" required>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3">
                                                                        <label for="slider_image" class="form-label">Slider Image</label>
                                                                    </div>
                                                                    <div class="col-lg-9">
                                                                        <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                            <div class="input-group-prepend">
                                                                                <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                            </div>
                                                                            <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                            <input type="hidden" name="types[]" value="slider_image">
                                                                            <input type="hidden" name="slider_image[]" class="selected-files" value="{{ isset(json_decode(get_setting_home('slider_image'), true)[$key]) ? json_decode(get_setting_home('slider_image'), true)[$key] : '' }}">
                                                                        </div>
                                                                        <div class="file-preview box sm"></div>
                                                                    </div>
                                                                </div>

                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3">
                                                                        <label for="homepage_content" class="form-label">Content</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="slider_content">
                                                                        <textarea class="form-control rns-textEditor" name="slider_content[]" placeholder="{{ translate('Homepage Content') }}" required>{{ isset(json_decode(get_setting_home('slider_content'), true)[$key]) ? json_decode(get_setting_home('slider_content'), true)[$key] : '' }}</textarea>
                                                                    </div>
                                                                </div>
                                                                
                                                            </div>
                                                            {{-- <div class="col-lg-auto">
                                                                <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger delete-content-btn" data-toggle="remove-parent" data-parent=".row" data-index="{{ $key }}" onclick="deleteContent('{{ $key }}', 'myForm1')"><i class="ri-delete-bin-5-fill fs-16"></i></button>
                                                            </div> --}}
                                                            <div class="col-lg-auto">
                                                                <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Remove">
                                                                    <a class="text-danger d-inline-block remove-item-btn confirm-delete" data-bs-toggle="modal" href="#deleteRecordModal" data-key="{{ $key }}" data-form-id="myForm1">
                                                                        <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                    </a>
                                                                </li>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                    <hr>
                                                @endif
                                            </div>
                                            <button type="button" class="btn btn-soft-secondary" data-toggle="add-more"
                                                data-content='
                                                    <div class="row mb-3">
                                                        <div class="col-lg-11">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3 mt-3">
                                                                    <label for="slider_content" class="form-label">Slider Content</label>
                                                                </div>
                                                                <div class="col-lg-9 mt-2">
                                                                    <input type="hidden" name="types[]" value="slider_heading">
                                                                    <input type="text" class="form-control" name="slider_heading[]" placeholder="{{ translate('Heading') }}" required>
                                                                </div>
                                                                <div class="col-lg-3 mt-3"></div>
                                                                <div class="col-lg-9 mt-2">
                                                                    <input type="hidden" name="types[]" value="slider_text">
                                                                    <input type="text" class="form-control" name="slider_text[]" placeholder="{{ translate('Sub-Heading') }}" required>
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3 mt-3">
                                                                    <label for="slider_button" class="form-label">Button Label</label>
                                                                </div>
                                                                <div class="col-lg-9 mt-2">
                                                                    <input type="hidden" name="types[]" value="slider_button">
                                                                    <input type="text" class="form-control" name="slider_button[]" placeholder="{{ translate('Button Name') }}" required>
                                                                </div>
                                                                <div class="col-lg-3 mt-3"></div>
                                                                <div class="col-lg-9 mt-2">
                                                                    <input type="hidden" name="types[]" value="slider_button_link">
                                                                    <input type="text" class="form-control" name="slider_button_link[]" placeholder="{{ translate('Button Link') }}" required>
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3">
                                                                    <label for="slider_image" class="form-label">Slider Image</label>
                                                                </div>
                                                                <div class="col-lg-9">
                                                                    <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                        <div class="input-group-prepend">
                                                                            <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                        </div>
                                                                        <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                        <input type="hidden" name="types[]" value="slider_image">
                                                                        <input type="hidden" name="slider_image[]" class="selected-files" value="">
                                                                    </div>
                                                                    <div class="file-preview box sm"></div>
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3">
                                                                    <label for="homepage_content" class="form-label">Content</label>
                                                                </div>
                                                                <div class="col-lg-9 mt-2">
                                                                    <input type="hidden" name="types[]" value="slider_content">
                                                                    <textarea class="form-control rns-textEditor" name="slider_content[]" placeholder="{{ translate('Homepage Content') }}"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-auto">
                                                            <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"><i class="las la-times"></i></button>
                                                        </div>
                                                    </div>
                                                    <hr>
                                                    '
                                                    data-target=".slider-data"
                                                >
                                                {{ translate('Add New') }}
                                            </button>
                                            <div class="row gy-4 mt-3">
                                                <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                                    <button type="submit" class="btn btn-soft-primary">{{ translate('Save') }}</button>
                                                    <button type="reset" class="btn btn-soft-danger">{{ translate('Reset') }}</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>

                            <!-- Testimonial Tab -->
                            <div class="tab-pane fade" id="v-pills-testimonial" role="tabpanel" aria-labelledby="v-pills-testimonial">
                                <div class="tab-pane fade show active" id="v-pills-general" role="tabpanel" aria-labelledby="v-pills-testimonial">
                                    <div class="row mt-2">
                                        <div class="col-md-12">
                                            <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">{{translate('Testimonial')}}</h5>
                                        </div>
                                        <div class="row mt-5">
                                            <form id="myForm2" action="{{route('update.pagecontent')}}" method="POST" enctype="multipart/form-data">
                                                @csrf
                                                <div class="testimonial-data">
                                                    @if (get_setting_home('testimonial_name') != null)
                                                        @foreach (json_decode(get_setting_home('testimonial_name')) as $key => $value)
                                                            <div class="row mb-3">
                                                                <div class="col-lg-11">
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3 mt-3">
                                                                            <label for="testimonial_content" class="form-label">Name</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="testimonial_name">
                                                                            <input type="text" class="form-control" name="testimonial_name[]" value="{{json_decode(get_setting_home('testimonial_name'), true)[$key]}}"  placeholder="{{translate('Name')}}" required>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3 mt-3">
                                                                            <label for="testimonial_company" class="form-label">Company</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="testimonial_company">
                                                                            <input type="text" class="form-control" name="testimonial_company[]" value="{{json_decode(get_setting_home('testimonial_company'), true)[$key]}}" placeholder="{{translate('Company Name')}}" required>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3 mt-3">
                                                                            <label for="testimonial_designation" class="form-label">Designation</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="testimonial_designation">
                                                                            <input type="text" class="form-control" name="testimonial_designation[]" value="{{json_decode(get_setting_home('testimonial_designation'), true)[$key]}}" placeholder="{{translate('Designation')}}" required>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3 mt-3">
                                                                            <label for="testimonial_order" class="form-label">Order</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="testimonial_order">
                                                                            <input type="number" class="form-control" name="testimonial_order[]" value="{{json_decode(get_setting_home('testimonial_order'), true)[$key]}}" placeholder="{{translate('Order')}}" min="1" max="10">
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3">
                                                                            <label for="slider_image" class="form-label">Image</label>
                                                                        </div>
                                                                        <div class="col-lg-9">
                                                                            <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                                <div class="input-group-prepend">
                                                                                    <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                                </div>
                                                                                <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                                <input type="hidden" name="types[]" value="testimonial_image">
                                                                                <input type="hidden" name="testimonial_image[]" class="selected-files" value="{{json_decode(get_setting_home('testimonial_image'), true)[$key]}}">
                                                                            </div>
                                                                            <div class="file-preview box sm"></div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3">
                                                                            <label for="testimonial_content" class="form-label">Content</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="testimonial_content">
                                                                            <textarea class="form-control rns-textEditor" name="testimonial_content[]" placeholder="{{translate('Testimonial Content')}}">{{json_decode(get_setting_home('testimonial_content'), true)[$key]}}</textarea>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                {{-- <div class="col-lg-auto">
                                                                    <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row" onclick="deleteContent('{{ $key }}', 'myForm2')"><i class="ri-delete-bin-5-fill fs-16"></i></button>
                                                                </div> --}}
                                                                <div class="col-lg-auto">
                                                                    <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Remove">
                                                                        <a class="text-danger d-inline-block remove-item-btn confirm-delete" data-bs-toggle="modal" href="#deleteRecordModal" data-key="{{ $key }}" data-form-id="myForm2">
                                                                            <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                        </a>
                                                                    </li>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                        <hr>
                                                    @endif
                                                </div>
                                                <button
                                                    type="button"
                                                    class="btn btn-soft-secondary"
                                                    data-toggle="add-more"
                                                    data-content='
                                                        <div class="row mb-3">
                                                            <div class="col-lg-11">
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="testimonial_content" class="form-label">Name</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="testimonial_name">
                                                                        <input type="text" class="form-control" name="testimonial_name[]" placeholder="{{translate('Name')}}">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="testimonial_company" class="form-label">Company</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="testimonial_company">
                                                                        <input type="text" class="form-control" name="testimonial_company[]" placeholder="{{translate('Company Name')}}">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="testimonial_designation" class="form-label">Designation</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="testimonial_designation">
                                                                        <input type="text" class="form-control" name="testimonial_designation[]" placeholder="{{translate('Designation')}}">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="testimonial_order" class="form-label">Order</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="testimonial_order">
                                                                        <input type="number" class="form-control" name="testimonial_order[]" placeholder="{{translate('Order')}}" min="1" max="10">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3">
                                                                        <label for="slider_image" class="form-label">Image</label>
                                                                    </div>
                                                                    <div class="col-lg-9">
                                                                        <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                            <div class="input-group-prepend">
                                                                                <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                            </div>
                                                                            <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                            <input type="hidden" name="types[]" value="testimonial_image">
                                                                            <input type="hidden" name="testimonial_image[]" class="selected-files" value="">
                                                                        </div>
                                                                        <div class="file-preview box sm"></div>
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3">
                                                                        <label for="testimonial_content" class="form-label">Content</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="testimonial_content">
                                                                        <textarea class="form-control rns-textEditor" name="testimonial_content[]" placeholder="{{translate('Testimonial Content')}}"></textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-auto">
                                                                <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"><i class="las la-times"></i></button>
                                                            </div>
                                                        </div><hr>
                                                        '
                                                        data-target=".testimonial-data"
                                                    >
                                                    {{translate('Add New')}}
                                                </button>
                                                <div class="row gy-4 mt-3">
                                                    <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                                        <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                                        <button type="reset" class="btn btn-soft-danger">{{translate('Reset')}}</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Logo Tab -->
                            <div class="tab-pane fade" id="v-pills-logo" role="tabpanel" aria-labelledby="v-pills-logo">
                                <div class="tab-pane fade show active" id="v-pills-general" role="tabpanel" aria-labelledby="v-pills-logo">
                                    <div class="row mt-2">
                                        <div class="col-md-12">
                                            <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;"> {{translate('Logo Slider')}} </h5>
                                        </div>
                                        <div class="row mt-5">
                                            <form id="myForm3" action="{{route('update.pagecontent')}}" method="POST" enctype="multipart/form-data">
                                                @csrf
                                                <div class="logo-data">
                                                    @if (get_setting_home('logo_name') != null)
                                                        @foreach (json_decode(get_setting_home('logo_name')) as $key => $value)
                                                            <div class="row mb-3">
                                                                <div class="col-lg-11">
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3 mt-3">
                                                                            <label for="logo_name" class="form-label">Logo Name</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="logo_name">
                                                                            <input type="text" class="form-control" name="logo_name[]" value="{{json_decode(get_setting_home('logo_name'), true)[$key]}}" placeholder="{{translate('LogoName')}}" required>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3">
                                                                            <label for="logo_image" class="form-label">Logo</label>
                                                                        </div>
                                                                        <div class="col-lg-9">
                                                                            <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                                <div class="input-group-prepend">
                                                                                    <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                                </div>
                                                                                <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                                <input type="hidden" name="types[]" value="logo_image">
                                                                                <input type="hidden" name="logo_image[]" class="selected-files" value="{{json_decode(get_setting_home('logo_image'), true)[$key]}}">
                                                                            </div>
                                                                            <div class="file-preview box sm"></div>
                                                                        </div>
                                                                    </div>
                                                                    
                                                                    <div class="row mb-3">
                                                                        <div class="col-lg-3 mt-3">
                                                                            <label for="logo_order" class="form-label">Logo Order</label>
                                                                        </div>
                                                                        <div class="col-lg-9 mt-2">
                                                                            <input type="hidden" name="types[]" value="logo_order">
                                                                            <input type="number" class="form-control" name="logo_order[]" value="{{json_decode(get_setting_home('logo_order'), true)[$key]}}" placeholder="{{translate('Order')}}" min="1" max="5">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                {{-- <div class="col-lg-auto">
                                                                    <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"  data-index="{{ $key }}" onclick="deleteContent('{{ $key }}', 'myForm3')"><i class="ri-delete-bin-5-fill fs-16"></i></button>
                                                                </div> --}}
                                                                <div class="col-lg-auto">
                                                                    <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Remove">
                                                                        <a class="text-danger d-inline-block remove-item-btn confirm-delete" data-bs-toggle="modal" href="#deleteRecordModal" data-key="{{ $key }}" data-form-id="myForm3">
                                                                            <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                        </a>
                                                                    </li>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                        <hr>
                                                    @endif
                                                </div>
                                                <button
                                                    type="button"
                                                    class="btn btn-soft-secondary"
                                                    data-toggle="add-more"
                                                    data-content='
                                                        <div class="row mb-3">
                                                            <div class="col-lg-11">
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="logo_name" class="form-label">Logo Name</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="logo_name">
                                                                        <input type="text" class="form-control" name="logo_name[]" placeholder="{{translate('LogoName')}}">
                                                                    </div>
                                                                </div>
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3">
                                                                        <label for="logo_image" class="form-label">Logo</label>
                                                                    </div>
                                                                    <div class="col-lg-9">
                                                                        <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                            <div class="input-group-prepend">
                                                                                <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                            </div>
                                                                            <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                            <input type="hidden" name="types[]" value="logo_image">
                                                                            <input type="hidden" name="logo_image[]" class="selected-files" value="">
                                                                        </div>
                                                                        <div class="file-preview box sm"></div>
                                                                    </div>
                                                                </div>
                                                                
                                                                <div class="row mb-3">
                                                                    <div class="col-lg-3 mt-3">
                                                                        <label for="logo_order" class="form-label">Logo Order</label>
                                                                    </div>
                                                                    <div class="col-lg-9 mt-2">
                                                                        <input type="hidden" name="types[]" value="logo_order">
                                                                        <input type="number" class="form-control" name="logo_order[]" placeholder="{{translate('Order')}}"   <input type="number"  name="quantity" min="1" max="5">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-auto">
                                                                <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"><i class="las la-times"></i></button>
                                                            </div>
                                                        </div><hr>
                                                        '
                                                        data-target=".logo-data"
                                                    >
                                                    {{translate('Add New')}}
                                                </button>
                                                <div class="row gy-4 mt-3">
                                                    <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                                        <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                                        <button type="reset" class="btn btn-soft-danger">{{translate('Reset')}}</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Key Feature Tab -->
                            <div class="tab-pane fade" id="v-pills-keyfeature" role="tabpanel" aria-labelledby="v-pills-keyfeature">
                                <div class="row mt-2">
                                    <div class="col-md-12">
                                        <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">{{ translate('Key Features') }}</h5>
                                    </div>
                                    <form id="myForm4" action="{{route('update.pagecontent')}}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="keyfeature-data">
                                            @if (get_setting_home('keyfeature_content') != null)
                                                @foreach (json_decode(get_setting_home('keyfeature_content')) as $key => $value)
                                                <div class="row mb-3">
                                                    <div class="col-lg-11">
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3 mt-3">
                                                                <label for="keyfeature_content" class="form-label">Key-Feature</label>
                                                            </div>
                                                            <div class="col-lg-9 mt-2">
                                                                <input type="hidden" name="types[]" value="keyfeature_content">
                                                                <input type="text" class="form-control" name="keyfeature_content[]" value="{{json_decode(get_setting_home('keyfeature_content'), true)[$key]}}" placeholder="{{translate('Feature')}}" required>
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-lg-3">
                                                                <label for="keyfeature_image" class="form-label">KeyFeature Image</label>
                                                            </div>
                                                            <div class="col-lg-9">
                                                                <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                    <div class="input-group-prepend">
                                                                        <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                    </div>
                                                                    <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                    <input type="hidden" name="types[]" value="keyfeature_image">
                                                                    <input type="hidden" name="keyfeature_image[]" class="selected-files" value="{{json_decode(get_setting_home('keyfeature_image'), true)[$key]}}"t>
                                                                </div>
                                                                <div class="file-preview box sm"></div>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3 mt-3">
                                                                <label for="keyfeature_desc" class="form-label">{{translate('Key-Features Descriptions')}}</label>
                                                            </div>

                                                            <div class="col-lg-9 mt-2">
                                                                <input type="hidden" name="types[]" value="keyfeature_desc">
                                                                <textarea class="form-control rns-textEditor" name="keyfeature_desc[]" placeholder="{{translate('Key-Features Description')}}">{{json_decode(get_setting_home('keyfeature_desc'), true)[$key]}}</textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- <div class="col-lg-auto">
                                                        <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"  data-index="{{ $key }}" onclick="deleteContent('{{ $key }}', 'myForm4')"><i class="ri-delete-bin-5-fill fs-16"></i></button>
                                                    </div> --}}
                                                    <div class="col-lg-auto">
                                                        <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Remove">
                                                            <a class="text-danger d-inline-block remove-item-btn confirm-delete" data-bs-toggle="modal" href="#deleteRecordModal" data-key="{{ $key }}" data-form-id="myForm4">
                                                                <i class="ri-delete-bin-5-fill fs-16"></i>
                                                            </a>
                                                        </li>
                                                    </div>
                                                </div>
                                                @endforeach
                                                <hr>
                                            @endif
                                        </div>
                                        <button
                                            type="button"
                                            class="btn btn-soft-secondary"
                                            data-toggle="add-more"
                                            data-content='
                                                <div class="row mb-3">
                                                    <div class="col-lg-11">
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3 mt-3">
                                                                <label for="keyfeature_content" class="form-label">Key-Feature</label>
                                                            </div>
                                                            <div class="col-lg-9 mt-2">
                                                                <input type="hidden" name="types[]" value="keyfeature_content">
                                                                <input type="text" class="form-control" name="keyfeature_content[]" placeholder="{{translate('Feature')}}">
                                                            </div>
                                                        </div>

                                                        <div class="row mb-3">
                                                            <div class="col-lg-3">
                                                                <label for="keyfeature_image" class="form-label">KeyFeature Image</label>
                                                            </div>
                                                            <div class="col-lg-9">
                                                                <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                    <div class="input-group-prepend">
                                                                        <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                    </div>
                                                                    <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                    <input type="hidden" name="types[]" value="keyfeature_image">
                                                                    <input type="hidden" name="keyfeature_image[]" class="selected-files" value="">
                                                                </div>
                                                                <div class="file-preview box sm"></div>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3 mt-3">
                                                                <label for="slider_content" class="form-label">{{translate('Key-Features Descriptions')}}</label>
                                                            </div>

                                                            <div class="col-lg-9 mt-2">
                                                                <input type="hidden" name="types[]" value="keyfeature_desc">
                                                                <textarea class="form-control rns-textEditor" name="keyfeature_desc[]" placeholder="{{translate('Key-Features Description')}}"  cols="30" rows="1"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-auto">
                                                        <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"><i class="las la-times"></i></button>
                                                    </div>
                                                </div><hr>
                                                '
                                                data-target=".keyfeature-data"
                                            >
                                            {{translate('Add New')}}
                                        </button>
                                        <div class="row gy-4 mt-3">
                                            <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                                <button type="reset" class="btn btn-soft-danger">{{translate('Reset')}}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- Counter Tab -->
                            <div class="tab-pane fade" id="v-pills-counter" role="tabpanel" aria-labelledby="v-pills-counter">
                                <div class="row mt-2">
                                    <div class="col-md-12">
                                        <h5 class="mb-3 pb-3 fs-17 fw-700" style="border-bottom: 1px dashed #e4e5eb;">Counter</h5>
                                    </div>
                                    <form id="myForm5" action="{{route('update.pagecontent')}}" method="POST" enctype="multipart/form-data">
                                        @csrf
                                        <div class="counter-data">
                                            @if (get_setting_home('counter_heading') != null)
                                                @foreach (json_decode(get_setting_home('counter_heading')) as $key => $value)
                                                    <div class="row mb-3">
                                                        <div class="col-lg-11">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3">
                                                                    <label for="counter_heading" class="form-label">Heading</label>
                                                                </div>
                                                                <div class="col-lg-9">
                                                                    <input type="hidden" name="types[]" value="counter_heading">
                                                                    <input type="text" class="form-control" name="counter_heading[]" value="{{json_decode(get_setting_home('counter_heading'), true)[$key]}}" placeholder="{{translate('Counter Heading')}}">
                                                                    <span class="error-message" style="color: red;"></span>
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3">
                                                                    <label for="counter_subheading" class="form-label">Sub-Heading</label>
                                                                </div>
                                                                <div class="col-lg-9">
                                                                    <input type="hidden" name="types[]" value="counter_subheading">
                                                                    <input type="text" class="form-control" name="counter_subheading[]" value="{{json_decode(get_setting_home('counter_subheading'), true)[$key]}}" placeholder="{{translate('Sub Heading')}}">
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3">
                                                                    <label for="counter_image" class="form-label">Counter Logo</label>
                                                                </div>
                                                                <div class="col-lg-9">
                                                                    <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                        <div class="input-group-prepend">
                                                                            <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                        </div>
                                                                        <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                        <input type="hidden" name="types[]" value="counter_logo">
                                                                        <input type="hidden" name="counter_logo[]" class="selected-files" value="{{json_decode(get_setting_home('counter_logo'), true)[$key]}}">
                                                                    </div>
                                                                    <div class="file-preview box sm"></div>
                                                                </div>
                                                            </div>
                                                            <div class="row mb-3">
                                                                <div class="col-lg-3">
                                                                    <label for="counter_content" class="form-label">Content</label>
                                                                </div>
                                                                <div class="col-lg-9 mt-2">
                                                                    <input type="hidden" name="types[]" value="counter_content">
                                                                    <textarea class="form-control rns-textEditor" name="counter_content[]" placeholder="{{translate('Counter Content')}}">{{json_decode(get_setting_home('counter_content'), true)[$key]}}</textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        {{-- <div class="col-lg-auto">
                                                            <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"  data-index="{{ $key }}" onclick="deleteContent('{{ $key }}', 'myForm5')"><i class="ri-delete-bin-5-fill fs-16"></i></button>
                                                        </div> --}}
                                                        <div class="col-lg-auto">
                                                            <li class="list-inline-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="Remove">
                                                                <a class="text-danger d-inline-block remove-item-btn confirm-delete" data-bs-toggle="modal" href="#deleteRecordModal" data-key="{{ $key }}" data-form-id="myForm5">
                                                                    <i class="ri-delete-bin-5-fill fs-16"></i>
                                                                </a>
                                                            </li>
                                                        </div>
                                                    </div>
                                                @endforeach
                                                <hr>
                                            @endif
                                        </div>
                                        <button
                                            type="button"
                                            class="btn btn-soft-secondary"
                                            data-toggle="add-more"
                                            data-content='
                                                <div class="row mb-3">
                                                    <div class="col-lg-11">
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3">
                                                                <label for="counter_heading" class="form-label">Heading</label>
                                                            </div>
                                                            <div class="col-lg-9">
                                                                <input type="hidden" name="types[]" value="counter_heading">
                                                                <input type="text" class="form-control" name="counter_heading[]" placeholder="{{translate('Counter Heading')}}">
                                                                <span class="error-message" style="color: red;"></span>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3">
                                                                <label for="counter_subheading" class="form-label">Sub-Heading</label>
                                                            </div>
                                                            <div class="col-lg-9">
                                                                <input type="hidden" name="types[]" value="counter_subheading">
                                                                <input type="text" class="form-control" name="counter_subheading[]" placeholder="{{translate('Sub Heading')}}">
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3">
                                                                <label for="counter_image" class="form-label">Counter Logo</label>
                                                            </div>
                                                            <div class="col-lg-9">
                                                                <div class="input-group" data-toggle="rnsuploader" data-type="image">
                                                                    <div class="input-group-prepend">
                                                                        <div class="input-group-text bg-soft-secondary font-weight-medium">Browse</div>
                                                                    </div>
                                                                    <div class="form-control file-amount col-mr-5">Choose file</div>
                                                                    <input type="hidden" name="types[]" value="counter_logo">
                                                                    <input type="hidden" name="counter_logo[]" class="selected-files" value="">
                                                                </div>
                                                                <div class="file-preview box sm"></div>
                                                            </div>
                                                        </div>
                                                        <div class="row mb-3">
                                                            <div class="col-lg-3">
                                                                <label for="counter_content" class="form-label">Content</label>
                                                            </div>
                                                            <div class="col-lg-9 mt-2">
                                                                <input type="hidden" name="types[]" value="counter_content">
                                                                <textarea class="form-control rns-textEditor" name="counter_content[]" placeholder="{{translate('Counter Content')}}"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-auto">
                                                        <button class="mt-1 btn btn-icon btn-circle btn-sm btn-soft-danger" data-toggle="remove-parent" data-parent=".row"><i class="las la-times"></i></button>
                                                    </div>
                                                </div><hr>
                                                '
                                                data-target=".counter-data"
                                            >
                                            {{translate('Add New')}}
                                        </button>
                                        <div class="row gy-4 mt-3">
                                            <div class="col-xxl-3 d-grid gap-2 d-md-flex justify-content-md-end">
                                                <button type="submit" class="btn btn-soft-primary">{{translate('Save')}}</button>
                                                <button type="reset" class="btn btn-soft-danger">{{translate('Reset')}}</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('backend.modals.delete')
@endsection

@section('script')
{{-- <script>
    function deleteContent(key, formId) {
        var formData = new FormData(document.getElementById(formId));
        formData.append('index', key);

        $.ajax({
            url: '{{ route("homepage.delete") }}',
            type: 'POST',
            _token: '{{ csrf_token() }}',
            data : formData,

            processData: false,
            contentType: false,
            success: function(response) {
                alert("Success");
                console.log(response);
                // location.reload();
            },
            error: function(xhr, status, error) {
                alert("failed");
                console.error(error);
            }
        });
    }

</script> --}}



<script>
    // When the modal is shown
    $('#deleteRecordModal').on('show.bs.modal', function (event) {
        var triggerLink = $(event.relatedTarget);
        var key = triggerLink.data('key');
        var formId = triggerLink.data('form-id');
        var deleteLink = $('#delete-link');
        deleteLink.attr('href', '{{ route("homepage.delete") }}?index=' + key); 
        deleteLink.data('form-id', formId);
        deleteLink.data('key', key);
    });


    $('#delete-link').on('click', function(event) {
        event.preventDefault();
        var deleteUrl = $(this).attr('href');
        var formId = $(this).data('form-id');
        var key = $(this).data('key');
        var formData = new FormData(document.getElementById(formId));
        formData.append('index', key);
        
        $.ajax({
            url: deleteUrl,
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                // alert("Success");
                location.reload();
                console.log(response);
            },
            error: function(xhr, status, error) {
                alert(xhr);
                console.error(error);
            }
        });
    });
</script>

@endsection