@extends('admin.layouts.app')
@section('title')
    {{ __('edit') }}
@endsection
@php
@endphp
@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, this)">
                            @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"  value="submit_button" 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" value="save_close_button" name="save_close_button">
                                <i class="fas fa-check mr-1"></i>
                                {{ __('save_and_close') }}
                            </button>
                            @if (userCan('page.history.view'))
                            <a href="{{ route('module.blog.history.index', $page->id) }}" class="btn mr-2 bg-primary float-right"><i
                                class="fas fa-plus mr-1"></i>&nbsp;{{ __('history') }}
                            </a>
                            @endif

                            

                        </div>
                        <div class="container-fluid mt-3">
                            <input value="submit_button" name="button_type" type="hidden" id="button_type">
                            {{-- <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>
                                {{-- asdjfkal --}}
                            </div>

                            <div class="row">
                                {{-- select Category --}}
                                <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>
                            <div class="row">


                                <div class="form-group col-6 optional-field country-page blog" 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 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>
                                <small class="text-danger"></small>
                                <x-forms.error name="relative_university" />
                            </div>


                                {{--abc Select Country --}}
                            {{-- <div class="form-group col-6 optional-field blog">    
                                <x-forms.label name="{{ __('Select Country') }}" :required="false"/>        
                                <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_university ? 'selected' : '' }}>
                                            {{ $country->name }}
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-danger"></small>
                            </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">
                                                    {{ __('Desktop') }}</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-toggle="tab" href="#tabs-7"
                                                    role="tab">{{ __('Mobile') }}</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>
                                            <li class="nav-item optional-field blog">
                                                <a class="nav-link" data-toggle="tab" href="#tabs-6"
                                                    role="tab">Blog Banner</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" id="header_title"
                                                            value="{!! old('header_title', $page->header_title) !!}"
                                                            placeholder="Enter Header Title" />
                                                            <small class="text-danger"></small>
                                                    </div>
                                                    <div class="form-group col-6">
                                                        <x-forms.label name="Short Description" :required="false" />
                                                        <textarea type="text" class="form-control" id="header_description" name="header_description" placeholder="Enter Short Description">{{ old('header_description', $page->header_description) }}</textarea>
                                                        <small class="text-danger"></small>
                                                        <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  university-list-page 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>
                                                                <div id="description_iidd" class="editor3"></div>
                                                                <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 optional-field country-page">

                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('similar_countries') }}
                                                            </label>
                                                            <textarea id="editor10" type="text" class="form-control" name="similar_countries"
                                                                placeholder="{{ __('enter') }}  {{ __('similar_countries') }}">{{ old('similar_countries', $page->similar_countries) }}</textarea>
                                                            @error('similar_countries')
                                                                <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-7" role="tabpanel">
                                                {{-- <h5>mobile</h5> --}}
                                                <div class="card-body">
                                                     <div class="row optional-field country-page">
                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('page') }} {{ __('header') }}
                                                            </label>
                                                            <textarea id="mobile_editor1" type="text" class="form-control" name="mobile_page_header"
                                                                placeholder="{{ __('page') }} {{ __('header') }}">{{ old('mobile_page_header', $page->mobile_page_header) }}</textarea>
                                                            @error('mobile_page_header')
                                                                <span
                                                                    class="text-danger font-size-13"><strong>{{ $message }}</strong></span>
                                                            @enderror
                                                        </div>
                                                    </div>
                                                    <div class="row optional-field consultancy  university-list-page country-page generic-pages category-page">
                                                        <div class="form-group col-12">
                                                            <label class="form-lebel">
                                                                {{ __('Middle content') }} 
                                                            </label>
                                                            <textarea id="mobile_editor2" type="text" class="form-control" name="mobile_middle_content"
                                                                placeholder="{{ __('Middle Content') }}">{{ old('mobile_middle_content', $page->mobile_middle_content) }}</textarea>
                                                            @error('mobile_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="mobile_editor3" type="text" class="form-control" name="mobile_description"
                                                                    placeholder="{{ __('enter') }}  {{ __('Description') }}">{{ old('mobile_description', $page->mobile_description) }}</textarea>
                                                                    <div id="description_iidd" class="editor3"></div>
                                                                    <small class="text-danger"></small>
                                                                @error('mobile_description')
                                                                    <span
                                                                        class="text-danger font-size-13"><strong>{{ $message }}</strong>
                                                                    </span>
                                                                @enderror
                                                            </div>
                                                        </div>
                                                        <div class="row optional-field consultancy country-page generic-pages category-page">
    
                                                            <div class="form-group col-12">
                                                                <label class="form-lebel">
                                                                    {{ __('Admission Description') }}
                                                                </label>
                                                                <textarea id="mobile_editor4" type="text" class="form-control" name="mobile_admission_desc"
                                                                    placeholder="{{ __('enter') }}  {{ __('Admission Description') }}">{{ old('mobile_admission_desc', $page->mobile_admission_desc) }}</textarea>
                                                                @error('mobile_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 Description') }}
                                                                </label>
                                                                <textarea id="mobile_editor5" type="text" class="form-control" name="mobile_city_desc"
                                                                    placeholder="{{ __('enter') }}  {{ __('City Description') }}">{{ old('mobile_city_desc', $page->mobile_city_desc) }}</textarea>
                                                                @error('mobile_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 Description') }}
                                                                </label>
                                                                <textarea id="mobile_editor6" type="text" class="form-control" name="mobile_cost_of_living_desc"
                                                                    placeholder="{{ __('enter') }}  {{ __('Cost Of Living Description') }}">{{ old('mobile_cost_of_living_desc', $page->mobile_cost_of_living_desc) }}</textarea>
                                                                @error('mobile_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 Description') }}
                                                                </label>
                                                                <textarea id="mobile_editor7" type="text" class="form-control" name="mobile_scholarship_desc"
                                                                    placeholder="{{ __('enter') }}  {{ __('Scholarship Description') }}">{{ old('mobile_scholarship_desc', $page->mobile_scholarship_desc) }}</textarea>
                                                                @error('mobile_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="mobile_editor8" type="text" class="form-control" name="mobile_visa_desc"
                                                                    placeholder="{{ __('enter') }}  {{ __('Visa Description') }}">{{ old('mobile_visa_desc', $page->mobile_visa_desc) }}</textarea>
                                                                @error('mobile_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="mobile_editor9" type="text" class="form-control" name="mobile_course_overview"
                                                                    placeholder="{{ __('enter') }}  {{ __('Course Overview') }}">{{ old('mobile_course_overview', $page->mobile_course_overview) }}</textarea>
                                                                @error('mobile_course_overview')
                                                                    <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">
                                                                    {{ __('Similar Countries') }}
                                                                </label>
                                                                <textarea id="mobile_editor10" type="text" class="form-control" name="mobile_similar_countries"
                                                                    placeholder="{{ __('enter') }}  {{ __('Similar Countries') }}">{{ old('mobile_similar_countries', $page->mobile_similar_countries) }}</textarea>
                                                                @error('mobile_similar_countries')
                                                                    <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') }}
                                                                 
                                                                </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" id="imageTitle"
                                                                value="{!! old('imageTitle', $page->imageTitle) !!}"
                                                                placeholder="Enter Image Title" />
                                                                <small class="text-danger"></small>
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Image AltText" :required="false" />
                                                            <x-forms.input type="text" name="imageAltText" id="imageAltText"
                                                                value="{!! old('imageAltText', $page->imageAltText) !!}"
                                                                placeholder="Enter Image AltText" />
                                                                <small class="text-danger"></small>
                                                        </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"  id="image"  class="form-control dropify" 
                                                                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="{{ __('publish') }} {{ __('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="Header Strip" :required="false" />
                                                            <x-forms.input type="text" name="header_strip" id="header_strip"
                                                                value="{!! old('header_strip', $page->header_strip) !!}"
                                                                placeholder="Enter Header Strip" />
                                                            <x-forms.error name="header_strip" />
                                                        </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 class="card tab-pane" id="tabs-6" role="tabpanel">
                                                <div class="card-body">

                                                    <div class="row ">
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Banner Title" :required="false" />
                                                            <x-forms.input type="text" name="bannerTitle" id="bannerTitle"
                                                                value="{!! old('bannerTitle', $page->bannerTitle) !!}"
                                                                placeholder="Enter Banner Title" />
                                                                <small class="text-danger"></small>
                                                        </div>
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Banner Button Name" :required="false" />
                                                            <x-forms.input type="text" name="bannerButtonName" id="bannerButtonName"
                                                                value="{!! old('bannerButtonName', $page->bannerButtonName) !!}"
                                                                placeholder="Enter Banner Button Name" />
                                                                <small class="text-danger"></small>
                                                        </div>
                                                     
                                                    </div>
                                                    <div class="row">
                                                        <div class="form-group col-6">
                                                            <x-forms.label name="Banner Description" :required="false" />
                                                            <textarea rows="7" type="text" class="form-control" name="bannerDescription"  spellcheck="true"
                                                            placeholder="Enter Banner Description">{!! old('bannerDescription', @$page->bannerDescription) !!}</textarea>
                                                            
                                                        </div>
                                                    <div class="form-group col-6">
                                                        <label class="form-lebel">
                                                            Banner Pdf  
                                                            @if(!empty(@$page->bannerPdf))
                                                            <button type="button" class="round-3 btn btn-outline-info border-secondary" data-bs-toggle="modal" data-bs-target="#banner_pdf_modal">
                                                                <i class="fas fa-eye"></i>
                                                            </button>
                                                            @endif
                                                            
                                                        </label>
                                                       
                                                        <div class="upload-btn-wrapper">
                                                            <input type="file"  id="bannerPdf"  class="form-control dropify"
                                                                data-default-file="{{ @$page->banner_pdf_url }}" name="bannerPdf"
                                                                accept="image/png, image/jpg, image/jpeg, image/gif, image/pdf"
                                                                data-allowed-file-extensions='["jpg", "jpeg","png", "gif","pdf"]'
                                                                data-max-file-size="6M">

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

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


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

    <div class="modal fade" id="banner_pdf_modal" tabindex="-1" aria-labelledby="exampleModal2Label" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <!-- Close button at the top right corner -->
                <div class="d-flex align-items-center justify-content-end">
                <button type="button" class="float-right btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="ratio ratio-4x3">
                    <iframe src="{{ @$page->banner_pdf_url }}" title="Banner Pdf Viewer"
                    allowfullscreen></iframe>
                    {{-- <object data="{{ @$page->banner_pdf_url }}" type="application/pdf"></object> --}}
                </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
            }
            }
        });
        }
        
        for (var i = 0; i < 11; i++) {
        tinymce.init({
            selector: `#mobile_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>
    $(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>

<script>
    function validateForm(event, form) {
      event.preventDefault();
      
      var category_ids = $('#category_id').val();
      var title = $('#title').val();
      var url = $('#url').val();
    //   var description = $('#editor3').val();
      var description = tinymce.get("editor3").getContent();
      var relative_university = $('#relative_university').val();
      var header_description = $('#header_description').val();
      var header_title  = $('#header_title').val();
      var images = $('#image').val();
      var imageTitle = $('#imageTitle').val();
      var imageAltText = $('#imageAltText').val();
      $('.text-danger').text('');
      var isValid = true;
  
      if (title.trim() === '') {
        $('#title').next('.text-danger').text('Please enter a title.');
        $('#title').focus();
        isValid = false;
        return;
      }
      
      if (url.trim() === '') {
        $('#url').next('.text-danger').text('Please enter a URL.');
        $('#url').focus();
        isValid = false;
        return; 
      }
      
      if (category_ids === null || category_ids === undefined || category_ids === '') {
        $('#category_id').nextAll('.text-danger').first().text('Please select a category.');
        $('#category_id').focus();
        isValid = false;
        return;
      }
      
      if (description == '') {
        $('#description_iidd').next('.text-danger').text('Please enter a description.');
        $('#description_iidd').focus();
        $('html, body').animate({
          scrollTop: $('#description_iidd').offset().top
        }, 500);
        isValid = false;
        return; 
      }
      
      var selectElement = document.getElementById("category_id");
      var categoryId = selectElement.value;
      var className = $('option:selected', selectElement).data('class').trim();
      if (className) {
            if(className == "blog"){
                    if (header_title.trim() === '') {
                        $('#header_title').nextAll('.text-danger').first().text('Please enter a Header Title.');
                        $('#header_title').focus();
                        isValid = false;
                
                    }else if (header_description.trim() === '') {
                        $('#header_description').nextAll('.text-danger').first().text('Please enter a Header Title.');
                        $('#header_description').focus();
                        isValid = false;

                    }else if (imageTitle.trim() === '') {
                        $('a[href="#tabs-2"]').click();
                        $('#imageTitle').nextAll('.text-danger').first().text('Please enter a Image Title.');
                        $('#imageTitle').focus();
                        isValid = false;
                    }else if (imageAltText.trim() === '') {
                        $('a[href="#tabs-2"]').click();
                        $('#imageAltText').nextAll('.text-danger').first().text('Please enter a Image AltText.');
                        $('#imageAltText').focus();
                        isValid = false;
                    } else if (images === null || images === undefined || images === '') {
        
                        var imagess = $('#image').data('default-file');
                        console.log(imagess);
                        if(imagess.includes("default-post.png") || imagess === null ){
                            console.log(imagess);
                            $('a[href="#tabs-2"]').click();
                            $('.image').text('Please select an image.');
                            $('#image').focus();
                            isValid = false;
                        }
                   
                    
                    }
            }else if(className == "country-page"){
                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;
                }
            }else if(className == "category-page"){
                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;
                }
            
            }else if(className == "consultancy"){ 
                    if (header_title.trim() === '') {
                        $('#header_title').nextAll('.text-danger').first().text('Please enter a Header Title.');
                        $('#header_title').focus();
                        isValid = false;
                
                    }else if (header_description.trim() === '') {
                        $('#header_description').nextAll('.text-danger').first().text('Please enter a Header Title.');
                        $('#header_description').focus();
                        isValid = false;
                    }
            
            }

        }
       
        //   if (className) {
        //     var elements = $(".required," + className);
        //     elements.each(function(key,value) {
        //       var element = $(this);
        //       var value = element.val();
        //       var name = element.attr('name');
            
        //       if (value === null || value === '') {
        //         element.nextAll('.text-danger').first().text('Required ' + name + '.');
        //         element[0].focus();
        //         isValid = false;
        //         // return false; 
        //       }
        //     });
        //   }
  
      console.log(isValid);
      if (isValid) {

            var buttonName = event.submitter.name;

            if (buttonName === 'save_close_button') {
                 $('#button_type').val(buttonName);
            } else if (buttonName === 'submit_button') {
                $('#button_type').val(buttonName);
            }

            // form.submit();
          event.target.submit();
      }
    }
  
    $(document).ready(function () {

    $('#category_id').on('change', function () {

        var selectedCategory = $(this).val();

        if (selectedCategory) {
            // $('.relative_university').hide();
            $('.select_country_show').show();
        }
    });

    
    $('#country_idd').on('change', function () {
      
        var selectedCountry = $(this).val();
        var university_id ="";
        var university_name ="";
        $("#relative_university").on('change',function(){
            
        });
        // alert(selectedCountry);
        $('#relative_university').empty();
        $.ajax({
            url: "{{ route('module.blog.get-universities') }}", 
            type: 'GET',
            data: { country_id: selectedCountry },
            dataType:'json',
            success: function (data) {
            
                $.each(data, function (index, university) {
                university_id = university.id;
                university_name = university.name;
                    $('#relative_university').append($('<option>').val(university_id).text(university_name));
                        console.log(university.id);
                });

                $('.relative_university').show();
            },
            error: function () {
      
                console.error('Failed to fetch universities.');
            }
        });
      });
    });

  </script>
     
@endsection