@extends('admin.layouts.app')
@section('title')
    {{ __('edit') }}
@endsection
@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <form class="" action="{{ route('module.blog.update', $page->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        {{-- <form class="" action="{{ route('module.blog.update', $page->id) }}" method="POST"
                            enctype="multipart/form-data"  onsubmit="validateForm(event)">
                            @csrf
                            @method('PUT')  --}}
                        <div class="card-header">
                            <h3 class="card-title line-height-36">{{ __('edit') }}</h3>
                            <button type="submit" class="btn bg-success float-right" name="submit_button">
                                <i class="fas fa-plus mr-1"></i>
                                {{ __('update') }}
                            </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>

                            <a href="/blog/{{$page->category->url}}/{{$page->url}}" class="optional-field blog btn mr-2 bg-warning float-right"><i
                                class="fas fa-link"></i>&nbsp;{{ __('blog') }}{{ __('url') }}
                            </a>
                            <button type="submit" class="btn bg-danger float-right mr-2" name="save_close_button">
                                <i class="fas fa-check mr-1"></i>
                                {{ __('save_and_close') }}
                            </button>

                        </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', $page->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', $page->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']) }}"
                                        {{ $page->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('category_id') == $sub_category['id'] ? 'selected' : '' }}
                                        data-class="{{ get_str($category['name']) }}"
                                        {{ $page->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('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' : '' }}
                                            {{ $page->status == 'draft' ? 'selected' : '' }}
                                            value="draft">{{ __('draft') }}</option>
                                        <option
                                            {{ old('status') == 'published' ? 'selected' : '' }}
                                            {{ $page->status == 'published' ? 'selected' : '' }}
                                            value="published">{{ __('published') }}</option>
                                        <option
                                            {{ old('status') == 'unpublished' ? 'selected' : '' }}
                                            {{ $page->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' : '' }}
                                        {{ $page->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' : '' }}
                                            {{ $page->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->id == $page->country_id ? 'selected' : '' }}>
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <small class="text-danger"></small>
                                    <x-forms.error name="country_id" />
                                </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->id == $page->relative_university ? 'selected' : '' }}>
                                            {{ $universitie->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <x-forms.error name="relative_university" />
                            </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' : '' }}
                                        {{ $page->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', $page->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', $page->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', $page->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', $page->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', $page->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', $page->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', $page->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', $page->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', $page->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', $page->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', $page->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="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', $page->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', $page->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" id="image"
                                                                data-default-file="{{ $page->image_url }}" 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>


                                            <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', $page->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',$page->robots) == 'noindex, nofollow' ? 'selected' : '' }}
                                                                value="noindex, nofollow">noindex, nofollow</option>
                                                                <option {{ old('robots',$page->robots) == 'nofollow, index' ? 'selected' : '' }}
                                                                value="nofollow, index">nofollow, index</option>
            
                                                                <option {{ old('robots',$page->robots) == 'noindex, follow' ? 'selected' : '' }}
                                                                    value="noindex, follow">noindex, follow</option>
                                                                    <option {{ old('robots',$page->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', $page->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', $page->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', $page->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', $page->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" />
                                                            <input type="date"
                                                            class="form-control @error('display_date') is-invalid @enderror"
                                                            @if(!empty($page->display_date))
                                                            value="{{ (date('Y-m-d',strtotime($page->display_date)))}}"
                                                            @endif
                                                            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"
                                                            @if(!empty($page->created_at))
                                                            value="{{ (date('Y-m-d',strtotime($page->created_at)))}}"
                                                            @endif
                                                            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" value="{{ @$page->author->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="{{ @$page->modified->name }}"
                                                                placeholder="Modified By" readonly />
                                                        </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') }}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.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>
    <link rel="stylesheet" href="{{ asset('backend/plugins/dropify/css/dropify.min.css') }}">

    <script>
        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
            }
            }
        });
        }

        $('.select2bs4').select2({
        theme: 'bootstrap4'
        });
        //Initialize Select2 Elements
        $('.select2bs44').select2({
            theme: 'bootstrap4',
            multiple: true,
            placeholder: 'Select Tags'
        })

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

   
    </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);
               
    
        // });
    </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();
    }
}
        // 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_vladtion '+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 category.');
        //         // window.location.hash = '#category_id';
        //         category_ids.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';
        //         // description.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';
        //     //     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 country.');
        //                 $('#country_id').focus();
        //                 isValid = false;
        //                 console.log('category_ids15bb '+category_ids);
        //         }
        //         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 category.');
        //             $('#parent_category_id').focus();
        //             isValid = false;
        //         }
        //         isValid = true;
         
        //     } else if (image_vladtion == 1) {
        //         var  = $('#image').val()
        //         consol.log(imagess);
        //         if($('#image').val() === null || $('#image').val() === undefined || $('#image').val() === ''){
        //                 $('a[href="#tabs-2"]').click();
        //                 $('.image').text('Please select image.');
        //                 $('#image').focus();
        //                 isValid = false;
        //         }
        //         isValid = false;
        //     }
        //     console.log(isValid);
        //     if (isValid) {
        //         //  event.target.submit();
        //     }
        // }
//        function validateForm(event) {
//         event.preventDefault();
//                       var url = $('#url').val();
//                       var tag_id = $('#tag_id').val();
//                       var description = $('#editor3').val();
         

//             // Reset any previous error messages
//             $('.text-danger').text('');

//             var isValid = true;

//             if (url.trim() === '') {
//                 $('#url').next('.text-danger').text('Please enter a url.');
//                 window.location.hash = '#url';
//                 isValid = false;
//             } else if (description.trim() === '') {
//                     $('#editor3').next('.text-danger').text('Please enter a description.');
//                     window.location.hash = '#editor3';
//                     isValid = false;
//                     // console.log("vikas");
//             } else if (tag_id.length === 0) {
//                 $('#tag_id').next('.text-danger').text('Please select tags.');
//                 window.location.hash = '#tag_id';
//                 isValid = false;
//             } else{
//                 // isValid = true;
//             }

// console.log(isValid);
//             if (isValid) {
//             // event.target.submit();
//             }

 
//     // if (url === '') {
//     //     // $('a[href="#tabs-3"]').click();
//     //     // window.location.hash = '#meta_title';
//     //     // console.log(tag_id);
//     //       $('#url').append('<small class="text-danger">Please enter URL</small>');
//     //       <small class="text-danger"></small>
//     //       window.location.hash = '#url';
//     //     return false;
//     // }else if(tag_id.length === 0){
//     //     $('#tag_id').append('<small class="text-danger">Please select tags.</small>');
//     //     window.location.hash = '#tag_id';
//     //     return false;
//     // }else if(description === ''){
       
//     //     $('#tag_id').append('<small class="text-danger">Please enter description.</small>');
//     //     window.location.hash = '#description';
//     //     return false;
//     // } 

//     // return false;
//     // return true; // allow form submission
// }

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