@extends('admin.layouts.app')
@section('title')
    {{ __('create') }} {{ __('page') }}
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <form class="" action="{{ route('module.blog.store') }}" method="POST" enctype="multipart/form-data">
                        <input type="hidden" name="author_id" value="{{ auth()->id() }}">
                        @csrf
                        <div class="card-header">
                            <h3 class="card-title line-height-36">{{ __('create') }}</h3>
                            <button type="submit" class="btn bg-success float-right">
                                <i class="fas fa-plus mr-1"></i>
                                {{ __('save') }}
                            </button>
                            <a href="{{ route('module.blog.index') }}" class="btn mr-2 bg-primary float-right"><i
                                    class="fas fa-arrow-left"></i>&nbsp;{{ __('back') }}
                            </a>
                        </div>
                        <div class="container-fluid mt-3">

                            {{-- <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title line-height-36">{{ __('blog') }} {{ __('create') }}</h4>
                                   
                                </div>
                            </div> --}}


                            <div class="row">
                                <div class="form-group col-6">
                                    <label class="form-lebel">
                                        {{ __('title') }}
                                        <small class="text-danger">*</small>
                                    </label>
                                    <input value="{{ old('title') }}" name="title" type="text" id="title"
                                        class="form-control @error('title') is-invalid @enderror"
                                        placeholder="{{ __('enter') }} {{ __('title') }}">
                                    <small class="text-danger"></small>
                                    @error('title')
                                        <span class="invalid-feedback"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>

                                <div class="form-group col-6">
                                    <label class="form-lebel">
                                        {{ __('url') }}
                                        <small class="text-danger">*</small>
                                    </label>
                                    <input type="text" id="url" name="url" value="{{ old('url') }}"
                                        class="form-control @error('url') is-invalid @enderror" placeholder="Url" />
                                    <small class="text-danger"></small>
                                    @error('url')
                                        <span class="invalid-feedback"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <label class="form-lebel">
                                        {{ __('category') }}
                                        <small class="text-danger">*</small>
                                    </label>
                                    <select name="category_id" id="category_id"
                                        class="@error('category_id') is-invalid @enderror w-100-p form-control">
                                        <option value="">{{ __('select_category') }}</option>

                                        @foreach ($categories as $category)
                                            <option {{ old('category_id') == $category['id'] ? 'selected' : '' }}
                                                data-class="{{ get_str($category['name']) }}"
                                                value="{{ $category['id'] }}">{{ $category['name'] }}</option>
                                            @if (!empty($category['sub_category']))
                                                @foreach ($category['sub_category'] as $sub_category)
                                                    <option
                                                        {{ old('category_id') == $sub_category['id'] ? 'selected' : '' }}
                                                        data-class="{{ get_str($category['name']) }}"
                                                        value="{{ $sub_category['id'] }}">
                                                        [{{ $category['name'] }}]-{{ $sub_category['name'] }} </option>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    </select>
                                    <small class="text-danger"></small>
                                    @error('category_id')
                                        <span class="invalid-feedback"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>

                                <div class="form-group col-6">
                                    <label class="form-lebel">
                                        {{ __('status') }}
                                        <small class="text-danger">*</small>
                                    </label>
                                    <select name="status" class="form-control {{ error('status') }}" id="status">
                                        <option {{ old('status') == 'draft' ? 'selected' : '' }} value="draft">
                                            {{ __('draft') }}</option>
                                        <option {{ old('status') == 'published' ? 'selected' : '' }} value="published">
                                            {{ __('published') }}</option>
                                        <option {{ old('status') == 'unpublished' ? 'selected' : '' }} value="unpublished">
                                            {{ __('unpublished') }}</option>
                                    </select>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6 optional-field category-page">
                                    <label class="form-lebel">
                                        {{ __('select_category') }}
                                    </label>
                                    <select name="parent_category_id" id="parent_category_id"
                                        class="@error('parent_category_id') is-invalid @enderror w-100-p form-control">
                                        <option value="">{{ __('select_category') }}</option>

                                        @foreach ($categories as $category)
                                            <option {{ old('parent_category_id') == $category['id'] ? 'selected' : '' }}
                                                value="{{ $category['id'] }}">{{ $category['name'] }}</option>
                                            @if (!empty($category['sub_category']))
                                                @foreach ($category['sub_category'] as $sub_category)
                                                    <option
                                                        {{ old('parent_category_id') == $sub_category['id'] ? 'selected' : '' }}
                                                        value="{{ $sub_category['id'] }}">
                                                        [{{ $category['name'] }}]-{{ $sub_category['name'] }} </option>
                                                @endforeach
                                            @endif
                                        @endforeach
                                    </select>
                                    <small class="text-danger"></small>
                                    @error('parent_category_id')
                                        <span class="invalid-feedback"
                                            role="alert"><strong>{{ $message }}</strong></span>
                                    @enderror
                                </div>


                                <div class="form-group col-6 optional-field country-page" id="select_country_show">
                                    <x-forms.label name="country" :required="true" />
                                    <select name="country_id" class="form-control select2bs4 {{ error('country_id') }}"
                                        id="country_id">
                                        <option value="" class="d-none">
                                            {{ __('select_country') }}
                                        </option>
                                        @foreach ($countries as $country)
                                            <option {{ $country->id == old('country_id') ? 'selected' : '' }}
                                                value="{{ $country->id }}">
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <small class="text-danger"></small>
                                    <x-forms.error name="country_id" />
                                </div>

                            </div>

                            {{-- <div class="row">
                                <div class="col-12">
                                    <select name="parent_category_id" id="parent_category_id"
                                        class="@error('parent_category_id') is-invalid @enderror w-100-p form-control">
                                        <option value="">{{ __('select_parent_category') }}</option>
    
                                        @foreach ($categories as $category)
                                        <option {{ old('parent_category_id') == $category['id'] ? 'selected' : '' }}
                                            value="{{ $category['id'] }}">{{ $category['name']}}</option>
                                    @endforeach
                                    </select>
                                </div>
                            </div> --}}
                            <div class="row">

                                <div class="col-12">
                                    <div class="">
                                        <ul class="nav nav-tabs" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link active" data-toggle="tab" href="#tabs-1"
                                                    role="tab">
                                                    {{ __('content') }}</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" href="#tabs-2"
                                                    role="tab">{{ __('images') }}</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" href="#tabs-3"
                                                    role="tab">{{ __('meta_tags') }}</a>
                                            </li>
                                            {{-- <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" href="#tabs-4"
                                                    role="tab">{{ __('fields') }}</a>
                                            </li> --}}
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" href="#tabs-5"
                                                    role="tab">{{ __('publish') }}</a>
                                            </li>
                                        </ul>
                                        <div class="body tab-content">



                                            <div class="card tab-pane active" id="tabs-1" role="tabpanel">




                                                <div class="card-body">

                                                    <div class="row optional-field blog consultancy category-page">
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Header Title (H1)" :required="false" />
                                                            <x-forms.input type="text" name="header_title"
                                                                value="{{ old('header_title') }}"
                                                                placeholder="Enter Header Title" />
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Short Description" :required="false" />
                                                            <textarea type="text" class="form-control" name="header_description" placeholder="Enter Short Description">{{ old('header_description') }}</textarea>
                                                            <x-forms.error name="header_description" />
                                                        </div>
                                                    </div>

                                                    <div class="row optional-field consultancy country-page category-page">
                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('page') }} {{ __('header') }}
                                                            </label>
                                                            <textarea id="editor1" type="text" class="form-control" name="page_header"
                                                                placeholder="{{ __('page') }} {{ __('header') }}">{{ old('page_header') }}</textarea>
                                                            @error('page_header')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    {{-- <div class="row"> --}}
                                                    <div class="row optional-field consultancy country-page generic-pages category-page">
                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('middle_content') }}
                                                            </label>
                                                            <textarea id="editor2" type="text" class="form-control" name="middle_content"
                                                                placeholder="{{ __('middle_content') }}">{{ old('middle_content') }}</textarea>
                                                            @error('middle_content')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('description') }}
                                                                <small class="text-danger">*</small>
                                                            </label>
                                                            <textarea id="editor3" type="text" class="form-control" name="description"
                                                                placeholder="{{ __('enter') }}  {{ __('description') }}" required>{{ old('description') }}</textarea>
                                                            <small class="text-danger"></small>
                                                            @error('description')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    {{-- <div class="row"> --}}
                                                    <div class="row optional-field consultancy country-page generic-pages category-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('admission_desc') }}
                                                            </label>
                                                            <textarea id="editor4" type="text" class="form-control" name="admission_desc"
                                                                placeholder="{{ __('enter') }}  {{ __('admission_desc') }}">{{ old('admission_desc') }}</textarea>
                                                            @error('admission_desc')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>



                                                    <div class="row optional-field  country-page category-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('city_desc') }}
                                                            </label>
                                                            <textarea id="editor5" type="text" class="form-control" name="city_desc"
                                                                placeholder="{{ __('enter') }}  {{ __('city_desc') }}">{{ old('city_desc') }}</textarea>
                                                            @error('city_desc')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>



                                                    <div class="row optional-field country-page category-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('cost_of_living_desc') }}
                                                            </label>
                                                            <textarea id="editor6" type="text" class="form-control" name="cost_of_living_desc"
                                                                placeholder="{{ __('enter') }}  {{ __('cost_of_living_desc') }}">{{ old('cost_of_living_desc') }}</textarea>
                                                            @error('cost_of_living_desc')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>



                                                    <div class="row optional-field country-page category-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('scholarship_desc') }}
                                                            </label>
                                                            <textarea id="editor7" type="text" class="form-control" name="scholarship_desc"
                                                                placeholder="{{ __('enter') }}  {{ __('scholarship_desc') }}">{{ old('scholarship_desc') }}</textarea>
                                                            @error('scholarship_desc')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>


                                                    <div class="row optional-field country-page category-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('visa_desc') }}
                                                            </label>
                                                            <textarea id="editor8" type="text" class="form-control" name="visa_desc"
                                                                placeholder="{{ __('enter') }}  {{ __('visa_desc') }}">{{ old('visa_desc') }}</textarea>
                                                            @error('visa_desc')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>

                                                    <div class="row optional-field country-page category-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('course_overview') }}
                                                            </label>
                                                            <textarea id="editor9" type="text" class="form-control" name="course_overview"
                                                                placeholder="{{ __('enter') }}  {{ __('course_overview') }}">{{ old('course_overview') }}</textarea>
                                                            @error('course_overview')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>



                                                    <div class="row">
                                                        <div class="form-group col-6">
                                                            <label class="form-lebel">
                                                                {{ __('tag') }}
                                                                <small class="text-danger">*</small>
                                                            </label>

                                                            <select name="tag_id[]" id="tag_id"
                                                                class="@error('tag_id') is-invalid @enderror w-100-p select2bs44"
                                                                multiple>
                                                                <option value="" class="d-none" disabled>
                                                                    {{ __('select_tag') }}</option>
                                                                @foreach ($tags as $tag)
                                                                    <option
                                                                        {{ old('tag_id') == $tag->id ? 'selected' : '' }}
                                                                        @if (!empty($tag_ids)) @foreach ($tag_ids as $tag_id)
                                                                 {{ $tag_id == $tag->id ? 'selected' : '' }}
                                                                 @endforeach @endif
                                                                        value="{{ $tag->id }}">{{ $tag->name }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                            <small class="text-danger"></small>
                                                            @error('tag_id')
                                                                <span class="invalid-feedback"
                                                                    role="alert"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                            <div class="card tab-pane" id="tabs-2" role="tabpanel">
                                                <div class="card-body">

                                                    <div class="form-group col-6">
                                                        <label class="form-lebel">
                                                            {{ __('image') }}
                                                            <small class="text-danger">*</small>
                                                        </label>
                                                        <div class="upload-btn-wrapper">
                                                            <input type="file" class="form-control dropify"
                                                                id="image" data-default-file="" name="image"
                                                                accept="image/png, image/jpg, image/jpeg, image/gif"
                                                                data-allowed-file-extensions='["jpg", "jpeg","png", "gif"]'
                                                                data-max-file-size="3M">

                                                        </div>
                                                        <small class="image text-danger"></small>
                                                        @error('image')
                                                            <span class="invalid-feedback d-block"
                                                                role="alert"><strong>{{ $message }}</strong>
                                                            </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>


                                            <div class="card tab-pane" id="tabs-3" role="tabpanel">

                                                <div class="card-body">
                                                    <div class="row">

                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Meta title" :required="false" />
                                                            <x-forms.input type="text" name="meta_title"
                                                                id="meta_title" value="{{ old('meta_title') }}"
                                                                placeholder="Enter meta Title" />
                                                            <x-forms.error name="meta_title" />
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Meta Description" :required="false" />
                                                            <textarea type="text" class="form-control" name="meta_description" placeholder="Enter meta Description">{{ old('meta_description') }}</textarea>
                                                            <x-forms.error name="meta_description" />
                                                        </div>


                                                    </div>

                                                    <div class="row">
                                                        <div class="form-group col-12">
                                                            <x-forms.label name="Meta keywords" :required="false" />
                                                            <x-forms.input type="text" name="meta_keywords"
                                                                value="{{ old('meta_keywords') }}"
                                                                placeholder="Enter meta keywords" />
                                                        </div>

                                                    </div>
                                                    {{-- <div class="row">
                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('short_description') }}
                                                            </label>
                                                            <textarea rows="5" type="text" class="form-control height-124px" name="short_description"
                                                                placeholder="{{ __('enter') }} {{ __('short_description') }}">{{ old('short_description') }}</textarea>
                                                            @error('short_description')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>

                                                    </div> --}}
                                                </div>
                                            </div>

                                            {{-- <div class="card tab-pane" id="tabs-4" role="tabpanel">
                                                <div class="card-body">
                                                    <div class="row">
                                                        <div class="form-group col-12">
                                                            <x-forms.label name="Field" :required="false" />
                                                            <x-forms.input type="text" name="fields"
                                                                value="{{ old('fields') }}"
                                                                placeholder="Enter Field" />
                                                        </div>

                                                   
                                                    </div>
                                                </div>
                                            </div> --}}

                                            <div class="card tab-pane" id="tabs-5" role="tabpanel">
                                                <div class="card-body">
                                                    <div class="row">

                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Display Date" :required="false" />
                                                            <input type="date"
                                                                class="form-control @error('display_date') is-invalid @enderror"
                                                                name="display_date" placeholder="Display Date">
                                                        </div>
                                                        <div class="form-group col-6">


                                                            <x-forms.label name="Created Date" :required="false" />
                                                            <input type="date"
                                                                class="form-control @error('created_at') is-invalid @enderror"
                                                                name="created_at" placeholder="Display Date">
                                                        </div>

                                                    </div>

                                                    <div class="row">
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Created By" :required="false" />
                                                            <input type="text" class="form-control"
                                                                name="created_by_name" placeholder="Enter Created By"
                                                                readonly />
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Modified By" :required="false" />
                                                            <input type="text" class="form-control"
                                                                name="modified_by_name" placeholder="Modified By"
                                                                readonly />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

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


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

            </div>
        </div>
    </div>
@endsection

@section('style')
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2/css/select2.min.css">
    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('backend/plugins/dropify/css/dropify.min.css') }}">
    <style>
        .ck-editor__editable_inline {
            min-height: 160px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }

        .height-124px {
            height: 124px !important
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }

        .align-items-center {
            -ms-flex-align: center !important;
            align-items: center !important;
        }

        .d-flex {
            display: -ms-flexbox !important;
            display: flex !important;
        }
    </style>
@endsection

@section('script')
    <script src="{{ asset('backend') }}/plugins/select2/js/select2.full.min.js"></script>
    <script src="{{ asset('backend/plugins/dropify/js/dropify.min.js') }}"></script>
    <script src="{{ asset('tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
    <script>
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        });
        // $('.select2bs44').select2({
        // theme: 'bootstrap4'
        // });
        //Initialize Select2 Elements
        $('.select2bs44').select2({
            theme: 'bootstrap4',
            multiple: true,
            placeholder: 'Select Tags'
        })

        // ClassicEditor
        //     .create(document.querySelector('#editor'))
        //     .catch(error => {
        //         console.error(error);
        //     });

        // dropify
        $('.dropify').dropify();

        for (var i = 0; i < 11; i++) {
            tinymce.init({
                selector: `#editor${i}`,
                plugins: 'anchor autolink charmap codesample emoticons image link lists media searchreplace table visualblocks wordcount code imagetools fontawesome',
                toolbar: 'fontawesome | searchreplace | code |undo redo | blocks |bold italic underline strikethrough | align | link image media table',
                // toolbar: 'undo redo | blocks fontsize | bold italic underline strikethrough | link image media table | align lineheight | numlist bullist indent outdent | emoticons charmap | removeformat code | fontawesome | searchreplace',
                image_advtab: true,
                // extended_valid_elements: 'svg[*],path[*],use[*]',
                valid_elements: '*[*]',
                valid_children: '*[*]',
                extended_valid_elements: '*[*]',
                file_picker_types: 'image',
                file_picker_callback: function(callback, value, meta) {
                    if (meta.filetype === 'image') {
                        // Implement your custom file picker logic here
                        // For example, you can use an input type=file or open a file picker dialog
                        // Once the user selects an image, pass the selected file to the callback
                        // using the callback function provided by TinyMCE
                    }
                }
            });
        }
    </script>
    <script>
        // var image_vladtion = 0;
        // $(document).ready(function() {
        //     $('.additional_field, .optional_field, .country_show, .category_show , .additional_field_show').hide();
        //     var selectElement = document.getElementById("category_id");
        //     var categoryId = selectElement.value;
        //     var dataClass = $('option:selected', selectElement).data('class');
        //     categoryHideShowFunction(categoryId, dataClass);


        // });
           $(document).ready(function() {
            $(".optional-field").hide();
            $(".category-page").hide();
            $(".country-page").hide();
            });
    </script>
    <script>
        // $('#category_id').on('change', function() {
        //     $('.additional_field, .optional_field, .country_show, .category_show, .additional_field_show').hide();
        //     var categoryId = $(this).val();
        //     console.log(categoryId);
        //     var dataClass = $('option:selected', this).data('class');
        //     categoryHideShowFunction(categoryId, dataClass);
        // });

        // function categoryHideShowFunction(categoryId, dataClass) {
        //     console.log(dataClass.split(" ").length);
        //     console.log(dataClass);


        //     if (dataClass.split(" ").length > 1) {
        //         var classNames = dataClass.split(" ");
        //         var selector = "." + classNames.join(", .");
        //         $(selector).show();
        //     } else {
        //         console.log('else');
        //         console.log(dataClass);
        //         $("." + dataClass).show();
        //     }

        //     if (categoryId != 45) {
        //         $('#parent_category_id').val("");
        //     }
        //     image_vladtion = 0;
        //     if (dataClass == "additional_field") {
        //         image_vladtion = 1;
        //     }

        //     // $('.' + dataClass).show();
        //     // if(categoryId == 35 || categoryId == 36 || categoryId == 37 || categoryId == 38 || 
        //     // categoryId == 39 || categoryId == 40 || categoryId == 41 || categoryId == 42 || categoryId == 43 || categoryId == 46){
        //     // $('.field_select_hide').hide();
        //     // $('.field_select_show').show();
        //     // $('#select_country_show').hide();
        //     // $('#select_category_show').hide();
        //     // $('#parent_category_id').val("");

        //     // }else if(categoryId == 45){
        //     //     $('#select_category_show').show();
        //     //     $('.field_select_show').hide();
        //     //     $('.field_select_hide').show();
        //     //     $('#select_country_show').hide();
        //     // }
        //     // else if(categoryId == 16){
        //     //     $('#select_country_show').show();
        //     //     $('#select_category_show').hide();
        //     //     $('.field_select_show').hide();
        //     //     $('.field_select_hide').show();
        //     //     $('#parent_category_id').val("");
        //     // }else{
        //     // $('.field_select_show').hide();
        //     // $('.field_select_hide').show();
        //     // $('#select_category_show').hide();
        //     // $('#select_country_show').hide();
        //     // $('#parent_category_id').val("");
        //     // }
        // }
    </script>
    <script>
        // function validateForm(event) {
        //     event.preventDefault();

        //     var title = $('#title').val();
        //     var url = $('#url').val();
        //     var tagIds = $('#tag_id').val();
        //     var description = $('#editor3').val();
        //     var category_ids = $('#category_id').val();
        //     console.log('image_validation ' + image_vladtion);
        //     // Reset any previous error messages
        //     $('.text-danger').text('');
        //     var isValid = true;

        //     if (title.trim() === '') {
        //         console.log('category_ids2 ' + category_ids);
        //         $('#title').next('.text-danger').text('Please enter a title.');
        //         // window.location.hash = '#title';
        //         $('#title').focus();
        //         isValid = false;
        //     } else if (url.trim() === '') {
        //         console.log('category_ids3 ' + category_ids);
        //         $('#url').next('.text-danger').text('Please enter a URL.');
        //         // window.location.hash = '#url';
        //         $('#url').focus();
        //         isValid = false;
        //     } else if (category_ids === null || category_ids === undefined || category_ids === '') {
        //         console.log('category_ids4 ' + category_ids);
        //         console.log("trtr");
        //         $('#category_id').nextAll('.text-danger').first().text('Please select a category.');
        //         // window.location.hash = '#category_id';
        //         $('#category_id').focus();
        //         isValid = false;
        //         // } else if (description.trim() === '') {
        //         //     console.log('category_ids5 ' + category_ids);
        //         //     $('#editor3').next('.text-danger').text('Please enter a description.');
        //         //     // window.location.hash = '#editor3';
        //         //     // $('#editor3').focus();
        //         //     isValid = false;

        //         // } else if (tagIds === null || tagIds.length === 0) {
        //         //     $('#tag_id').nextAll('.text-danger').first().text('Please select tags.');
        //         //     // $('#tag_id').next('.text-danger').text('Please select tags.');
        //         //     // $('.tagss').text('Please select tags.');
        //         //     // window.location.hash = '#tag_id';
        //         //     $('#tag_id').focus();
        //         //     isValid = false;
        //     } else if (category_ids === '16') {
        //         if ($('#country_id').val() === null || $('#country_id').val() === undefined || $('#country_id').val() ===
        //             '') {
        //             $('#country_id').nextAll('.text-danger').first().text('Please select a country.');
        //             $('#country_id').focus();
        //             isValid = false;
        //             console.log('category_ids15bb ' + category_ids);
        //         } else {
        //             isValid = true;
        //         }
        //     } else if (category_ids === '45') {
        //         if ($('#parent_category_id').val() === null || $('#parent_category_id').val() === undefined || $(
        //                 '#parent_category_id').val() === '') {
        //             $('#parent_category_id').nextAll('.text-danger').first().text('Please select a category.');
        //             $('#parent_category_id').focus();
        //             isValid = false;
        //         } else {
        //             isValid = true;
        //         }
        //     } else if (image_vladtion === 1) {
        //         var images = $('#image').val();
        //         console.log("image" + images);
        //         if (images === null || images === undefined || images === '') {

        //             var imagess = $('#image').data('default-file');
        //             console.log("images1s " + imagess);
        //             if (imagess.includes("default-post.png") || imagess === null) {
        //                 console.log("images2s " + imagess);
        //                 $('a[href="#tabs-2"]').click();
        //                 $('.image').text('Please select an image.');
        //                 $('#image').focus();
        //                 isValid = false;
        //             }
        //             console.log("images3s " + imagess);

        //         } else {
        //             isValid = true;
        //         }
        //     }

        //     console.log(isValid);

        //     if (isValid) {
        //         event.target.submit();
        //     }
        // }
        // $('#category_id').on('change', function() {
        // var categoryId = $(this).val();
        // categoryHideShowFunction(categoryId);
        // });
        // function categoryHideShowFunction(categoryId) {
        //     if(categoryId == 35 || categoryId == 36 || categoryId == 37 || categoryId == 38 || 
        //     categoryId == 39 || categoryId == 40 || categoryId == 41 || categoryId == 42 || categoryId == 43 || categoryId == 46){
        //     $('.field_select_hide').hide();
        //     $('.field_select_show').show();
        //     $('#select_country_show').hide();
        //     $('#select_category_show').hide();
        //     }else if(categoryId == 45){
        //         $('#select_category_show').show();
        //         $('.field_select_show').hide();
        //         $('.field_select_hide').show();
        //         $('#select_country_show').hide();
        //     }
        //     else if(categoryId == 16){
        //         $('#select_country_show').show();
        //         $('.field_select_show').hide();
        //         $('.field_select_hide').show();
        //     }else{
        //     $('.field_select_show').hide();
        //     $('.field_select_hide').show();
        //     $('#select_category_show').hide();
        //     $('#select_country_show').hide();
        //     }
        // }

        $("#category_id").change(function(){
            $(".optional-field").hide();
            $(".category-page").hide();
            $(".country-page").hide();
            var className = $('option:selected', this).data('class').trim();
            $("."+className).show();
        });
    </script>
@endsection