{{-- <x-form-group> --}}
@section('title', 'Create Item')

<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
    
<style>
    select[disabled] {
    background-color: #EEF3F7 !important; /* Warna latar belakang */
    color: #c3d1df !important; /* Warna teks */
    cursor: not-allowed !important; /* Kursor */
}
</style>

<div class="card">
    <div class="card-header border-0 cursor-pointer" role="button" data-bs-toggle="collapse" data-bs-target="#kt_user_register" aria-expanded="true" aria-controls="kt_user_register">
        <div class="card-title m-0">
            <h3 class="fw-bolder m-0">{{ __('Create Item') }}</h3>
        </div>
    </div>

    <div class="card-body border-top p-9">
       @include('partials.alerts.main')
        <div id="form_container">
            <form method="POST" action="{{ route('item.store') }}" class="form w-100" id="kt_button_create_form" novalidate="novalidate" enctype="multipart/form-data">
                @csrf
                {{-- @foreach($section_base_slug as $section)
                    {{ $section['slug'] }}<br>
                @endforeach --}}
                <input type="hidden" name="section_slug" value="">
                <div class="form-group">
                    <div class="row mb-6">
                        <label
                            class="col-lg-4 col-form-label required text-dark fs-6">{{ __('Section Type') }}</label>
                        <div class="col-lg-8">
                            <select required id="input_section_id" name="section_id" data-control="select2" class="form-select form-select-solid form-select-lg select-type" onchange="selectType(this)">
                                <option value="">Choose One</option>
                                @foreach ($sections as $section)
                                    {{-- @if ($section['slug'] != 'hero' && $section['slug'] != 'staytuned') --}}
                                        <option value="{{ $section['id'] }}" data-slug="{{ $section['slug'] ?? '' }}" {{ $section['id'] == old('section_id') ? 'selected' : '' }}> {{ $section['title'] ?? '' }} </option>
                                    {{-- @endif --}}
                                @endforeach
                            </select>
                        </div>
                    </div>

                    {{-- <div class="row mb-6">
                        <label
                            class="col-lg-4 col-form-label required text-dark fs-6">{{ __('Type') }}</label>
                        <div class="col-lg-8">
                            <input required type="text" name="item_type"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Type"
                                value="{{ old('item_type') ?? '' }}" />
                        </div>
                    </div> --}}
                    <div class="row mb-6">
                        <label class="col-lg-4 col-form-label text-dark fs-6">{{ __('Type') }}
                            <span class="text-danger">*</span>
                            <div class="spinner-border text-primary ms-2 d-none" role="status" id="loading-spinner">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </label>
                        <div class="col-lg-8">
                            <select required name="item_type" data-control="select2" class="form-select form-select-lg form-select-solid mb-3 mb-lg-0">
                                <option value="">Choose One</option>
                                @if ($data_items)
                                    @foreach($data_items as $data_item)
                                        <option value="{{ $data_item['type'] }}" {{ old('item_type') == $data_item['type'] ? 'selected' : '' }}>{{ $data_item['type'] }}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                    
                    
                    <div class="row mb-6">
                        <label
                            class="col-lg-4 col-form-label required text-dark fs-6">{{ __('Order') }}</label>
                        <div class="col-lg-8">
                            <input required type="number" name="order"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Order "
                                value="{{ old('order') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_caption">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Caption') }}</label>
                        <div class="col-lg-8">
                            <input type="text" id="item_caption" name="item_caption"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Caption"
                                value="{{ old('item_caption') ?? '' }}" />
                                <span id="warning_caption" class="pt-4 text-danger" style="display:none;">*Please enter only numbers or decimals.</span>
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_bottom_caption">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Bottom Caption') }}</label>
                        <div class="col-lg-8">
                            <input type="text" id="item_bottom_caption" name="item_bottom_caption"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Bottom Caption"
                                value="{{ old('item_bottom_caption') ?? '' }}" />
                                <span id="warning_bottom_caption" class="pt-4 text-danger" style="display:none;">*Please enter only numbers or decimals.</span>                        
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_title">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6 title">{{ __('Title') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_title"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 title"
                                placeholder="Items Title"
                                value="{{ old('item_title') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_subtitle">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Subtitle') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_subtitle"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Subtitle"
                                value="{{ old('item_subtitle') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_desc">
                        <label
                            class="col-lg-4 col-form-label fw-bolder text-dark fs-6 mt-5">{{ __('Desc') }}</label>
                        <div class="col-lg-8">
                            <div class="row">
                                <div class="col-lg-12 fv-row">
                                    <textarea id="item_desc" name="item_desc" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 summernote"
                                        rows="5" data-target="item_desc" placeholder="Items Description">{{ old('item_desc') ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="row mb-6" hidden id="input_content">
                        <label
                            class="col-lg-4 col-form-label fw-bolder text-dark fs-6 mt-5">{{ __('Content') }}</label>

                        <div class="col-lg-8">
                            <div class="row">
                                <div class="col-lg-12 fv-row">
                                    <textarea name="item_content" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 summernote" rows="5" data-target="item_content"
                                        placeholder="Items Content">{{ old('item_content') ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_info">
                        <label
                            class="col-lg-4 col-form-label fw-bolder text-dark fs-6 mt-5">{{ __('Info') }}</label>

                        <div class="col-lg-8">
                            <div class="row">
                                <div class="col-lg-12 fv-row">
                                    <textarea name="info" class="form-control form-control-lg form-control-solid mb-3 mb-lg-0 summernote" rows="5" data-target="info"
                                        placeholder="Info">{{ old('info') ?? '' }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_facilities">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Facilities') }}</label>
                        <div class="col-lg-8 row">
                            <div class="col-lg-6">
                                <input type="number" name="facilities[room]"
                                    class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                    placeholder="Room" value="{{ old('facilities.room') ?? '' }}" />
                            </div>
                            <div class="col-lg-6">
                                <input type="number" name="facilities[meeting]"
                                    class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                    placeholder="Meeting" value="{{ old('facilities.meeting') ?? '' }}" />
                            </div>
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_background_animation">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Background Animation') }}</label>
                        <div class="col-lg-8">                                
                            <select required name="background_animation" data-control="select2" class="form-select form-select-solid form-select-lg select-type">
                                <option value="" disabled hidden selected>Choose One</option>
                                <option value="to_top" {{ old('background_animation') == 'to_top' ? 'selected' : '' }}>To Top</option>
                                <option value="to_right" {{ old('background_animation') == 'to_right' ? 'selected' : '' }}>To Right</option>
                                <option value="to_bottom" {{ old('background_animation') == 'to_bottom' ? 'selected' : '' }}>To Bottom</option>
                                <option value="to_left" {{ old('background_animation') == 'to_left' ? 'selected' : '' }}>To Left</option>
                                <option value="right_to_left" {{ old('background_animation') == 'right_to_left' ? 'selected' : '' }}>Right To Left</option>
                            </select>
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_image">
                        <label
                        class="col-lg-4 col-form-label fw-bolder text-dark fs-6 mt-5">{{ __('Image') }}</label>

                        <div class="col-lg-8 mt-7">
                            <div class="row">
                                <div class="col-lg-4 fv-row">
                                    <input type="hidden" name="image_url">
                                    <div class="image-input image-input-empty" data-kt-image-input="true"
                                        style="background-image: url('{{ old('image_url') ?? url('/custom/blank.png') }}')">
                                        <div class="image-input-wrapper w-125px h-125px"></div>
                                        <label
                                            class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-white shadow"
                                            data-kt-image-input-action="change" data-bs-toggle="tooltip"
                                            data-bs-dismiss="click" title="change image">
                                            <i class="bi bi-pencil-fill fs-7"></i>
                                            <input type="file" class="aaa" name="image"
                                                accept=".png, .jpg, .jpeg"/>
                                            <input type="hidden" name="avatar_remove" />
                                        </label>
                                        <span
                                            class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-white shadow"
                                            data-kt-image-input-action="remove" data-bs-toggle="tooltip"
                                            data-bs-dismiss="click" title="Remove avatar">
                                            <i class="bi bi-x fs-2"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <span id="warning_image" class="pt-4 text-danger" style="display:block; font-style: italic;">*Please upload a valid file format. Max size: 2MB.</span>   
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_top_image_animation">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Top Image Animation') }}</label>
                        <div class="col-lg-8">
                            <select required name="top_image_animation" data-control="select2" class="form-select form-select-solid form-select-lg select-type">
                                <option value="" disabled hidden selected>Choose One</option>
                                <option value="to_top" {{ old('top_image_animation') == 'to_top' ? 'selected' : '' }}>To Top</option>
                                <option value="to_right" {{ old('top_image_animation') == 'to_right' ? 'selected' : '' }}>To Right</option>
                                <option value="to_bottom" {{ old('top_image_animation') == 'to_bottom' ? 'selected' : '' }}>To Bottom</option>
                                <option value="to_left" {{ old('top_image_animation') == 'to_left' ? 'selected' : '' }}>To Left</option>
                                <option value="right_to_left" {{ old('top_image_animation') == 'right_to_left' ? 'selected' : '' }}>Right To Left</option>
                            </select>
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_address">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Address') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_address"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Address"
                                value="{{ old('item_address') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_phone_number">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Phone Number') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_phone_number"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Phone Number"
                                value="{{ old('item_phone_number') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_email">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Email') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_email"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Email"
                                value="{{ old('item_email') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_policy">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Link Privacy Policy') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_policy"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Link Privacy Policy"
                                value="{{ old('item_policy') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_instagram">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Link Instagram') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_instagram"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Link Instagram"
                                value="{{ old('item_instagram') ?? '' }}" />
                        </div>
                    </div>
                    <div class="row mb-6" hidden id="input_link">
                        <label
                            class="col-lg-4 col-form-label text-dark fs-6">{{ __('Link') }}</label>
                        <div class="col-lg-8">
                            <input type="text" name="item_link"
                                class="form-control form-control-lg form-control-solid mb-3 mb-lg-0"
                                placeholder="Items Link "
                                value="{{ old('item_link') ?? '' }}" />
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card-footer">
        <div class="text-center">
            <button type="submit" form="kt_button_create_form" class="btn btn-lg btn-primary" id="btn_submit" onclick="handleSubmit(this)" disabled>
                @include('partials.general._button-indicator', ['label' => __('Submit')])
            </button>
        </div>
    </div>
</div>


@section('scripts')
    <script src="{{ asset('custom/formrepeater.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/6.0.0-beta.1/dropzone-min.js"
        integrity="sha512-kLQ8y6epwwH5HA1M6K0bw2erLB1+Vz+7HOUepLaKRecyGXaP0K/9b6kq2+MZlyWt6E/AH6dtnxDom8lniz5BWw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/gh/perevoshchikov/summernote-grid@1.0.0/summernote-grid.min.js"></script>
    <script src="{{asset('vendor/summernote-image-attributes/summernote-image-attributes.js')}}"></script>
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
    <script>

        function handleSubmit(button) {
            // Cegah multiple submit
            button.disabled = true;

            // Ubah tampilan button dari label ke progress
            let indicatorLabel = button.querySelector(".indicator-label");
            let indicatorProgress = button.querySelector(".indicator-progress");

            if (indicatorLabel && indicatorProgress) {
                indicatorLabel.style.display = "none";  // Sembunyikan label
                indicatorProgress.style.display = "inline-block"; // Tampilkan loading
            }

            let form = document.getElementById("kt_button_create_form");
            form.submit();
        }

        $('#kt_docs_repeater_nested').repeater({
            repeaters: [{
                selector: '.inner-repeater',
                show: function () {
                    $(this).fadeIn();
                },

                hide: function (deleteElement) {
                    $(this).fadeOut(deleteElement);
                }
            }],

            show: function () {
                $(this).slideDown();
            },

            hide: function (deleteElement) {
                $(this).slideUp(deleteElement);
            }
        });

        const summerNoteInit = () => {
            $('.summernote').summernote({
                lang: 'en-US',
                imageAttributes:{
                    icon:'<i class="note-icon-pencil"/>',
                    removeEmpty:false, // true = remove attributes | false = leave empty if present
                    disableUpload: false // true = don't display Upload Options | Display Upload Options
                },
                popover: {
                    image: [
                        ['custom', ['imageAttributes']],
                        ['image', ['resizeFull', 'resizeHalf', 'resizeQuarter', 'resizeNone']],
                        ['float', ['floatLeft', 'floatRight', 'floatNone']],
                        ['remove', ['removeMedia']]
                    ],
                },

                toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['font', ['strikethrough', 'superscript', 'subscript']],
                    ['fontsize', ['fontsize']],
                    ['color', ['color']],
                    ['para', ['style','ul', 'ol', 'paragraph', 'height']],
                    ['table', ['table']],
                    ['insert', [ 'picture']],//,'link', 'video','hr', 'grid'
                    ['view', ['fullscreen', 'codeview', 'undo', 'redo', 'help']],
                ],
                grid: {
                    wrapper: "row",
                    columns: [
                        "col-md-12",
                        "col-md-6",
                        "col-md-4",
                        "col-md-3",
                        "col-md-24",
                    ]
                },
                callbacks: {
                    onImageUpload: function(image) {
                        sendFile(image[0], null, null, $(this));
                    },
                    onMediaDelete: function(target) {
                        deleteFile(target[0].src, $(this));
                    }
                },
                icons: {
                    grid: "bi bi-grid-3x2"
                },
            });
        }

        $(document).ready(function() {
            summerNoteInit();
            
            var selectElement = document.getElementById('input_section_id');
            if (selectElement.value) {
                selectType(selectElement);
            }
        });

        function sendFile(file, editor, welEditable, targetTextarea) {
            token = "{{ csrf_token() }}"

            data = new FormData();
            data.append("file", file);
            data.append('_token', token);

            $('#loading-image-summernote').show();
            $(targetTextarea).summernote('disable');

            $.ajax({
                data: data,
                type: "POST",
                url: "{{ url('summernote/picture/upload/article') }}",
                cache: false,
                contentType: false,
                processData: false,
                success: function(url) {
                    console.log(url);

                    if (url['status'] == "success") {
                        $(targetTextarea).summernote('enable');
                        $('#loading-image-summernote').hide();
                        $(targetTextarea).summernote('editor.saveRange');
                        $(targetTextarea).summernote('editor.restoreRange');
                        $(targetTextarea).summernote('editor.focus');
                        $(targetTextarea).summernote('editor.insertImage', '{{ asset("storage/") }}' + '/' + url['image_url']);
                    }

                    $("img").addClass("img-fluid");

                },
                error: function(data) {
                    console.log(data)
                    $(targetTextarea).summernote('enable');
                    $('#loading-image-summernote').hide();
                }
            });
        }

        function deleteFile(target, targetTextarea) {
            token = "{{ csrf_token() }}"

            data = new FormData();
            data.append("target", target);
            data.append('_token', token);

            $('#loading-image-summernote').show();
            $(targetTextarea).summernote('disable');

            $.ajax({
                data: data,
                type: "POST",
                url: "{{ url('summernote/picture/delete/article') }}",
                cache: false,
                contentType: false,
                processData: false,
                success: function(result) {
                    console.log(result)
                    if (result['status'] == "success") {
                        $(targetTextarea).summernote('enable');
                        $('#loading-image-summernote').hide();
                    }
                },
                error: function(data) {
                    console.log(data)
                    $(targetTextarea).summernote('enable');
                    $('#loading-image-summernote').hide();
                }
            });
        }

        function load_type_item(section_id) {
            const url_section = "/item/section/" + section_id;
            const spinner = document.getElementById('loading-spinner');

            spinner.classList.remove('d-none');
            $.ajax({
                url: url_section,
                type: "GET",
                success: function(response) {
                    var data_items = response;
            
                    var selectElement = document.querySelector('select[name="item_type"]');
                    
                    while (selectElement.options.length > 1) {
                        selectElement.remove(1);
                    }
                    data_items.forEach(function(item) {
                        var option = document.createElement('option');
                        option.value = item.type;
                        option.textContent = item.type;
                        selectElement.appendChild(option);
                    });

                    spinner.classList.add('d-none');
                },
                error: function(xhr, status, error) {
                    console.error("Error: " + error);
                    spinner.classList.add('d-none');
                }
            });
        }

        function selectType(that) {
            var selectedOption = that.options[that.selectedIndex];

            var section_id = selectedOption.value;
            // load_type_item(section_id);
            
            var slug = selectedOption.getAttribute('data-slug');
            $('#input_section_slug').val(slug);

            if (slug == "hero") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', false);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 2000 x 2000 px.");

                $('#input_top_image_animation').attr('hidden', false);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);

                $('#item_desc').summernote({
                    height: 150,
                    codemirror: {
                        theme: 'monokai'
                    }
                });
                
                $('#item_desc').summernote('code', '');
                $('#item_desc').summernote('codeview.toggle');
            }
            else if (slug == "three-image") {
                $('#input_caption').attr('hidden', false);
                $('#input_bottom_caption').attr('hidden', false);

                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "three-image-caption") {
                $('#input_caption').attr('hidden', false);

                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "one-story") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "accommodation") {
                $('#input_caption').attr('hidden', false);

                $('#item_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
                
                $('#item_desc').summernote({
                    height: 150,
                    codemirror: {
                        theme: 'monokai'
                    }
                });
                
                $('#item_desc').summernote('code', '');
                $('#item_desc').summernote('codeview.toggle');
            }
            else if (slug == "career") {
                $('#input_caption').attr('hidden', false);

                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1920 x 1920 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "contact-banner") {
                $('#input_caption').attr('hidden', false);

                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', false);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "contact-information") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', false);
                $('#input_phone_number').attr('hidden', false);
                $('#input_email').attr('hidden', false);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "staytuned-with-background") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', false);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "our-hotel") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1096 x 540 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', false);
                $('#btn_submit').attr('disabled', false);
                
                $('#item_desc').summernote({
                    height: 150,
                    codemirror: {
                        theme: 'monokai'
                    }
                });
                
                $('#item_desc').summernote('code', '');
                $('#item_desc').summernote('codeview.toggle');
            }
            else if (slug == "carousel-main") {
                $('#input_caption').attr('hidden', false);
                
                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "right-image-offset") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1080 x 1209 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "purple-image-left") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 900 x 600 px.");
                
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "column-with-icon") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 720 x 755 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "swiper-image") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "our-locations") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 3000 x 3000 px.");
                
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "room-slide") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "ota-rank") {
                $('#input_caption').attr('hidden', false);
                $('#input_bottom_caption').attr('hidden', false);

                $('#item_caption').val('');
                $('#item_bottom_caption').val('');
                $('#item_caption, #item_bottom_caption').on('input', function() {
                    let value = this.value;
                    let warningId = this.id === 'item_caption' ? '#warning_caption' : '#warning_bottom_caption';
                    if (/[^0-9.,]/.test(value)) {
                        $(warningId).show();
                        this.value = value.replace(/[^0-9.,]/g, '');
                    } else {
                        $(warningId).hide();
                    }
                });

                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1800 x 250 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "banner-fullwidth-title") {
                $('#input_caption').attr('hidden', false);
                
                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1920 x 320 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "article-full") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "card-product") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 760 x 760 px or 760 x 320 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', false);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "article-info-left") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', false);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                // $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: banyak typenya px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "three-image-square") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "event") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', false);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', false);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1920 x 376 px.");

                $('#input_top_image_animation').attr('hidden', false);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "stylish-slider") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "event-detail") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 1920 x 376 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "experience") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', false);
                
                $('#item_caption, #item_bottom_caption').off('input');
                $('#item_caption').val('');
                $('#warning_caption').hide();
                $('#item_bottom_caption').val('');
                $('#warning_bottom_caption').hide();

                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', false);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "article-image-left") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 508 x 902 px.");
                
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "card-product-square") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', false);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', false);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', false);
                $('#warning_image').text("*Please upload a valid file format. Max size: 2MB. Size requirement: 760 x 760 px.");

                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', false);
                $('#btn_submit').attr('disabled', false);
            }
            else if (slug == "policy") {
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', false);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', false);
            }
            else {
                // alert("This is not yet defined");
                $('#input_caption').attr('hidden', true);
                $('#input_bottom_caption').attr('hidden', true);
                $('#input_title').attr('hidden', true);
                $('#input_subtitle').attr('hidden', true);
                $('#input_desc').attr('hidden', true);
                $('#input_content').attr('hidden', true);
                $('#input_info').attr('hidden', true);
                $('#input_facilities').attr('hidden', true);
                $('#input_background_animation').attr('hidden', true);
                $('#input_image').attr('hidden', true);
                $('#input_top_image_animation').attr('hidden', true);
                $('#input_address').attr('hidden', true);
                $('#input_phone_number').attr('hidden', true);
                $('#input_email').attr('hidden', true);
                $('#input_policy').attr('hidden', true);
                $('#input_instagram').attr('hidden', true);
                $('#input_link').attr('hidden', true);
                $('#btn_submit').attr('disabled', true);
            }
        };
    </script>
@endsection


{{-- </x-form-group> --}}