@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> --}}

                        <button type="submit" class="btn bg-success float-right" name="submit_button">
                            <i class="fas fa-plus mr-1"></i>
                            {{ __('Submit') }}
                          </button>
                          <button type="submit" class="btn bg-warning float-right mr-2" name="save_close_button">
                            <i class="fas fa-check mr-1"></i>
                            {{ __('save_and_close') }}
                          </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"
                                        class="form-control @error('title') is-invalid @enderror"
                                        placeholder="{{ __('enter') }} {{ __('title') }}">
                                    @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" name="url" value="{{old('url')}}" class="form-control @error('url') is-invalid @enderror" placeholder="Url" />
                                    @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'] }}"> - {{ $sub_category['name']}} ({{ $category['name']}})</option>
                                            @endforeach
                                            
                                            @endif
                                        @endforeach
                                    </select>
                                    @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">
                                        {{ __('parent_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_parent_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'] }}"> - {{ $sub_category['name']}} ({{ $category['name']}})</option>
                                        @endforeach
                                        @endif
                                    @endforeach
                                    </select>
                                    @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>
                                    @error('country_id')
                                    <span class="invalid-feedback d-block"
                                        role="alert"><strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                                </div>

                            </div>

                            <div class="row">
                                <div class="form-group col-6 optional-field blog">
                                        
                                    <x-forms.label name="{{ __('select_university') }}" :required="false"/>
                                    
                                    <select name="relative_university"
                                        class="form-control select2bs4 {{ error('relative_university') }}"
                                        id="relative_university">
                                        <option value="" class="d-none">
                                            {{ __('select_university') }}
                                        </option>
                                        @foreach ($universities as $universitie) 
                                            <option {{ $universitie->id  == old('relative_university') ? 'selected' : '' }}
                                                value="{{ $universitie->id }}">
                                                {{ $universitie->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="relative_university" />
                                </div>
                                </div>

                          {{-- 
                            <div class="row mb-3">
                                <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 country-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="form-group col-12 optional-field consultancy country-page generic-pages category-page">
                                                    <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') }}">{{ old('description') }}</textarea>
                                                        @error('description')
                                                            <span
                                                                class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                        @enderror
                                                    </div>
                                                </div>

                                                <div class="row">
                                                {{-- <div class="row field_select_hide"> --}}

                                                    <div class="form-group col-12 optional-field consultancy country-page generic-pages category-page">
                                                        <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 ">

                                                    <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">

                                                    <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">

                                                    <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">

                                                    <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">

                                                    <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[]"
                                                        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' : '' }}
                                                                value="{{ $tag->id }}">{{ $tag->name }}</option>
                                                        @endforeach
                                                    </select>
                                                    @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="row ">
                                                <div class="form-group col-6">
                                                    <x-forms.label name="Image Title" :required="false" />
                                                    <x-forms.input type="text" name="imageTitle"
                                                        value="{{ old('imageTitle') }}"
                                                        placeholder="Enter Image Title" />
                                                </div>
                                                <div class="form-group col-6">
                                                    <x-forms.label name="Image AltText" :required="false" />
                                                    <x-forms.input type="text" name="imageAltText"
                                                        value="{{ old('imageAltText') }}"
                                                        placeholder="Enter Image AltText" />
                                                </div>
                                            </div>
                                            <div class="row ">
                                            <div class="form-group col-12">
                                                <label class="form-lebel">
                                                    {{ __('image') }}
                                                    <small class="text-danger">*</small>
                                                </label>
                                                <div class="upload-btn-wrapper">
                                                    <input type="file" class="form-control dropify" 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>
                                                @error('image')
                                                    <span class="invalid-feedback d-block"
                                                        role="alert"><strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            </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" placeholder="Enter meta Title" />
                                                    <x-forms.error name="meta_title" />
                                                </div>
                                                <div class="form-group col-6">
                                                    <x-forms.label name="Robots"/>
                                                    <select name="robots"
                                                    class="form-control {{ error('robots') }}"
                                                    id="robots">
                                                        <option value="">{{ __('select_robots') }}</option>
                                                        <option {{ old('robots') == 'noindex, nofollow' ? 'selected' : '' }}
                                                        value="noindex, nofollow">noindex, nofollow</option>
                                                        <option {{ old('robots') == 'nofollow, index' ? 'selected' : '' }}
                                                        value="nofollow, index">nofollow, index</option>
    
                                                        <option {{ old('robots') == 'noindex, follow' ? 'selected' : '' }}
                                                            value="noindex, follow">noindex, follow</option>
                                                            <option {{ old('robots') == 'index, follow' ? 'selected' : '' }}
                                                            value="index, follow">index, follow</option>
                                                    </select>
                                                    @error('robots')
                                                    <span class="invalid-feedback d-block"
                                                        role="alert"><strong>{{ $message }}</strong>
                                                    </span>
                                                    @enderror
                                            </div>
                                             
                                           
                                            </div>

                                            <div class="row">
                                           
                                                <div class="form-group col-12">
                                                    <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-6">
                                                    <x-forms.label name="Created By" :required="false"/>
                                                    <input type="text" class="form-control" name="created_by_name" value="{{$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" value="{{$created_by_name}}"  placeholder="Enter Modified By" readonly/>
                                                </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" 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" 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="{{ __('public') }} {{ __('date') }}" :required="false"/> 
                                                        <x-forms.input type="date" name="display_date" placeholder="Enter Display Date" />   
                                                        <x-forms.error name="display_date" />                                             
                                                    </div>
                                                    {{-- <div class="form-group col-6">
                                                        <x-forms.label name="Created Date" :required="false"/>
                                                        <x-forms.input type="date" name="created_at" placeholder="Enter Created Date" />
                                                        <x-forms.error name="created_at" />
                                                    </div> --}}
                                               
                                               
                                            </div>
                                        </div>         
                                    </div>
                                 
                                    </div>
                                </div>
                                </div>
                             
                               
                            </div>
                        </form>
                    </div>
                </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 | numlist bullist indent outdent',
            // 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>
            $(document).ready(function() {
                $(".optional-field").hide();
                $(".category-page").hide();
                $(".country-page").hide();
                var selectElement = document.getElementById("category_id");
                var categoryId = selectElement.value;
                var className = $('option:selected', this).data('class').trim();
                console.log('className'+className);
                categoryHideShowFunction(className);

            });

            $("#category_id").change(function(){
                $(".optional-field").hide();
                $(".category-page").hide();
                $(".country-page").hide();
                var className = $('option:selected', this).data('class').trim();
                categoryHideShowFunction(className);
               
            });
           

            function categoryHideShowFunction(className) {
                $(".optional-field").hide();
                $(".category-page").hide();
                $(".country-page").hide();
                $("."+className).show();

            }
      
        </script>
     <script>
        // $('#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();
        //     }
        // }

  
    </script>
@endsection