@php
$videos =!empty($universities->videos)? json_decode($universities->videos):[];
$study_points =!empty($universities->study_points)? json_decode($universities->study_points):[];
$overview_service_blocks =!empty($universities->overview_service_blocks)? json_decode($universities->overview_service_blocks):[];
$on_campus_accommodation =!empty($universities->on_campus_accommodation)? json_decode($universities->on_campus_accommodation):[];
$off_campus_accommodation =!empty($universities->off_campus_accommodation)? json_decode($universities->off_campus_accommodation):[];
$entryCriteria =!empty($universities->entryCriteria)? json_decode($universities->entryCriteria):[];
$entryCriteria_count = is_array($entryCriteria)? (count($entryCriteria)-1): 0;
@endphp

@extends('admin.layouts.app')
@section('title')
    {{ __('update') }} {{ __('university') }}
@endsection

@section('content')
<style>
    /* Custom styles for the checkboxes */
.form-check-input {
    /* Add your styles here */
    background-color: #eef2f5; /* Change the color as needed */
    padding: 5px; /* Adjust the padding as needed */
}

/* Custom styles for the labels */
.form-check-label {
    /* Add your styles here */
    color: #007bff; /* Change the color as needed */
}


    .border-red {
        border: 1px solid red !important;
        }
    .remove {
        background: #f1f1f1;
        td {
            font-style: italic;
        }
    }
    .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred {
        height: 400px;
    }
    .table>tbody>tr>td {
        vertical-align: middle;
    }
    .input-group {
        width: 100%;
    }
    .editable {
        border: none;
        padding: 0;
        margin: 0;
        text-shadow: none;
        box-shadow: none;
        height: 80px;
    }
    .addBtn {
        cursor: pointer;
    }
    .sticky-menu {
        position: sticky;
        z-index: 555;
        width: 100%;
        top: 1px;
    }

   /* Style to make the checkbox look like a radio button */

/* Style for the label */

    /* .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #007bff;
        border-color: #dee2e6 #dee2e6 #fff;
    } */
</style>
<script>
function studyImgCheck(event) {
    var studyRadiod = $('.study-img');
    studyRadiod.removeClass("active");
    $(event.target).addClass("active");
    studyRadiod.not(event.target).prop('checked', false);
    // $(".study-img").dblclick(function(events){
    //     $(this).(events.target).prop('checked', false);
    // });
  
}

</script>

    <div class="container-fluid">
        <form class="form-horizontal" action="{{ route('university.update', $universities->id) }}" method="POST"
            enctype="multipart/form-data"
            onsubmit="validateForm(event,'edit')" id="myForm" novalidate>
            @csrf
            @method('PUT')
            <div class="card" id="formCard">
                <div class="card-header">
                    <h4 class="card-title line-height-36">{{ __('university') }} {{ __('update') }}</h4>
                    <button type="submit"
                        class="btn bg-success float-right d-flex align-items-center justify-content-center">
                        <i class="fas fa-plus mr-1"></i>
                        {{ __('save') }}
                    </button>
                    @if(!empty($universities->url) && !empty($country_url))
                        <a href="/{{$country_url}}/universities/{{$universities->url}}" class="optional-field blog btn mr-2 bg-warning float-right"><i
                            class="fas fa-link"></i>&nbsp;{{ __('visit') }} {{ __('university') }} 
                        </a>
                    @endif  
                </div>
            </div>
                        {{-- tabs start --}}
            <ul class="nav nav-tabs" role="tablist" id="myTabs">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#university" role="tab">{{ __('university') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#dashboard" role="tab">{{ __('dashboard') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#coursesFees" role="tab">{{ __('Courses & Fees') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#admissions"  role="tab">{{ __('Admissions') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#accommodation"  role="tab">{{ __('Accommodation') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#gallery"  role="tab">{{ __('gallery') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#rankings"  role="tab">{{ __('Rankings') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#others"  role="tab">{{ __('Others') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#metaTags"  role="tab">{{ __('Meta Tags') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#publish"  role="tab">{{ __('publish') }}</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#faq"  role="tab">{{ __('faq') }}</a>
                </li>
            </ul>
            {{-- tabs start --}}
            {{-- <ul class="nav nav-tabs mb-3" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation">
                  <button class="nav-link active" id="pills-university-tab" data-toggle="pill" data-target="#pills-university" type="button" role="tab" aria-controls="pills-university" aria-selected="true">University info</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-dashboard-tab" data-toggle="pill" data-target="#pills-dashboard" type="button" role="tab" aria-controls="pills-dashboard" aria-selected="false">Dashboard</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-coursesFees-tab" data-toggle="pill" data-target="#pills-coursesFees" type="button" role="tab" aria-controls="pills-coursesFees" aria-selected="false">Courses & Fees</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-admissions-tab" data-toggle="pill" data-target="#pills-admissions" type="button" role="tab" aria-controls="pills-admissions" aria-selected="false">Admissions</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-accommodation-tab" data-toggle="pill" data-target="#pills-accommodation" type="button" role="tab" aria-controls="pills-accommodation" aria-selected="false">Accommodation</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-gallery-tab" data-toggle="pill" data-target="#pills-gallery" type="button" role="tab" aria-controls="pills-gallery" aria-selected="false">Gallery</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-rankings-tab" data-toggle="pill" data-target="#pills-rankings" type="button" role="tab" aria-controls="pills-rankings" aria-selected="false">Rankings</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-others-tab" data-toggle="pill" data-target="#pills-others" type="button" role="tab" aria-controls="pills-others" aria-selected="false">Others</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-metaTags-tab" data-toggle="pill" data-target="#pills-metaTags" type="button" role="tab" aria-controls="pills-metaTags" aria-selected="false">Meta Tags</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-publish-tab" data-toggle="pill" data-target="#pills-publish" type="button" role="tab" aria-controls="pills-publish" aria-selected="false">Publish</button>
                </li>
            </ul> --}}
            
            <div class="tab-content tab-validate" id="pills-tabContent">
                {{-- university info body --}}
                <div class="tab-pane fade show active" id="university" role="tabpanel" aria-labelledby="pills-university-tab">
                    <div class="card"><div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="name"/>
                                                <x-forms.input type="text" name="name" placeholder="name" id="name" value="{!!  old('name', $universities->name) !!}"/>
                                                <span class="text-danger"></span>    
                                            </div> 
                                            <div class="form-group col-6">
                                                <x-forms.label name="address" :required="false"/>
                                                <x-forms.input type="text" name="address" placeholder="address" value="{!!  old('address', $universities->address) !!}"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="phone" :required="false"/>
                                                <x-forms.input type="text" name="phone" placeholder="phone"  value="{!!  old('phone', $universities->phone) !!}"/>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="email" :required="false"/>
                                                <x-forms.input type="email" name="email" placeholder="email" id="email" value="{!!  old('email', $universities->email) !!}"/>
                                                <span class="text-danger"></span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Students" :required="false"/>
                                                <x-forms.input type="number" name="students" placeholder="Enter Students" value="{!!  old('students', $universities->students) !!}"/>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Reviews" :required="false" />
                                                <x-forms.input type="number" name="reviews" placeholder="Enter Reviews" value="{!!  old('reviews', $universities->reviews) !!}"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col">
                                                <x-forms.label name="University Short Description" :required="false"/>                                     
                                                <textarea id="editor5" rows="4" name="short_description" placeholder="Enter University Short Description" class="form-control"> {{ old('short_description', (!empty($universities->short_description)) ? $universities->short_description : '') }} </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Recruiter Details" :required="false" />
                                                <textarea id="recruiter_details" rows="4" name="recruiter_details" placeholder="Recruiter Details" class="form-control">{{ old('recruiter_details', (!empty($universities->recruiter_details)) ? $universities->recruiter_details : '') }}</textarea>
                                            </div>
                                        </div>
                                        
                                            {{-- due db --}}
                                            {{-- <div class="row">
                                                <div class="form-group col-6">
                                                    <x-forms.label name="courses" :required="false"/>
                                                    <x-forms.input type="number" name="courses" placeholder="Enter Courses"/>
                                                </div>
                                                <div class="form-group col-6">
                                                    <x-forms.label name="recruiters" :required="false"/>
                                                    <x-forms.input type="recruiters" name="courses" placeholder="Enter recruiters" value="{!!  old('reviews', $universities->recruiters) !!}"/>
                                                </div>
                                            </div> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Header Image Desktop" :required="false" />
                                                <input name="headerImageDesktop" type="file" data-show-errors="true" data-width="50%"
                                                    data-default-file="{{ $universities->image_desktop_url }}" class="dropify">
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Header Image Mobile" :required="false" />
                                                <input name="headerImageMobile" type="file" data-show-errors="true" data-width="100%"
                                                    data-default-file="{{ $universities->image_mobile_url }}" class="dropify">
                                            </div>
                                        </div>   
                                        <div class="row">
                                            <div class="form-group col-4">
                                                <x-forms.label name="University Icon" :required="false" />
                                                    <input name="university_icon" type="file" data-show-errors="true" data-width="50%"
                                                    class="dropify" data-default-file="{{ $universities->university_icon_url }}">
                                            </div>
                                            <div class="form-group col-8">
                                                <x-forms.label name="logo" :required="false" />
                                                    <input name="logo" type="file" data-show-errors="true" data-width="50%"
                                                    class="dropify" id="logo"  data-default-file="{{ $universities->logo_url }}">
                                                    <span class="text-danger logoerror"></span>
                                                    @error('logo')
                                                        <span class="text-red d-block" role="alert">{{ __($message) }}</span>
                                                    @enderror
                                            </div>    
                                        </div>     
                                        <div class="row">
                                            <div class="form-group col-4">
                                                <x-forms.label name="Brochure" :required="false" />
                                                    <input name="brochure" type="file" data-show-errors="true" data-width="50%"
                                                    class="dropify" data-default-file="{{ $universities->brochure }}">
                                                <x-forms.error name="brochure" />
                                            </div>
                                        </div>   
                                    </div>
                                </div>   
                            </div>
                        </div>
                    </div></div>
                    
                </div>
                {{-- dashboard body --}}
                <div class="tab-pane fade" id="dashboard" role="tabpanel" aria-labelledby="pills-dashboard-tab">
                    <div class="card"><div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-6" >
                                                <x-forms.label name="Establishment" :required="false"/>
                                                <input type="number" class="form-control" min="0001" max="9999" name="establishment" placeholder="Establishment"  value="{!!  old('establishment', $universities->establishment) !!}"/>
                                            </div> 
                                            <div class="form-group col-6">
                                                <x-forms.label name="Ug Pg Course Ratio" :required="false" />
                                                <input type="text" step="any"  class="form-control"  name="ug_pg_course_ratio" placeholder="Enter Ug Pg Course Ratio" value="{!!  old('ug_pg_course_ratio', $universities->ug_pg_course_ratio) !!}"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Male Female Ratio" :required="false"/>
                                                <input type="text"  class="form-control" step="any"  name="male_female_ratio" placeholder="Enter Male Female Ratio" value="{!!  old('male_female_ratio', $universities->male_female_ratio) !!}"/>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Endowments" :required="false"/>
                                                <x-forms.input type="text" name="endowments" placeholder="Endowments"  value="{!!  old('endowments', $universities->endowments) !!}"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="website" :required="true" />
                                                <x-forms.input type="text" name="website" placeholder="website" id="website" value="{!!  old('website', $universities->website) !!}"/>
                                                <span class="text-danger"></span>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Total Campuses" :required="false" />
                                                <x-forms.input type="number" name="total_campuses" placeholder="Enter Total Campuses" value="{!!  old('total_campuses', $universities->total_campuses) !!}"/>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Known As" :required="false"/>
                                                <x-forms.input type="text" name="known_as" placeholder="Known As"  value="{!!  old('known_as', $universities->known_as) !!}"/>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="International Students" :required="false"/>
                                                <x-forms.input type="number" name="international_students" placeholder="Enter International Students" value="{!!  old('international_students', $universities->international_students) !!}"/>
                                            </div>
                                        </div>
                                    
                                        <div class="row">
                                            <div class="form-group col-12" >
                                                <x-forms.label name="Entrance Requirements Short List" :required="false"/>
                                                <textarea name="entrance_requirement" rows="4" placeholder="Enter Entrance Requirements Short List" class="form-control"> {{ old('entrance_requirement', (!empty($universities->entrance_requirement)) ? $universities->entrance_requirement : '') }} </textarea>
                                            </div> 
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Rankings Short Description" :required="false" />
                                                <textarea id="editor8" rows="8" name="rankings_short_desc" placeholder="Rankings Short Description" class="form-control"> {{ old('rankings_short_desc', $universities->rankings_short_desc) }} </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="International Students Content" :required="false" />
                                                <textarea id="editor7" rows="8" name="international_studentsContent" placeholder="International Students Content" class="form-control">{{ old('international_studentsContent', $universities->international_studentsContent) }}</textarea>
                                            </div>
                                        </div>
                                        {{-- <div class="row">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="form-group col-12">
                                                        <x-forms.label name="University_descriptions" :required="false" />
                                                        <textarea id="editor10" rows="3" name="University_descriptions" placeholder="University_descriptions" class="form-control">Est et in pharetra magna adipiscing ornare aliquam.Tellus arcu sed consequat ac velit ut eu blandit.Ullamcorper ornare in et egestas dolor orci.</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        </div> --}}
                                        {{-- dd() --}}
                                        {{-- {{dd($universities->study_points)}} --}}
                                        <div class="row">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="card-header">
                                                        Study Details
                                                        </div>
                                                 
                                            <p class="mb-1"><strong>Study Detail Content</strong></p><textarea placeholder="Put Some Descriptionns here" class="form-control content" name="study_detail"  rows="3" cols="30">{{$universities->study_detail}}</textarea>                                           
                                           
                                          <div class="row">
                                            <div class="col-6">
                                                <p class="mb-1"><strong>Header1</strong></p><input type="text" class="form-control" value="{{@$study_points[0]->header}}"  name="study_point[0][header]" placeholder="header1">
                                                <p class="mb-1"><strong>first point content</strong></p>  <textarea  class="form-control content"  name ="study_point[0][content]" rows="5" cols="30">{{@$study_points[0]->content}}</textarea>
    
                                            </div>
                                            <div class="col-6">
                                                <p class="mb-1"><strong>Header2</strong></p><input type="text" class="form-control" value="{{@$study_points[1]->header}}"  name="study_point[1][header]" placeholder="header2">
                                                <p class="mb-1"><strong>second point Content</strong></p><textarea  class="form-control content" name ="study_point[1][content]" rows="5" cols="30">{{@$study_points[1]->content}}
                                               </textarea>
                                            </div>
                                            <div class="col-6">
                                                <p class="mb-1"><strong>Header3</strong></p><input type="text" class="form-control" value="{{@$study_points[2]->header}}"  name="study_point[2][header]" placeholder="header2">
                                                <p class="mb-1"><strong>third point Content</strong></p><textarea  class="form-control content" name ="study_point[2][content]" rows="5" cols="30">{{@$study_points[2]->content}}
                                               </textarea>
                                            </div>
                                            <div class="col-6">
                                                <p class="mb-1"><strong>Header4</strong></p><input type="text" class="form-control" value="{{@$study_points[3]->header}}"  name="study_point[3][header]" placeholder="header4">
                                                <p class="mb-1"><strong>fourth point Content</strong></p><textarea  class="form-control content" name ="study_point[3][content]"rows="5" cols="30">{{@$study_points[3]->content}} 
                                                </textarea>
                                            </div>
                                          </div>
                                        
                                           
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="row add_More_campus ">
                                    <div class="card">
                                   <div class="card-body ">
                                     <h6><strong class="mx-1">Campus details</strong></h6> 
                               <table>
                                   <tr id="addRow" >                                                             
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addMain mt-2" type="file" name="image1" class="form-control" placeholder="{{ __('url') }}" />

                                       </td>
                                        <td class="col-xs-2 mt-3">
                                            <input class="form-control addPrefer mt-2" type="text" name="address" placeholder="Campus Address Header" />
                                       </td> 
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addCommon mt-2" type="text" name="address_desc" placeholder="Campus address" />
                                       </td>
                                   </tr>
                                   <tr class="mt-5">
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addMain mt-2" type="file" name="image2"  class="form-control" placeholder="{{ __('url') }}" />
                                       </td>
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addPrefer mt-2" type="text" name="address" placeholder="Campus address Header" />
                                       </td>
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addCommon mt-2" type="text" name="address_desc" placeholder="Campus address" />
                                       </td>
                                   </tr>
                                   <tr class="mt-5">
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addMain mt-2" type="file" name="image3"  class="form-control" placeholder="{{ __('url') }}" />
                                       </td>
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addPrefer mt-2" type="text" name="address" placeholder="Campus Address Header" />
                                       </td>
                                       <td class="col-xs-2 mt-3">
                                           <input class="form-control addCommon mt-2" type="text" name="address_desc" placeholder="Campus address" />
                                       </td>

                                   </tr>
                               </table>
                               <div class="mt-2">
                                    <strong>Campus Details</strong>
                                    <br>
                                    </h6>Campus Header<input class="form-control"  type="text" name ="campus_header">
                                    details<textarea  class="form-control content" name="campus_detials" rows="3" cols="30"></textarea>
                                                          
                                </div>
                           </div>
                           
                           </div>
                           
                               </div><br> --}}
                    
                            </div>
                            </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Scholarships Content" :required="false" />
                                                <textarea id="editor6" rows="8" name="scholarships_content" placeholder="Scholarships Content" class="form-control"> {{ old('scholarships_content', $universities->scholarships_content) }} </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Scholarships Overview" :required="false" />
                                                <textarea id="scholarships_overview" rows="8" name="scholarships_overview" placeholder="Scholarships Overview" class="form-control">{{ old('scholarships_overview', $universities->scholarships_overview) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Conclusion" :required="false" />
                                                <textarea id="conclusion" rows="8" name="conclusion" placeholder="Conclusion" class="form-control">{{ old('conclusion', $universities->conclusion) }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Admission short Description" :required="false" />
                                                <textarea id="editor9" rows="8" name="admission_short_desc" placeholder="Admission short Description" class="form-control">{{ old('admission_short_desc', $universities->admission_short_desc) }}</textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Documents" :required="false" />
                                                <x-forms.input type="text" name="admission_documents" placeholder="Documents" value="{!!  old('admission_documents', $universities->admission_documents) !!}" />
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Application Fees" :required="false" />
                                                <x-forms.input type="text" name="admission_application_fees" placeholder="Application Fees" value="{!!  old('admission_application_fees', $universities->admission_application_fees) !!}" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Intake Season" :required="false" />
                                                <x-forms.input type="text" name="admission_intake_season" placeholder="Intake Season" value="{!!  old('admission_intake_season', $universities->admission_intake_season) !!}" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {{-- <div class="card">
                                    <div class="card-body">
                                        <br>
                                        <div class="row add_More ">   
                                            <div class="form-group col-12 addMore_header">
                                                <div class="form-group col-12">
                                                    <x-forms.label name="University_descriptions" :required="false" />
                                                    <textarea id="editor10" rows="3" name="University_descriptions" placeholder="University_descriptions" class="form-control">Est et in pharetra magna adipiscing ornare aliquam.Tellus arcu sed consequat ac velit ut eu blandit.Ullamcorper ornare in et egestas dolor orci.</textarea>
                                                </div>

                                              
                                              
                                            </div>
                                        
                                        </div>
                                    </div>
                                </div> --}}
                                    <div >
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="card-header">Overview Services</div>
                                                <div class="row">
                                                    
                                                    <p class=""><strong>Service Description</strong></p>
                                                    <textarea name="overview_services" id="editor11" class="form-control mb-2" cols="30" rows="8">{{@$universities->overview_services}}</textarea>
                                                    <div class="col-6">
                                                        <p><strong>Block 1</strong></p><input class="form-control mt-2" value="{{@$overview_service_blocks[0]->header}}"  name="overview_service_block[0][header]" placeholder="Header" type="text">
                                                        <textarea placeholder="Content"  class="form-control content  mt-2" name="overview_service_block[0][content]" rows="3" cols="30">{{@$overview_service_blocks[0]->content}}</textarea>
                                                        {{-- <input class="form-control addMain" type="file" name="Campus_first_image" class="form-control" placeholder="{{ __('url') }}" /> --}}
                                                         
                                                    </div>
                                                    <div class="col-6">
                                                       <p><strong>Block 2</strong></p> <input class="form-control mt-2" value="{{@$overview_service_blocks[1]->header}}" type="text" name="overview_service_block[1][header]" placeholder="Header">
                                                        <textarea placeholder="Content"  class="form-control content  mt-2" name="overview_service_block[1][content]" rows="3" cols="30">{{@$overview_service_blocks[1]->content}}</textarea>
                                                        {{-- <input class="form-control addMain" type="file" name="Campus_second_image" class="form-control" placeholder="{{ __('url') }}" /> --}}
                                                    </div>           
                                                    <div class="col-6">
    
                                                    <p><strong>Block 3</strong></p><input class="form-control  mt-2" value="{{@$overview_service_blocks[2]->header}}"  type="text" name="overview_service_block[2][header]" placeholder="Header">
                                                    <textarea placeholder="Content"  class="form-control content  mt-2" name="overview_service_block[2][content]" rows="3" cols="30">{{@$overview_service_blocks[2]->content}}</textarea>
                                                    {{-- <input class="form-control addMain" type="file" name="campus_third_image" class="form-control" placeholder="{{ __('url') }}" /> --}}
                                                    </div>
                                                    
                                                </div>
                                                
                                            </div>
                                      

                                        </div>
                                    </div>
                                 
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                {{-- coursesFees body --}}
                <div class="tab-pane fade" id="coursesFees" role="tabpanel" aria-labelledby="pills-coursesFees-tab">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <x-forms.label name="Course Overview" :required="false" />
                                            <textarea id="course_overview" rows="8" name="course_overview" placeholder="Course Overview" class="form-control">{{ old('course_overview', $universities->course_overview) }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- admissions body --}}
                <div class="tab-pane fade" id="admissions" role="tabpanel" aria-labelledby="pills-admissions-tab">
                    <div class="row">
                        <div class="col-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <x-forms.label name="Admission Overview" :required="false" />
                                            <textarea id="admission_overview" rows="8" name="admission_overview" placeholder="Admission Overview" class="form-control">{{ old('admission_overview', $universities->admission_overview) }}</textarea>
                                        </div>                                        
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <x-forms.label name="Date Deadline Overview" :required="false" />
                                            <textarea id="date_deadline_overview" rows="8" name="date_deadline_overview" placeholder="Date Deadline Overview" class="form-control">{{ old('date_deadline_overview', $universities->date_deadline_overview) }}</textarea>
                                        </div>                                        
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-6">
                                            <x-forms.label name="Population of city" :required="false"/>
                                            <x-forms.input type="text" name="population_of_city" placeholder="Enter population of city" value="{!!  old('population_of_city', $universities->population_of_city) !!}"/>
                                        </div>
                                        <div class="form-group col-6">
                                            <x-forms.label name="Size of city" :required="false" />
                                            <x-forms.input type="text" name="size_of_city" placeholder="Enter size of city" value="{!!  old('size_of_city', $universities->size_of_city) !!}"/>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-6">
                                            <x-forms.label name="Admission Dates" :required="false"/>
                                            <input type="date"
                                            @if(!empty($universities->admission_dates))
                                            value="{!!  (date('Y-m-d',strtotime($universities->admission_dates)))!!}"
                                            @endif
                                                class="form-control @error('admission_dates') is-invalid @enderror"
                                                name="admission_dates" id="admission_dates" placeholder="Admission Dates">
                                            @error('admission_dates')
                                                <span class="invalid-feedback" role="alert">{{ __($message) }}</span>
                                            @enderror
                                        </div>
                                        <div class="form-group col-6">
                                            <x-forms.label name="Map URL" :required="false"/>
                                            <x-forms.input type="text" name="map_link" placeholder="map url" value="{!!  old('map_link', $universities->map_link) !!}"/>
                                        </div>
                                    </div>
                                    <div class="row">
                                       
                                        <div class="form-group col-12">
                                            <x-forms.label name="Wikipedia URL" :required="false"/>
                                            <x-forms.input type="text" name="wikipedia_url" placeholder="wikipedia url" value="{!!  old('wikipedia_url', $universities->wikipedia_url) !!}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- accommodation body --}}
                <div class="tab-pane fade" id="accommodation" role="tabpanel" aria-labelledby="pills-accommodation-tab">
                    <div class="card"><div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body ">
                                        <div class="card-header">
                                            {{ __('on_campus_accommodation') }}
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Details" :required="false" />
                                                <textarea id="editor3" rows="8" name="on_campus_accommodation_details" placeholder="{{ __('Details') }}" class="form-control"> {{ old('on_campus_accommodation_details', (!empty($on_campus_accommodation->details)) ? $on_campus_accommodation->details : '') }} </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="Living Expense Details" :required="false" />
                                                <x-forms.input type="text" name="on_campus_accommodation_livingExpenseDetails" placeholder="Living Expense Details" value="{!!  old('on_campus_accommodation_livingExpenseDetails', (!empty($on_campus_accommodation->livingExpenseDetails)) ? $on_campus_accommodation->livingExpenseDetails : '') !!}"/>
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="Living Expense Url" :required="false" />
                                                <x-forms.input type="text" name="on_campus_accommodation_livingExpenseUrl" placeholder="Living Expense Url" value="{!!  old('on_campus_accommodation_livingExpenseUrl', (!empty($on_campus_accommodation->livingExpenseUrl)) ? $on_campus_accommodation->livingExpenseUrl : '') !!}"/>
                                            </div>
                                        </div>   
                                        <div class="row">
                                        <div class="form-group col-6">
                                            <x-forms.label name="Ug Description" :required="false" />
                                            <textarea id="on_campus_accommodation_ugDescription" rows="8" name="on_campus_accommodation_ugDescription" placeholder="Ug Description" class="form-control">{{ old('on_campus_accommodation_ugDescription', (!empty($on_campus_accommodation->ugDescription)) ? $on_campus_accommodation->ugDescription : '') }}</textarea>
                                        </div>
                                        <div class="form-group col-6">
                                            <x-forms.label name="Pg Description" :required="false" />
                                            <textarea id="on_campus_accommodation_pgDescription" rows="8" name="on_campus_accommodation_pgDescription" placeholder="Pg Description" class="form-control">{{ old('on_campus_accommodation_pgDescription', (!empty($on_campus_accommodation->pgDescription)) ? $on_campus_accommodation->pgDescription : '') }}</textarea>
                                        </div>
                                    </div>  
                                    <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Accommodation Website" :required="false" />
                                                <x-forms.input type="text" name="on_campus_accommodation_website" placeholder="Accommodation Website" value="{!!  old('on_campus_accommodation_website', (!empty($on_campus_accommodation->website)) ? $on_campus_accommodation->website : '') !!}"/>
                                            </div>
                                    </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body pb-0">
                                        <div class="card-header ">
                                            {{ __('off_campus_accommodation') }}
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Description" :required="false" />
                                                <textarea id="editor4" rows="8" name="off_campus_accommodation_description" placeholder="{{ __('Details') }}" class="form-control"> {{ old('off_campus_accommodation_description', (!empty($off_campus_accommodation->description)) ? $off_campus_accommodation->description : '') }} </textarea>
                                            </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <div id="multiple_feature_part_off_campus_links">
                                                <div class="row">
                                                
                                                    <div class="form-group col-md-9">
                
                                                            @if (!empty($off_campus_accommodation->links[0]))
                                                            <x-forms.label name="Links" :required="false" />
                                                            <x-forms.input type="text" name="off_campus_accommodation_links[]" placeholder="Links" value="{!! (!empty($off_campus_accommodation->links[0])) ? $off_campus_accommodation->links[0] : ''!!}"/>
                                                            @else
                                                            <x-forms.label name="Links" :required="false" />
                                                            <x-forms.input type="text" name="off_campus_accommodation_links[]" placeholder="Links" />
                                                            @endif
                                                    </div>
                                                    <div class="form-group col-md-3">
                                                        <x-forms.label name="Add Links" :required="false" /><br/>
                                                        <a role="button" onclick="add_features_field_off_campus_links()"
                                                            class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                    </div>
                                                </div>
                                            {{-- array_shift()remove the first index (0) from the $off_campus_accommodation->links array in the @foreach loop, --}}
                                            
                                                @if(!empty($off_campus_accommodation->links))
                                                    @php
                                                    array_shift($off_campus_accommodation->links);
                                                    @endphp
                                                    @foreach($off_campus_accommodation->links as $links)
                                                    <div class="row">
                                                        <div class="form-group col-md-9">

                                                            <x-forms.label name="Links" :required="false" />
                                                            <x-forms.input type="text" name="off_campus_accommodation_links[]" placeholder="Links" value="{!! $links !!}"/>
                                                            
                                                        </div>
                        
                                                        <div class="form-group col-md-3">
                                                            <x-forms.label class="mb-4" name=" " :required="false" /><br/>
                                                            <a role="button" id="remove_item_links"
                                                                class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                                                        </div>
                                                    </div>
                                                    @endforeach
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="card">                           
                                    <div class="card-body">
                                        <div class="row">
                                        <div class="card-header"> Accommodation Description</div>
                                        
                                    <div class="col-6">
                                        <p class="mt-3"><strong>Accommodation Description</strong></p>
                                        <textarea class="form-control mb-4"  name="accommodation_desc" id="accommodation_desc" cols="30" rows="8">{{$universities->accommodation_desc }}</textarea>
                                    </div>
                                    <div class="col-6">
                                        <p class="mt-3"><strong>Living Cost Description</strong></p>
                                        <textarea class="form-control"  name="calc_living_exp_desc" id="calc_living_exp_desc" cols="30" rows="8">{{ $universities->calc_living_exp_desc }}</textarea>
                                    </div>
                                </div>
                            </div>
                              </div>
                            </div>
                        
                        </div>
                  </div>
                </div>
               
            </div>

                {{-- gallery body --}}
                <div class="tab-pane fade" id="gallery" role="tabpanel" aria-labelledby="pills-gallery-tab">
                    <div class="card"><div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="card-header">
                                            {{ __('gallery') }}
                                        </div>
                                        <div class="row">
                                            <div class="col-md-12">
                                           
                                                <table class="table" id="myTable">
                                                    <thead>
                                                        <tr>
                                                            {{-- <th><input class="form-check-input" name="newImgs[0][overview_img]" type="checkbox" value="Overview_img">Overview img <br>
                                                            <input  class="form-check-input" name="newImgs[0][study_img]"  type="radio" value="Study_img">Study img <br>
                                                            <input class="form-check-input" name="newImgs[0][university_img]" type="checkbox" value="University_img">University img <br>
                                                            </th>
                                                            <th>Media Title</th>
                                                            <th>Alt Text</th>
                                                            <th></th> --}}
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr id="addRow">                                                             
                                                            <td> 
                                                               <label for=""> Image Panel</label>
                                                            <td class="col-xs-2">
                                                                <input class="form-control addMain" type="file" name="img[0][mediaUrl]" class="form-control" placeholder="{{ __('url') }}" />
                                                            </td>
                                                            <td class="col-xs-2">
                                                                <input class="form-control addPrefer" type="text" name="img[0][mediaTitles]" placeholder="Media Title" />
                                                            </td>
                                                            <td class="col-xs-2">
                                                                <input class="form-control addCommon" type="text" name="img[0][altTexts]" placeholder="Alt Text" />
                                                            </td>
                                                            
                                                            <td class="col-xs-1 text-center">
                                                                <span class="addBtn">
                                                                    <i class="fa fa-plus"></i>
                                                                </span>
                                                            </td>
                                                        </tr>
                                                        {{-- {{dd($universities)}} --}}
                                                            @foreach ($universities->images_urls as $index => $imageUrl)
                                                            {{-- {{dd($imageUrl)}} --}}
                                                            <tr>
                                                                <td>
                                                                    <div class="form-check">
                                                                        <input class="form-check-input overview-img" type="checkbox" id="overview_img" name="newImgs[{{$index}}][overview_img]" value="1"{{ $imageUrl['overview_img'] == 1 ? 'checked' : '' }}>Overview
                                                                        <label class="form-check-label"></label>
                                                                    </div>
                                                                    <div class="form-check">
                                                                        <input class="form-check-input study-img  @if($imageUrl['study_img'] == 1) active @endif " type="radio" 
                                                                        onchange="studyImgCheck(event)" id="study_img" name="newImgs[{{$index}}][study_img]" value="1"{{ $imageUrl['study_img'] == 1 ? 'checked' : '' }}>Study
                                                                    </div>
                                                                    <div class="form-check">
                                                                        <input class="form-check-input university-img" type="checkbox" id="university_img" name="newImgs[{{$index}}][university_img]" value="1"{{ $imageUrl['university_img'] == 1 ? 'checked' : '' }}>University
                                                                    </div>
                                                                </td>
                                                            <td class="col-xs-3">
                                                                <input name="newImgs[{{$index}}][mediaUrl]" type="hidden" value="{!!  $imageUrl['mediaUrl'] !!}">
                                                                <img src="{{ $imageUrl['mediaUrl'] }}" class="form-control editable">
                                                            </td>
                                                            <td class="col-xs-3">
                                                                <input type="text" name="newImgs[{{$index}}][mediaTitle]" class="form-control" placeholder="Media Title" value="{!!  $imageUrl['mediaTitle'] !!}" >
                                                            </td>
                                                            <td class="col-xs-5">
                                                                <input type="text" name="newImgs[{{$index}}][altText]" class="form-control" placeholder="Alt Text" value="{!!  $imageUrl['altText'] !!}" >
                                                            </td>
                                                            <td class="col-xs-1 text-center">
                                                                <a href="#" onClick="deleteRow(this)">
                                                                    <i class="fas fa-times"></i>
                                                                </a>
                                                            </td>
                                                        </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="card-header">
                                            {{ __('videos') }}
                                        </div>
                                        {{-- <div class="row"> --}}


                                            {{-- start vieos --}}
                                        {{-- <div class="card-body"> --}}
                                            {{-- <x-forms.label name="{{ __('media_details') }}" :required="false"/> --}}
                                            <div id="multiple_feature_part">
                                                <div class="row justify-content-center mt-2">
                                                    <div class="form-group col-md-4">
                                                        <select class="form-control @error('social_media') border-danger @enderror"
                                                            name="social_media[]">
                                                            <option value="" class="d-none" disabled>{{ __('select_one') }}
                                                            </option>
                                                        
                                                            <option {{ old('social_media') == 'youtube' ? 'selected' : '' }}
                                                                value="youtube">{{ __('youtube') }}</option>
                                                        
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        {{-- <input > --}}
                                                        <!-- <x-forms.input type="url" name="videos[]" class="form-control" /> -->
                                                        {{-- <input type="url" name="videos[]" class="form-control"
                                                                placeholder="{{ __('url') }}"> --}}
                
                                                            @if (!empty($videos[0]))
                                                            <input type="url" name="videos[]" class="form-control"
                                                            value="{!!  $videos[0]->mediaUrl !!}" placeholder="{{ __('url') }}">
                                                            @else
                                                            <input type="url" name="videos[]" class="form-control"
                                                            placeholder="{{ __('url') }}">
                                                            @endif
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <a role="button" onclick="add_features_field()"
                                                            class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                    </div>
                                                </div>
                                            {{-- array_shift remove the first index (0) from the $videos array in the @foreach loop, --}}
                                                @php
                                                array_shift($videos);
                                                @endphp
                
                                                @foreach($videos as $video)
                                                <div class="row justify-content-center">
                                                    <div class="form-group col-md-4">
                                                        <select class="form-control @error('social_media') border-danger @enderror"
                                                            name="social_media[]">
                                                            <option value="" class="d-none" disabled>{{ __('select_one') }}
                                                            </option>
                                                        
                                                            <option {{ old('social_media') == 'youtube' ? 'selected' : '' }}
                                                                value="youtube">{{ __('youtube') }}</option>
                                                        
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-6">
                                                        {{-- <input > --}}
                                                        <!-- <x-forms.input type="url" name="videos[]" class="form-control" /> -->
                                                        <input type="url" name="videos[]" class="form-control"
                                                                value="{!!  $video->mediaUrl !!}" placeholder="{{ __('url') }}">
                                                    </div>
                                                    <div class="form-group col-md-2">
                                                        <a role="button" id="remove_item"
                                                            class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        {{-- </div> --}}



                                        {{-- </div> --}}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="card-header">
                                                    <p>Gallery Description</p>
                                                </div>
                                                <p><strong>Description</strong></p>
                                                <textarea class="form-control" name="gallery_desc" id="gallery_desc" cols="30" rows="8">{{@$universities->gallery_desc}}</textarea>
                                            </div>
                                        </div>  
                                    </div>
                                
                            </div>
                            </div>
                        </div>
                    </div></div>
                </div>
                {{-- rankings body --}}
                <div class="tab-pane fade" id="rankings" role="tabpanel" aria-labelledby="pills-rankings-tab">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <x-forms.label name="Ranking Overview" :required="false" />
                                            <textarea id="ranking_overview" rows="8" name="ranking_overview" placeholder="Ranking Overview" class="form-control">{{ old('ranking_overview', $universities->ranking_overview) }}</textarea>
                                        </div>
                                        <div class="form-group col-3">
                                            <strong>QS Ranking</strong><input type="number" value="{{@$universities->qs_ranking}}" name="qs_ranking" placeholder="Put Qs Ranking Numbers" class="form-control">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- others body --}}
                <div class="tab-pane fade" id="others" role="tabpanel" aria-labelledby="pills-others-tab">
                    <div class="card"><div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="About College" :required="false" />
                                                <textarea id="editor1" rows="8" name="aboutCollege" placeholder="{{ __('aboutCollege') }}" class="form-control"> {{ old('aboutCollege', $universities->aboutCollege) }} </textarea>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="About College Placement" :required="false" />
                                                <textarea id="editor2" rows="8" name="aboutCollegePlacement" placeholder="{{ __('aboutCollegePlacement') }}" class="form-control">{{ old('aboutCollegePlacement', $universities->aboutCollegePlacement) }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="Page URL"/>
                                                <x-forms.input type="text" name="url" id="url" placeholder="Page URL" value="{!!  old('url', $universities->url) !!}"/>
                                                <span class="text-danger"></span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="status"/>
                                                <select name="status"
                                                class="form-control {{ error('status') }}"
                                                id="status">
                                                    <option {{ old('status',$universities->status) == '1' ? 'selected' : '' }}
                                                    value="1">{{ __('active') }}</option>
                                                    <option {{ old('status',$universities->status) == '0' ? 'selected' : '' }}
                                                    value="0">{{ __('inactive') }}</option>
                                                </select>
                                            </div>
                                            <div class="form-group col-6">
                                                <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 == $universities->country_id ? 'selected' : '' }}>
                                                            {{ $country->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <span class="text-danger countryerror"></span>
                                                <x-forms.error name="country_id" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="state" :required="false"/>
                                                <select name="state_id"
                                                    class="form-control select2bs4 {{ error('state_id') }}"
                                                    id="state_id">
                                                    <option value="" class="d-none">
                                                        {{ __('select_state') }}
                                                    </option>
                                                    @foreach ($states as $state)
                                                        <option {{ $state->id  == old('state_id') ? 'selected' : '' }}
                                                            value="{!!  $state->id !!}" {{ $state->id == $find_state_id ? 'selected' : '' }}>
                                                            {{ $state->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <x-forms.error name="state_id" />
                                            </div>
                                            <div class="form-group col-6">
                                                <x-forms.label name="city" :required="true"/>
                                                <select name="city_id"
                                                    class="form-control select2bs4 {{ error('city_id') }}"
                                                    id="city_id">
                                                    <option value="" class="d-none">
                                                        {{ __('select_city') }}
                                                    </option>
                                                    @foreach ($citys as $city)
                                                   
                                                        <option {{ $city->id  == old('city_id') ? 'selected' : '' }}
                                                            value="{!!  $city->id !!}" {{ $city->id == $universities->city_id ? 'selected' : '' }}>
                                                            {{ $city->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <span class="text-danger cityerror"></span>
                                                <x-forms.error name="city_id" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="form-group col-12">
                                                <x-forms.label name="City Overview" :required="false" />
                                                <textarea id="city_overview" rows="8" name="city_overview" placeholder="Overview" class="form-control">{{ old('city_overview', (!empty($universities->cities->overview)) ? $universities->cities->overview : '') }}</textarea>
                                            </div>
                                        </div> 
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="City Accommodation" :required="false" />
                                                <x-forms.input type="text" name="city_accmmidation" placeholder="Accommodation (eg:5.6 L)" value="{!!  old('city_accmmidation', (!empty($universities->cities->accmmidation)) ? $universities->cities->accmmidation : '') !!}"/>
                                            </div>    
                                            <div class="form-group col-6">
                                                <x-forms.label name="City Meals" :required="false" />
                                                <x-forms.input type="text" name="city_meals" placeholder="Meals (eg:2.2 L)" value="{!!  old('city_meals', (!empty($universities->cities->meals)) ? $universities->cities->meals : '') !!}"/>
                                            </div>                     
                                        </div>   
                                        <div class="row">
                                            <div class="form-group col-6">
                                                <x-forms.label name="City Earnings" :required="false" />
                                                <x-forms.input type="text" name="city_earings" placeholder="Earnings (eg:5.6 L)" value="{!!  old('city_earings', (!empty($universities->cities->earings)) ? $universities->cities->earings : '') !!}"/>
                                            </div>    
                                            <div class="form-group col-6">
                                                <x-forms.label name="City Local Travel" :required="false" />
                                                <x-forms.input type="text" name="city_local_travel" placeholder="Local Travel (eg:2.2 L)" value="{!!  old('city_local_travel', (!empty($universities->cities->local_travel)) ? $universities->cities->local_travel : '') !!}"/>
                                            </div>                     
                                        </div>   
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div></div>
                </div>
                {{-- metaTags body --}}
                <div class="tab-pane fade" id="metaTags" role="tabpanel" aria-labelledby="pills-metaTags-tab">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">
                                        <div class="form-group col-6">
                                            <x-forms.label name="Meta title" :required="false"/>
                                            <x-forms.input type="text" name="meta_title" placeholder="Enter meta Title" id="meta_title" value="{!!  old('meta_title', $universities->meta_title) !!}"/>
                                            <span class="text-danger"></span>
                                            <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',$universities->robots) == 'noindex, nofollow' ? 'selected' : '' }}
                                                    value="noindex, nofollow">noindex, nofollow</option>
                                                    <option {{ old('robots',$universities->robots) == 'nofollow, index' ? 'selected' : '' }}
                                                    value="nofollow, index">nofollow, index</option>

                                                    <option {{ old('robots',$universities->robots) == 'noindex, follow' ? 'selected' : '' }}
                                                        value="noindex, follow">noindex, follow</option>
                                                        <option {{ old('robots',$universities->robots) == 'index, follow' ? 'selected' : '' }}
                                                        value="index, follow">index, follow</option>
                                                </select>
                                                <span class="text-danger"></span>
                                        </div>
                                    </div>
        
                                    
                                    
                                    <div class="form-group">
                                        <x-forms.label name="Meta keywords" :required="false"/>
                                        <x-forms.input type="text" name="meta_keywords" placeholder="Enter meta keywords" value="{!!  old('meta_keywords', $universities->meta_keywords) !!}"/>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-12">
                                            <x-forms.label name="Meta Description" :required="false"/> 
                                            <textarea type="text" rows="18" class="form-control" name="meta_description" id="meta_description" placeholder="Enter meta Description" >{{ old('meta_description', $universities->meta_description) }}</textarea>
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- publish body --}}
                <div class="tab-pane fade" id="publish" role="tabpanel" aria-labelledby="pills-publish-tab">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="row">

                                        <div class="form-group col-6">
                                            <x-forms.label name="Display Date" :required="false" />
                                            <input type="date"
                                            class="form-control @error('display_date') is-invalid @enderror"
                                            @if(!empty($universities->display_date))
                                            value="{!!  (date('Y-m-d',strtotime($universities->display_date)))!!}"
                                            @endif
                                            name="display_date" placeholder="Display Date">
                                        </div>
                                        <div class="form-group col-6">
                                            <x-forms.label name="Sorting" :required="false"/>
                                            <input type="number"  class="form-control" name="sorting" placeholder="Enter Sorting" value="{!!  old('sorting', $universities->sorting) !!}"/>
                                        </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($universities->created_at))
                                            value="{!!  (date('Y-m-d',strtotime($universities->created_at)))!!}"
                                            @endif
                                            name="created_at" placeholder="Created 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="{!!  @$universities->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="{!!  @$universities->modified->name !!}"
                                                placeholder="Modified By" readonly />
                                        </div>
                                    </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                      {{-- FAQ body --}}
                <div class="tab-pane fade" id="faq" role="tabpanel" aria-labelledby="pills-faq-tab">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-6">
                                            <strong class="">FAQ Description</strong>
                                            <textarea class="form-control mt-2" placeholder="FAQ Descriptions" name="faq_desc" id="faq_desc" cols="30" rows="5">{{$universities->faq_desc}}</textarea>                                                           
                                </div>                                
                                <div class="col-6">                              
                                            <strong class="">Find Your Dream University Description</strong>
                                            <textarea class="form-control mt-2" name="faq_dream_university_desc" id="faq_dream_university_desc" cols="30" rows="5">{{$universities->faq_dream_university_desc}}</textarea>                                 
                                </div>
                            </div>
                    </div>
                </div>
                </div>
                </div>
            </div>
            {{-- tabs end --}}

            {{-- <div class="row"> --}}
                {{-- <div class="col-6"> --}}
                    {{-- <div class="card">
                        <div class="card-header">
                            {{ __('location') }}
                            <span class="text-red font-weight-bold">*</span>
                            <small class="h6">
                                ({{ __('click_to_add_a_pointer') }})
                            </small>
                        </div>
                        <div class="card-body">
                            <x-website.map.map-warning/>
                            @php
                                $map = setting('default_map');
                            @endphp
                            <div class="map mymap {{ $map == 'map-box' ? '' : 'd-none' }}" id='map-box'>
                            </div>
                            <div id="google-map-div" class="{{ $map == 'google-map' ? '' : 'd-none' }}">
                                <input id="searchInput" class="mapClass" type="text" placeholder="Enter a location">
                                <div class="map mymap" id="google-map"></div>
                            </div>
                            <div class="{{ $map == 'leaflet' ? '' : 'd-none' }}">
                                <input type="text" autocomplete="off" id="leaflet_search" placeholder="{{ __('enter_city_name') }}" class="form-control"/> <br>
                                <div id="leaflet-map"></div>
                            </div>
                            @error('location')
                                <span class="ml-3 text-md text-danger">{{ $message }}</span>
                            @enderror
                           
                        </div>
                    </div> --}}



                        {{-- <div class="card-body">
                            <div id="multiple_feature_part_image">
                                <div class="row justify-content-center">
                                    <div class="form-group col-md-2">
                                        <img src="" class="img-fluid image-preview">
                                    </div>
                                    <div class="form-group col-md-2">
                                        <input type="text" name="mediaTitles[]" class="form-control" placeholder="Media Title" value="">
                                    </div>
                                    <div class="form-group col-md-2">
                                        <input type="text" name="altTexts[]" class="form-control" placeholder="Alt Text" value="">
                                    </div>
                                    <div class="form-group col-md-2">
                                        <div class="image-item">
                                            <input type="file" name="images[]" class="form-control" onchange="previewImage(this)" placeholder="{{ __('url') }}">
                                        </div>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <a role="button" onclick="add_features_field_image()" class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                    </div>
                                </div>
                                @foreach ($universities->images_urls as $index => $imageUrl)
                                    <div class="row justify-content-center">
                                        <div class="form-group col-md-2">
                                            <img src="{{ $imageUrl['mediaUrl'] }}" alt="{{ $imageUrl['altText'] }}" title="{{ $imageUrl['mediaTitle'] }}" class="img-fluid image-preview">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <input type="text" name="mediaTitles[]" class="form-control" placeholder="Media Title" value="{!!  $imageUrl['mediaTitle'] !!}">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <input type="text" name="altTexts[]" class="form-control" placeholder="Alt Text" value="{!!  $imageUrl['altText'] !!}">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <div class="image-item">
                                                <input name="images[]" type="hidden" value="{!!  $imageUrl['mediaUrl'] !!}">
                                            </div>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <button type="button" class="btn btn-danger btn-sm remove-image-btn" onclick="deleteImage(this)">Delete</button>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div> --}}
                    {{-- </div> --}}
                {{-- </div> --}}
                {{-- <div class="col-12">
                    <div class="card"> --}}
                        {{-- <div class="card-header">
                            {{ __('university_details') }}
                        </div> --}}
                        {{-- <div class="card-body"> --}}

                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="organization_type" />
                                    <select name="organization_type_id"
                                        class="form-control select2bs4 {{ error('organization_type_id') }}"
                                        id="organization_type_id">
                                        <option value="" class="d-none">
                                            {{ __('select_one') }}
                                        </option>
                                        @foreach ($organization_types as $type)
                                            <option {{ $type->id == old('organization_type_id') ? 'selected' : '' }}
                                                value="{!!  $type->id !!}">
                                                {{ $type->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="organization_type_id" />
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="industry_type" />
                                    <select name="industry_type_id"
                                        class="form-control select2bs4 {{ error('industry_type_id') }}"
                                        id="organization_type_id">
                                        <option value="" class="d-none">
                                            {{ __('select_one') }}
                                        </option>
                                        @foreach ($industry_types as $type)
                                            <option {{ $type->id == old('industry_type_id') ? 'selected' : '' }}
                                                value="{!!  $type->id !!}">
                                                {{ $type->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="industry_type_id" />
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="team_size" :required="false"/>
                                    <select name="team_size_id"
                                        class="form-control select2bs4 {{ error('team_size_id') }}"
                                        id="organization_type_id">
                                        <option value="" class="d-none">
                                            {{ __('select_one') }}
                                        </option>
                                        @foreach ($team_sizes as $size)
                                            <option {{ $size->id == old('team_size_id') ? 'selected' : '' }}
                                                value="{!!  $size->id !!}">
                                                {{ $size->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="team_size_id" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group datepicker col-4">
                                    <x-forms.label name="website" :required="false"/>
                                    <x-forms.input type="text" name="website" placeholder="website" />
                                </div>
                                <div class="form-group datepicker col-4">
                                    <x-forms.label name="establishment_date" :required="false" />
                                    <x-forms.input type="text" name="establishment_date" placeholder="select_one"
                                        id="establishment_date" />
                                    <x-forms.error name="establishment_date" />
                                </div>
                            </div> --}}
                            


                           
                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Admission Requirement" :required="false" />
                                    <textarea id="admissionRequirement" rows="8" name="admissionRequirement" placeholder="Admission Requirement" class="form-control">{{ old('admissionRequirement', $universities->admissionRequirement) }}</textarea>
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Campuses" :required="false" />
                                    <textarea id="campuses" rows="8" name="campuses" placeholder="{{ __('campuses') }}" class="form-control">{{ old('campuses', $universities->campuses) }}</textarea>
                                </div>
                            
                            </div> --}}
                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Ranking data" :required="false" />
                                    <textarea id="ranking_data" rows="8" name="ranking_data" placeholder="{{ __('ranking_data') }}" class="form-control">{{ old('ranking_data', $universities->ranking_data) }}</textarea>
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Section wise Data" :required="false" />
                                    <textarea id="sectionwiseData" rows="8" name="sectionwiseData" placeholder="{{ __('sectionwiseData') }}" class="form-control">{{ old('sectionwiseData', $universities->sectionwiseData) }}</textarea>
                                </div>
                            </div> --}}
                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Entry Criteria" :required="false" />
                                    <textarea id="entryCriteria" rows="8" name="entryCriteria" placeholder="{{ __('entryCriteria') }}" class="form-control">{{ old('entryCriteria', $universities->entryCriteria) }}</textarea>
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Course Widget" :required="false" />
                                    <textarea id="courseWidget" rows="8" name="courseWidget" placeholder="{{ __('courseWidget') }}" class="form-control">{{ old('courseWidget', $universities->courseWidget) }}</textarea>
                                </div>
                            </div> --}}

                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <div class="card">
                                        <div class="card-header">
                                            {{ __('Entry Criteria') }}
                                            <a role="button" class="float-right btn bg-primary text-light" onclick="add_features_field_entryCriteria()"><i class="fas fa-plus"></i></a>
                                        </div>
                                        <div class="card-body">
                                            <div id="multiple_feature_part_entryCriteria">
                                                <div class="row justify-content-center">
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0]count" class="form-control"
                                                            placeholder="{{ __('count') }}" value="{!! (!empty($entryCriteria[0]->count)) ? $entryCriteria[0]->count : ''!!}">
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0]name" class="form-control"
                                                            placeholder="{{ __('name') }}" value="{!! (!empty($entryCriteria[0]->name)) ? $entryCriteria[0]->name : ''!!}">
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0]url" class="form-control"
                                                            placeholder="{{ __('url') }}" value="{!! (!empty($entryCriteria[0]->url)) ? $entryCriteria[0]->url : ''!!}">
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0]shortNameAbbOrFullName" class="form-control"
                                                            placeholder="{{ __('shortNameAbbOrFullName') }}" value="{!! (!empty($entryCriteria[0]->shortNameAbbOrFullName)) ? $entryCriteria[0]->shortNameAbbOrFullName : ''!!}">
                                                    </div>

                                                    <div class="row mb-3" id="multiple_feature_part_entryCriteria_exams">
                                                        <div class="form-group col-md-4">
                        
                                                            <input type="text" name="newentryCriteria[0]exams[0]name" class="form-control"
                                                                placeholder="{{ __('examName') }}" value="{!! (!empty($entryCriteria[0]->exams[0]->name)) ? $entryCriteria[0]->exams[0]->name : ''!!}">
                
                                                        </div>
                                                        <div class="form-group col-md-6">

                                                        <input type="text" name="newentryCriteria[0]exams[0]score" class="form-control" placeholder="{{ __('score') }}" value="{!! (!empty($entryCriteria[0]->exams[0]->score)) ? $entryCriteria[0]->exams[0]->score : ''!!}">
                
                                                        </div>
                                                        <div class="form-group col-md-2">
                                                            <a role="button" onclick="add_features_field_entryCriteria_exams()"
                                                            class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                        </div>
                                                
                                                        @if (!empty($entryCriteria[0]->exams))
                                                        @php
                                                        array_shift($entryCriteria[0]->exams);
                                                        @endphp
                                                        @foreach ($entryCriteria[0]->exams as $indexs => $exams)
                                                        <div class="row mb-3" id="appendExamRow">
                                                            <div class="form-group col-md-4">
                            
                                                                <input type="text" name="newentryCriteria[0]exams[{{$indexs}}]name" class="form-control"
                                                                    placeholder="{{ __('examName') }}" value="{!! (!empty($exams->name)) ? $exams->name : ''!!}">
                    
                                                            </div>
                                                            <div class="form-group col-md-6">

                                                            <input type="text" name="newentryCriteria[0]exams[{{$indexs}}]score" class="form-control" placeholder="{{ __('score') }}" value="{!! (!empty($exams->score)) ? $exams->score : ''!!}">
                    
                                                            </div>
                                                            <div class="form-group col-md-2">
                                                                <a role="button" id="remove_item_newentryCriteria_exams"
                                                                class="btn bg-danger text-light"><i class="fas fa-times"></i></a>

                                                            </div>
                    
                                                        </div>
                                                        @endforeach
                                                        @endif
                                                    </div>
                                                </div>
                                            
                                            </div>
                                            @if (!empty($entryCriteria) && is_array($entryCriteria)) 
                                            @php
                                           
                                            array_shift($entryCriteria);
        
                                            @endphp
                                            @foreach ($entryCriteria as $index => $entryCriteria)
                                            <div class="card-body">
                                                <div id="multiple_feature_part">
                                                    <div class="row justify-content-center">
                                                        <div class="col-md-6 mb-3">
                                                            {{$index}}
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <a role="button" id="remove_item_newentryCriteria"
                                                                class="btn bg-danger text-light"><i class="fas fa-times"></i></a>

                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <input type="text" name="newentryCriteria[0]count" class="form-control"
                                                                placeholder="{{ __('count') }}" value="{!! (!empty($entryCriteria->count)) ? $entryCriteria->count : ''!!}">
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <input type="text" name="newentryCriteria[0]name" class="form-control"
                                                                placeholder="{{ __('name') }}" value="{!! (!empty($entryCriteria->name)) ? $entryCriteria->name : ''!!}">
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <input type="text" name="newentryCriteria[0]url" class="form-control"
                                                                placeholder="{{ __('url') }}" value="{!! (!empty($entryCriteria->url)) ? $entryCriteria->url : ''!!}">
                                                        </div>
                                                        <div class="col-md-6 mb-3">
                                                            <input type="text" name="newentryCriteria[0]shortNameAbbOrFullName" class="form-control"
                                                                placeholder="{{ __('shortNameAbbOrFullName') }}" value="{!! (!empty($entryCriteria->shortNameAbbOrFullName)) ? $entryCriteria->shortNameAbbOrFullName : ''!!}">
                                                        </div>
                                                        
                                                        @foreach ($entryCriteria->exams as  $indexs => $exams)
                                                        
                                                        <div class="row mb-3" id="appendExamRow">
                                                            <div class="form-group col-md-4">
                            
                                                                <input type="text" name="newentryCriteria[{{$index}}]exams[{{$indexs}}]name" class="form-control"
                                                                    placeholder="{{ __('examName') }}" value="{!! (!empty($exams->name)) ? $exams->name : ''!!}">
                    
                                                            </div>
                                                            <div class="form-group col-md-6">

                                                            <input type="text" name="newentryCriteria[{{$index}}]exams[{{$indexs}}]score" class="form-control" placeholder="{{ __('score') }}" value="{!! (!empty($exams->score)) ? $exams->score : ''!!}">
                    
                                                            </div>
                                                            @if($indexs === 0)
                                                            <div class="form-group col-md-2">
                                                                <a role="button" onclick="add_features_field_entryCriteria_exams()"
                                                                class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                            </div>
                                                            @else
                                                            <div class="form-group col-md-2">
                                                                <a role="button" id="remove_item_newentryCriteria_exams"
                                                                class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                        
                                                            </div>
                                                            @endif
                                                            
                    
                                                    </div>
                                                    @endforeach
                                                    </div>
                                                </div>
                                            


                                            </div>
                                            @endforeach
                                            @endif
                
                
                
                
                
                
                                        </div>
                                    </div>
                                </div>
                            </div> --}}


                        
                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <div class="card">
                                        <div class="card-header">
                                            {{ __('Entry Criteria') }}
                                            <a role="button" class="float-right btn bg-primary text-light" onclick="add_features_field_entryCriteria()"><i class="fas fa-plus"></i></a>
                                        </div>
                                        <div class="card-body">
                                            <div id="multiple_feature_part_entryCriteria">
                                                <div class="row justify-content-center">
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0][count]" class="form-control" placeholder="{{ __('count') }}" value="{!!  !empty($entryCriteria[0]->count) ? $entryCriteria[0]->count : '' !!}">
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0][name]" class="form-control" placeholder="{{ __('name') }}" value="{!!  !empty($entryCriteria[0]->name) ? $entryCriteria[0]->name : '' !!}">
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0][url]" class="form-control" placeholder="{{ __('url') }}" value="{!!  !empty($entryCriteria[0]->url) ? $entryCriteria[0]->url : '' !!}">
                                                    </div>
                                                    <div class="col-md-6 mb-3">
                                                        <input type="text" name="newentryCriteria[0][shortNameAbbOrFullName]" class="form-control" placeholder="{{ __('shortNameAbbOrFullName') }}" value="{!!  !empty($entryCriteria[0]->shortNameAbbOrFullName) ? $entryCriteria[0]->shortNameAbbOrFullName : '' !!}">
                                                    </div>

                                                    <div class="row mb-3" id="multiple_feature_part_entryCriteria_exams_0">
                                                        <div class="form-group col-md-4">
                                                            <input type="text" name="newentryCriteria[0][exams][0][name]" class="form-control" placeholder="{{ __('examName') }}" value="{!!  !empty($entryCriteria[0]->exams[0]->name) ? $entryCriteria[0]->exams[0]->name : '' !!}">
                                                        </div>
                                                        <div class="form-group col-md-6">
                                                            <input type="text" name="newentryCriteria[0][exams][0][score]" class="form-control" placeholder="{{ __('score') }}" value="{!!  !empty($entryCriteria[0]->exams[0]->score) ? $entryCriteria[0]->exams[0]->score : '' !!}">
                                                        </div>
                                                        <div class="form-group col-md-2">
                                                            <a role="button" onclick="add_features_field_entryCriteria_exams(0,1)" class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                        </div>
                                                    </div>

                                                    @if (!empty($entryCriteria[0]->exams))
                                                        @php
                                                            array_shift($entryCriteria[0]->exams);
                                                        @endphp
                                                        @foreach ($entryCriteria[0]->exams as $indexs => $exams)
                                                            <div class="row mb-3" id="appendExamRow">
                                                                <div class="form-group col-md-4">
                                                                    <input type="text" name="newentryCriteria[0][exams][{{ $indexs }}][name]" class="form-control" placeholder="{{ __('examName') }}" value="{!!  !empty($exams->name) ? $exams->name : '' !!}">
                                                                </div>
                                                                <div class="form-group col-md-6">
                                                                    <input type="text" name="newentryCriteria[0][exams][{{ $indexs }}][score]" class="form-control" placeholder="{{ __('score') }}" value="{!!  !empty($exams->score) ? $exams->score : '' !!}">
                                                                </div>
                                                                <div class="form-group col-md-2">
                                                                    <a role="button" id="remove_item_newentryCriteria_exams" class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endif
                                                </div>
                                            </div>

                                            @if (!empty($entryCriteria) && is_array($entryCriteria))
                                                @php
                                                    array_shift($entryCriteria);
                                                @endphp
                                                @foreach ($entryCriteria as $index => $entry)
                                                    <div class="card-body">
                                                        <div id="multiple_feature_part">
                                                            <div class="row justify-content-center">
                                                                <div class="col-md-6 mb-3">
                                                                    @php
                                                                    $index = $index+1
                                                                    @endphp
                                                                    {{ $index }}
                                                                  
                                                                </div>
                                                                <div class="col-md-6 mb-3">
                                                                    <a role="button" id="remove_item_newentryCriteria" class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                                                                </div>
                                                                <div class="col-md-6 mb-3">
                                                                    <input type="text" name="newentryCriteria[{{ $index }}][count]" class="form-control" placeholder="{{ __('count') }}" value="{!!  !empty($entry->count) ? $entry->count : '' !!}">
                                                                </div>
                                                                <div class="col-md-6 mb-3">
                                                                    <input type="text" name="newentryCriteria[{{ $index }}][name]" class="form-control" placeholder="{{ __('name') }}" value="{!!  !empty($entry->name) ? $entry->name : '' !!}">
                                                                </div>
                                                                <div class="col-md-6 mb-3">
                                                                    <input type="text" name="newentryCriteria[{{ $index }}][url]" class="form-control" placeholder="{{ __('url') }}" value="{!!  !empty($entry->url) ? $entry->url : '' !!}">
                                                                </div>
                                                                <div class="col-md-6 mb-3">
                                                                    <input type="text" name="newentryCriteria[{{ $index }}][shortNameAbbOrFullName]" class="form-control" placeholder="{{ __('shortNameAbbOrFullName') }}" value="{!!  !empty($entry->shortNameAbbOrFullName) ? $entry->shortNameAbbOrFullName : '' !!}">
                                                                </div>

                                                                @foreach ($entry->exams as $indexs => $exams)
                                                                    <div class="row mb-3" id="appendExamRow">
                                                                        <div class="form-group col-md-4">
                                                                            <input type="text" name="newentryCriteria[{{ $index }}][exams][{{ $indexs }}][name]" class="form-control" placeholder="{{ __('examName') }}" value="{!!  !empty($exams->name) ? $exams->name : '' !!}">
                                                                        </div>
                                                                        <div class="form-group col-md-6">
                                                                            <input type="text" name="newentryCriteria[{{ $index }}][exams][{{ $indexs }}][score]" class="form-control" placeholder="{{ __('score') }}" value="{!!  !empty($exams->score) ? $exams->score : '' !!}">
                                                                        </div>
                                                                        @if ($indexs == 0)
                                                                        <div class="form-group col-md-2">
                                                                            <a role="button" onclick="add_features_field_entryCriteria_exams({{ $index }},{{ $indexs }})" class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
                                                                        </div>
                                                                        @else
                                                                        <div class="form-group col-md-2">
                                                                            <a role="button" id="remove_item_newentryCriteria_exams" class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                                                                        </div>
                                                                        @endif
                                                                       
                                                                    </div>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div> --}}



                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Rankings Short Description" :required="false" />
                                    <textarea id="editor8" rows="8" name="rankings_short_desc" placeholder="Rankings Short Description" class="form-control"> {{ old('rankings_short_desc', $universities->rankings_short_desc) }} </textarea>
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Admission short Description" :required="false" />
                                    <textarea id="editor9" rows="8" name="admission_short_desc" placeholder="Admission short Description" class="form-control">{{ old('admission_short_desc', $universities->admission_short_desc) }}</textarea>
                                </div>
                            </div> --}}



                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Date Deadline Overview" :required="false" />
                                    <textarea id="date_deadline_overview" rows="8" name="date_deadline_overview" placeholder="Date Deadline Overview" class="form-control">{{ old('date_deadline_overview', $universities->date_deadline_overview) }}</textarea>
                                </div>
                            </div> --}}


                            {{-- <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Fees Table" :required="false" />
                                    <textarea id="feesTable" rows="8" name="feesTable" placeholder="Entry Fees Table" class="form-control">{{ old('feesTable', $universities->feesTable) }}</textarea>
                                </div>
                              
                            </div> --}}

                         
                        {{-- </div>
                    </div>
                </div> --}}
            {{-- </div> --}}
        </form>
       
      
    </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="{{ asset('frontend') }}/secondary-theme/assets/css/bootstrap-datepicker.min.css">

    <style>
        

        .ck-editor__editable_inline {
            min-height: 400px;
        }
        
    </style>
    <!-- >=>Leaflet Map<=< -->
    <x-map.leaflet.map_links/>
    <x-map.leaflet.autocomplete_links/>
    <!-- >=>Mapbox<=< -->
    @include('map::links')
    <!-- >=>Mapbox<=< -->
@endsection

@section('script')
    <script src="{{ asset('backend/plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('frontend/secondary-theme/assets/js/bootstrap-datepicker.min.js')}}"></script>

    <script src="{{ asset('backend') }}/plugins/dropify/js/dropify.min.js"></script>
    <script src="{{ asset('backend') }}/js/universityFormValidation.js"></script>
    

    <script>
        function formatRows(status, mainUrl, preferred, common, i,index) {
            // alert(mainUrl);
            // var index = lastIndex++;
            // alert(lastIndex);
            var row = `
                <tr>
                    <td> 
                        <div class="form-check">
                            <input class="form-check-input overview-img" type="checkbox" id="overview_img" name="img[${index}][overview_img]" value="1">Overview
                            <label class="form-check-label"></label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" onchange="studyImgCheck(event)" type="radio" id="study_img" name="img[${index}][study_img]" value="1">Study
                        </div>
                        <div class="form-check">
                            <input class="form-check-input university-img" type="checkbox" id="university_img" name="img[${index}][university_img]" value="1">University
                        </div>   
                    </td>
                    <td class="col-xs-3">
                        <input name="img[${index}][mediaUrl]" type="hidden" value="${mainUrl}">
                        <img src="${mainUrl}" class="form-control editable">
                    </td>
                    <td class="col-xs-3">
                        <input type="text" value="${preferred}" name="img[${index}][mediaTitles]" class="form-control" placeholder="Media Title" />
                    </td>
                    <td class="col-xs-5">
                        <input type="text" value="${common}" name="img[${index}][altTexts]" class="form-control" placeholder="Alt Text" />
                    </td>
                    <td class="col-xs-1 text-center">
                        <a href="#" onClick="deleteRow(this)">
                            <i class="fas fa-times"></i>
                        </a>
                    </td>
                </tr>
            `;
            return row;
        }
    
        function deleteRow(trash) {
            $(trash).closest('tr').remove();
        };
    
        $('.addBtn').click(function() {
            var lastIndex = $('table#myTable tr:last').index() + 1
                // Now you can use lastIndex wherever you need it in your jQuery code
                console.log('Last index:', lastIndex);
                addRow(lastIndex);
                // $(formatRows(lastIndex)).insertAfter('#addRow');
                });      

        var currentIndex = 0;
        function addRow(lastIndex) {

                var mainInput = $('.addMain')[0];
                var main = mainInput.files[0];
                var preferred = $('.addPrefer').val();
                var common = $('.addCommon').val();

                var status = $('.addstatus').val();
                
                var reader = new FileReader();


             
                reader.onload = function(e) {


                var mainUrl = e.target.result;
                // console.log(mainUrl);
                $(formatRows(status, mainUrl, preferred, common,currentIndex,lastIndex)).insertAfter('#addRow');
                $('.status').val('');
                $('.addMain').val(''); // Clear the input field
                // Clear the input field
                $('.addPrefer').val(''); // Clear the input field
                $('.addCommon').val(''); // Clear the input field
                currentIndex++; 
            }

            reader.readAsDataURL(main);
        }

        $(document).ready(function() {
            $(window).scroll(function() {
            var scroll = $(window).scrollTop();
            var containerOffset = $("#formCard").offset().top;

            if (scroll >= 30) {
                $("#formCard").addClass("sticky-menu");
            } else {
                $("#formCard").removeClass("sticky-menu");
            }
            });
        });


        // if You dbl click on radio button then button will be unchecked
     $(document).ready(function(){
        $(".study-img").dblclick(function(event){
        $(this).prop('checked', false); // Uncheck the double-clicked radio button
        });
    });

//  four image validation of overview img
$(document).ready(function() {
    var overviewCheckboxes = $('.overview-img');
    $(document).on('change', '.overview-img', function() {
        var checkedCheckboxes = $('.overview-img:checked');

        if (checkedCheckboxes.length > 4) {
            $(this).prop('checked', false); 
            $(this).prop('checked', false); 
            Swal.fire({
            icon: 'error',
            title: 'Oops...',
            text: 'You can select only Four image for the Overview Panel!',
        });
            
        }
    });
});


//  four image validation of university img
$(document).ready(function() {
    var universityCheckboxes = $('.university-img');

    $(document).on('change', '.university-img', function() {
        var checkedCheckboxes = $('.university-img:checked');

        if (checkedCheckboxes.length > 4) {
            $(this).prop('checked', false); 
            Swal.fire({
            icon: 'error',
            title: 'Oops...',
            text: 'You can select only Four image for the University Panel!',
        });
        }
    });
});
 


    //   let appendCount = 0;
    //   function addMore_campus(){
    //     if (appendCount < 3) {
    //             $(".addMore_campus").append(`
    //                                   <div class="form-group col-6 addMore_campus">
    //                                    <label for="formFileSm" class="form-label"></label>
    //                                    <input class="form-control form-control-sm" id="formFileSm" type="file" />
    //                                    Header<input class="form-control"  type="text">
    //                                    details<textarea  class="form-control content" name="content" rows="3" cols="30"></textarea>
    //                                    <button type="button" class="btn btn-danger remove_item_campus">Remove</button>
    //             `);
    //             appendCount++;
    //         } else {
    //             alert("You can only add up to three items.");
    //         }

    //   }
    //   $(".add_More_campus").on("click", ".remove_item_campus", function() {
    //         $(this).closest(".addMore_campus").remove();
    //         appendCount--;
    //     });

      
    //     $(".add_More").on("click", ".remove_item_content", function() {
    //         $(this).closest(".addMore_content").remove();
    //         appendCount--;
    //     });


    //     function addMore() {
    //         if (appendCount < 3) {
    //             $(".add_More").append(`
    //                 <div class="col-6 addMore_content">
    //                     Header<input class="form-control" type="text">
    //                     Content<textarea class="form-control content" name="content" rows="3" cols="30"></textarea>
    //                     <button type="button" class="btn btn-danger remove_item_content">Remove</button>
    //                 </div>
    //             `);
    //             appendCount++;
    //         } else {
    //             alert("You can only add up to three items.");
    //         }
    //     }
    //     $(".add_More").on("click", ".remove_item_content", function() {
    //         $(this).closest(".addMore_content").remove();
    //         appendCount--;
    //     });
        // ClassicEditor
        // .create(document.querySelector('#'))
        // .catch(error => {
        //     console.error(error);
        // });
        // ClassicEditor
        //     .create(document.querySelector('#editor2'))
        //     .catch(error => {
        //         console.error(error);
        //     });
        //     ClassicEditor
        //     .create(document.querySelector('#editor3'))
        //     .catch(error => {
        //         console.error(error);
        //     });
        //     ClassicEditor
        //     .create(document.querySelector('#editor4'))
        //     .catch(error => {
        //         console.error(error);
        //     });

        //     ClassicEditor
        //     .create(document.querySelector('#editor5'))
        //     .catch(error => {
        //         console.error(error);
        //     });
        //     ClassicEditor
        //     .create(document.querySelector('#editor6'))
        //     .catch(error => {
        //         console.error(error);
        //     });
        //     ClassicEditor
        //     .create(document.querySelector('#editor7'))
        //     .catch(error => {
        //         console.error(error);
        //     });
        //     ClassicEditor
        //     .create(document.querySelector('#editor8'))
        //     .catch(error => {
        //         console.error(error);
        //     });

            for(i=0;i<20;i++){
                ClassicEditor
            .create(document.querySelector(`#editor${i}`))
            .catch(error => {
                console.error(error);
            });
            }

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

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

        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })
        //init datepicker
        $(document).ready(function() {
            $('#establishment_date').datepicker({
                format: 'dd-mm-yyyy'
            });
        });
        // view state by country
        $(document).ready(function() {
            // editor();
            $('#country_id').on('change', function() {
                var country_id = this.value;
                $.ajax({
                    url: "{{ route('admin.universityGetStateByCountry') }}",
                    type: "POST",
                    data: {
                        country_id: country_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        $('#state_id').html(
                                '<option value="">{{ __('select_one') }}</option>')
                            .removeAttr(
                                'disabled');
                        $.each(result.states, function(key, value) {
                            $("#state_id").append('<option value="' +
                                value.id + '">' + value.name +
                                '</option>');
                        });
                    }
                });

            });
        });
        // view cities by state
        $(document).ready(function() {
            $('#state_id').on('change', function() {
                var state_id = this.value;
                $.ajax({
                    url: "{{ route('admin.universityGetCityByCountry') }}",
                    type: "POST",
                    data: {
                        state_id: state_id,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(result) {
                        $('#city_id').html(
                                '<option value="">{{ __('select_one') }}</option>')
                            .removeAttr(
                                'disabled');
                        $.each(result.cities, function(key, value) {
                            $("#city_id").append('<option value="' +
                                value.id + '">' + value.name +
                                '</option>');
                        });
                    }
                });

            });
        });

        $(document).on("click", "#remove_item", function() {
            $(this).parent().parent('div').remove();
        });

        $(document).on("click", "#remove_item_image", function() {
            $(this).parent().parent('div').remove();
        });

        $(document).on("click", "#remove_item_newentryCriteria_exams", function() {
            $(this).parent().parent('div').remove();
        });

        $(document).on("click", "#remove_item_newentryCriteria", function() {
            $(this).parent().parent('div').remove();
        });

        $(document).on("click", "#remove_item_links", function() {
            $(this).parent().parent('div').remove();
        });

        function add_features_field() {
            $("#multiple_feature_part").append(`
            <div class="row justify-content-center">
                <div class="form-group col-md-4">
                    <select class="form-control @error('social_media') border-danger @enderror"
                        name="social_media[]">
                        <option value="" class="d-none" disabled>{{ __('select_one') }}
                        </option>
                        <option {{ old('social_media') == 'youtube' ? 'selected' : '' }}
                            value="youtube">{{ __('youtube') }}</option>
                    </select>
                </div>
                <div class="form-group col-md-6">
                    <input type="url" name="videos[]" class="form-control">
                </div>
                <div class="form-group col-md-2">
                    <a role="button" id="remove_item"
                        class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                </div>
            </div>
            `);
        }

        function add_features_field_off_campus_links() {
            $("#multiple_feature_part_off_campus_links").append(`
            <div class="row">
                <div class="form-group col-md-6">
                    <x-forms.label name="Links" :required="false" />
                    <x-forms.input type="text" name="off_campus_accommodation_links[]" placeholder="Links" />
                </div>
                <div class="form-group col-md-3">
                    <x-forms.label class="mb-4" name=" " :required="false" /><br/>
                    <a role="button" id="remove_item_links"
                        class="btn bg-danger text-light"><i class="fas fa-times"></i></a>
                </div>
            </div>
            `);
        }

        
    </script>
    <script>
        ClassicEditor
            .create(document.querySelector('#vision'))
            .catch(error => {
                // console.error(error);
            });
    </script>
  
    <!-- >=>Mapbox<=< -->
    @include('map::scripts')
    <!--=============== map box ===============-->
    <x-website.map.map-box-check/>
  
    <script>
        $('.mapboxgl-ctrl-logo').addClass('d-none');
        $('.mapboxgl-compact').addClass('d-none');
        $('.mapboxgl-ctrl-attrib-inner').addClass('d-none');
    </script>
    <!-- ============== map box ============= -->
    <!-- ============== google map ========= -->
    <x-website.map.google-map-check/>
    <script>
        function initMap() {
            var token = "{{ $setting->google_map_key }}";
            var oldlat = item.lat;
            var oldlng = item.long;

            const map = new google.maps.Map(document.getElementById("google-map"), {
                zoom: 7,
                center: {
                    lat: oldlat,
                    lng: oldlng
                },
            });

            const image =
                "https://gisgeography.com/wp-content/uploads/2018/01/map-marker-3-116x200.png";
            const beachMarker = new google.maps.Marker({

                draggable: true,
                position: {
                    lat: oldlat,
                    lng: oldlng
                },
                map,
                // icon: image
            });

            google.maps.event.addListener(map, 'click',
                function(event) {
                    pos = event.latLng
                    beachMarker.setPosition(pos);
                    let lat = beachMarker.position.lat();
                    let lng = beachMarker.position.lng();
                    axios.post(
                        `https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${token}`
                    ).then((data) => {
                        if(data.data.error_message){
                            toastr.error(data.data.error_message, 'Error!');
                            toastr.error('Your location is not set because of a wrong API key.', 'Error!');
                        }

                        const total = data.data.results.length;
                        let amount = '';
                        if (total > 1) {
                            amount = total - 2;
                        }
                        const result = data.data.results.slice(amount);
                        let country = '';
                        let region = '';

                        for (let index = 0; index < result.length; index++) {
                            const element = result[index];


                            if (element.types[0] == 'country') {
                                country = element.formatted_address;
                            }
                            if (element.types[0] == 'administrative_area_level_1') {

                                const str = element.formatted_address;
                                const first = str.split(',').shift()
                                region = first;
                            }
                        }

                        var form = new FormData();
                        form.append('lat', lat);
                        form.append('lng', lng);

                        form.append('country', country);
                        form.append('region', region);

                        axios.post(
                                '/set/session', form
                            )
                            .then((res) => {
                                // console.log(res.data);
                                // toastr.success("Location Saved", 'Success!');
                            })
                            .catch((e) => {
                                toastr.error("Something Wrong", 'Error!');
                            });
                    })
                });

            google.maps.event.addListener(beachMarker, 'dragend',
                function() {
                    let lat = beachMarker.position.lat();
                    let lng = beachMarker.position.lng();
                    axios.post(
                        `https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&key=${token}`
                    ).then((data) => {
                        if(data.data.error_message){
                            toastr.error(data.data.error_message, 'Error!');
                            toastr.error('Your location is not set because of a wrong API key.', 'Error!');
                        }

                        const total = data.data.results.length;
                        let amount = '';
                        if (total > 1) {
                            amount = total - 2;
                        }
                        const result = data.data.results.slice(amount);
                        let country = '';
                        let region = '';

                        for (let index = 0; index < result.length; index++) {
                            const element = result[index];


                            if (element.types[0] == 'country') {
                                country = element.formatted_address;
                            }
                            if (element.types[0] == 'administrative_area_level_1') {

                                const str = element.formatted_address;
                                const first = str.split(' ').shift()
                                region = first;
                            }
                        }

                        var form = new FormData();
                        form.append('lat', lat);
                        form.append('lng', lng);

                        form.append('country', country);
                        form.append('region', region);

                        axios.post(
                                '/set/session', form
                            )
                            .then((res) => {
                                // console.log(res.data);
                                // toastr.success("Location Saved", 'Success!');
                            })
                            .catch((e) => {
                                toastr.error("Something Wrong", 'Error!');
                            });
                    })
                });

            // Search
            var input = document.getElementById('searchInput');
            map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);

            let country_code = '{{ current_country_code() }}';
            if (country_code) {
                var options = { componentRestrictions: {country: country_code} };
                var autocomplete = new google.maps.places.Autocomplete(input, options);
            }else{
                var autocomplete = new google.maps.places.Autocomplete(input);
            }

            autocomplete.bindTo('bounds', map);

            var infowindow = new google.maps.InfoWindow();
            var marker = new google.maps.Marker({
                map: map,
                anchorPoint: new google.maps.Point(0, -29)
            });

            autocomplete.addListener('place_changed', function() {
                infowindow.close();
                marker.setVisible(false);
                var place = autocomplete.getPlace();

                if (place.geometry.viewport) {
                    map.fitBounds(place.geometry.viewport);
                } else {
                    map.setCenter(place.geometry.location);
                    map.setZoom(17);
                }
            });
        }

        window.initMap = initMap;
    </script>
    <script>
        @php
            $link1 = 'https://maps.googleapis.com/maps/api/js?key=';
            $link2 = $setting->google_map_key;
            $Link3 = '&callback=initMap&libraries=places,geometry';
            $scr = $link1 . $link2 . $Link3;
        @endphp;
    </script>
    <script src="{{ $scr }}" async defer></script>
    <!-- =============== google map ========= -->
    <script type="text/javascript">

// function addImageField() {
//     var imageField = '<input name="images[]" type="file" class="form-control-file">';
//     $("#imageContainer").append(imageField);
// }

function addImageField() {
    var currentIndex = $(".image-item").length + 1;
    var imageField = '<div class="image-item">' +
        '<span class="image-number">' + currentIndex + '</span>' +
        '<input name="images['+currentIndex+']" type="file" class="form-control-file">' +
        '<button type="button" class="btn btn-danger btn-sm" onclick="deleteImage(this)">Delete</button>' +
        '</div>';
    $("#imageContainer").append(imageField);


}

function deleteImage(button) {
    var imageContainer = $(button).closest('.image-item');
    var imageField = imageContainer.find('input[name="images[]"]');
    imageField.prop('disabled', true); // Disable the input field if you want to exclude it from the form submission
    imageContainer.remove();
}

// function addNewImageField() {
//     // var newImageField = '<input name="images[]" type="file" class="form-control-file">';
//     var newImageField = '<input name="images[]" type="file" data-width="100%" class="dropify" >';
//     $("#newImagesContainer").append(newImageField);

   
// }

// function deleteExistingImage(button) {
//     var imageContainer = $(button).closest('.image-item');
//     var existingImageField = imageContainer.find('input[name="images[]"]');
//     existingImageField.prop('disabled', true); // Disable the input field if you want to exclude it from the form submission
//     imageContainer.remove();
// }

        $(document).ready(function() {
            $("[data-toggle=tooltip]").tooltip()
        })
    </script>
<script>

    function add_features_field_image() {
    var html = `
        <div class="row justify-content-center">
            <div class="form-group col-md-2">
                <img src="" class="img-fluid image-preview">
            </div>
            <div class="form-group col-md-2">
                <input type="text" name="mediaTitles[]" class="form-control" placeholder="Media Title" value="">
            </div>
            <div class="form-group col-md-2">
                <input type="text" name="altTexts[]" class="form-control" placeholder="Alt Text" value="">
            </div>
            <div class="form-group col-md-2">
                <div class="image-item">
                    <input type="file" name="images[]" class="form-control" onchange="previewImage(this)" placeholder="{{ __('url') }}">
                </div>
            </div>
            <div class="form-group col-md-2">
                <button type="button" class="btn btn-danger btn-sm remove-image-btn" onclick="deleteImage(this)">Delete</button>
            </div>
        </div>
    `;
    $("#multiple_feature_part_image").append(html);
    }



        // function add_features_field_entryCriteria() {
        //     $("#multiple_feature_part_entryCriteria").append(`
        //     <div class="row">
        //     </div>
        //     `);
        // }

        var entryCriteriaIndex = {{$entryCriteria_count}};

function add_features_field_entryCriteria() {
    entryCriteriaIndex++;

    var html = `
    <div class="row justify-content-center">
        <div class="col-md-6 mb-3">
            ${entryCriteriaIndex}                                                
        </div>
        <div class="float-left col-md-6 mb-3">
            <a role="button" id="remove_item_newentryCriteria" class="float-left btn bg-danger text-light"><i class="fas fa-times"></i></a>
        </div>
        <div class="col-md-6 mb-3">
            <input type="text" name="newentryCriteria[${entryCriteriaIndex}][count]" class="form-control" placeholder="{{ __('count') }}" value="">
        </div>
        <div class="col-md-6 mb-3">
            <input type="text" name="newentryCriteria[${entryCriteriaIndex}][name]" class="form-control" placeholder="{{ __('name') }}" value="">
        </div>
        <div class="col-md-6 mb-3">
            <input type="text" name="newentryCriteria[${entryCriteriaIndex}][url]" class="form-control" placeholder="{{ __('url') }}" value="">
        </div>
        <div class="col-md-6 mb-3">
            <input type="text" name="newentryCriteria[${entryCriteriaIndex}][shortNameAbbOrFullName]" class="form-control" placeholder="{{ __('shortNameAbbOrFullName') }}" value="">
        </div>

        <div class="row mb-3" id="multiple_feature_part_entryCriteria_exams_${entryCriteriaIndex}">
            <div class="form-group col-md-4">
                <input type="text" name="newentryCriteria[${entryCriteriaIndex}][exams][0][name]" class="form-control" placeholder="{{ __('examName') }}" value="">
            </div>
            <div class="form-group col-md-6">
                <input type="text" name="newentryCriteria[${entryCriteriaIndex}][exams][0][score]" class="form-control" placeholder="{{ __('score') }}" value="">
            </div>
            <div class="form-group col-md-2">
                <a role="button" onclick="add_features_field_entryCriteria_exams(${entryCriteriaIndex},0)" class="btn bg-primary text-light"><i class="fas fa-plus"></i></a>
            </div>
        </div>
    </div>`;

    $('#multiple_feature_part_entryCriteria').append(html);
}



// function add_features_field_entryCriteria_exams() {
//     // Get the container element where the new row will be appended
//     var container = document.getElementById('multiple_feature_part_entryCriteria_exams');

//     // Create a new row element
//     var newRow = document.createElement('div');
//     newRow.classList.add('row', 'mb-3');

//     // Create the form inputs for the new row
//     var examNameInput = document.createElement('div');
//     examNameInput.classList.add('form-group', 'col-md-4');
//     examNameInput.innerHTML = '<input type="text" name="newentryCriteria[' + entryCriteriaIndex + '][exams][0][name]" class="form-control" placeholder="{{ __('examName') }}" value="">';

//     var scoreInput = document.createElement('div');
//     scoreInput.classList.add('form-group', 'col-md-6');
//     scoreInput.innerHTML = '<input type="text" name="newentryCriteria[' + entryCriteriaIndex + '][exams][0][score]" class="form-control" placeholder="{{ __('score') }}" value="">';

//     var addButton = document.createElement('div');
//     addButton.classList.add('form-group', 'col-md-2');
//     addButton.innerHTML = '<a role="button" id="remove_item_newentryCriteria_exams" class="btn bg-danger text-light"><i class="fas fa-times"></i></a>';

//     // Append the form inputs to the new row
//     newRow.appendChild(examNameInput);
//     newRow.appendChild(scoreInput);
//     newRow.appendChild(addButton);

//     // Append the new row to the container
//     container.appendChild(newRow);
// }

// function add_features_field_entryCriteria_exams(entryindex,eindex) {
//     eindex++;
//     // Get the container element where the new row will be appended
//     var container = document.getElementById('multiple_feature_part_entryCriteria_exams_'+entryindex+'');

//     // Create a new row element
//     var newRow = document.createElement('div');
//     newRow.classList.add('row', 'mb-3');

//     // Create the form inputs for the new row
//     var examNameInput = document.createElement('div');
//     examNameInput.classList.add('form-group', 'col-md-4');
//     examNameInput.innerHTML = '<input type="text" name="newentryCriteria[' + entryindex + '][exams][' + eindex + '][name]" class="form-control" placeholder="{{ __('examName') }}" value="">';

//     var scoreInput = document.createElement('div');
//     scoreInput.classList.add('form-group', 'col-md-6');
//     scoreInput.innerHTML = '<input type="text" name="newentryCriteria[' + entryindex + '][exams][' + eindex + '][score]" class="form-control" placeholder="{{ __('score') }}" value="">';

//     var addButton = document.createElement('div');
//     addButton.classList.add('form-group', 'col-md-2');
//     addButton.innerHTML = '<a role="button" id="remove_item_newentryCriteria_exams" class="btn bg-danger text-light"><i class="fas fa-times"></i></a>';

//     // Append the form inputs to the new row
//     newRow.appendChild(examNameInput);
//     newRow.appendChild(scoreInput);
//     newRow.appendChild(addButton);

//     // Append the new row to the container
//     container.appendChild(newRow);
   
// }


function add_features_field_entryCriteria_exams(entryindex, eindex) {
    eindex++;
    // Get the container element where the new row will be appended
    var container = document.getElementById('multiple_feature_part_entryCriteria_exams_'+entryindex+'');

    // Create a new row element
    var newRow = document.createElement('div');
    newRow.classList.add('row', 'mb-3');

    // Create the form inputs for the new row
    var examNameInput = document.createElement('div');
    examNameInput.classList.add('form-group', 'col-md-4');
    examNameInput.innerHTML = '<input type="text" name="newentryCriteria[' + entryindex + '][exams][' + eindex + '][name]" class="form-control" placeholder="{{ __("examName") }}" value="">';

    var scoreInput = document.createElement('div');
    scoreInput.classList.add('form-group', 'col-md-6');
    scoreInput.innerHTML = '<input type="text" name="newentryCriteria[' + entryindex + '][exams][' + eindex + '][score]" class="form-control" placeholder="{{ __("score") }}" value="">';

    var addButton = document.createElement('div');
    addButton.classList.add('form-group', 'col-md-2');
    addButton.innerHTML = '<a role="button" id="remove_item_newentryCriteria_exams" class="btn bg-danger text-light"><i class="fas fa-times"></i></a>';

    // Append the form inputs to the new row
    newRow.appendChild(examNameInput);
    newRow.appendChild(scoreInput);
    newRow.appendChild(addButton);

    // Append the new row to the container
    container.appendChild(newRow);
}

    function previewImage(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $(input).closest('.row').find('.image-preview').attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    $(document).on("click", ".remove-image-btn", function() {
        $(this).closest('.row').remove();
    });
</script>

{{-- <script>
// function formatRows(main, prefer, common) {
//   return '<tr><td class="col-xs-3"><input type="text" value="' +main+ '" class="form-control editable" /></td>' +
//          '<td class="col-xs-3"><input type="text" value="' +prefer+ '" class="form-control editable" /></td>' +
//          '<td class="col-xs-3"><input type="text" value="' +common+ '" class="form-control editable" /></td>' +
//          '<td class="col-xs-1 text-center"><a href="#" onClick="deleteRow(this)">' +
//          '<i class="fa fa-trash-o" aria-hidden="true"></a></td></tr>';
// };

function formatRows(main, preferred, common) {
  var row = `
    <tr>
      <td class="col-xs-2">
        <img src="${main}" class="img-fluid image-preview">       
            </td>
            <td class="col-xs-2">
                <input type="text" value="${preferred}" name="mediaTitles[]" class="form-control addPrefer" placeholder="Media Title" />
            </td>
            <td class="col-xs-2">
                <input type="text" value="${common}" name="altTexts[]" class="form-control addCommon" placeholder="Alt Text" />
            </td>
            <td class="col-xs-1 text-center"><a href="#" onClick="deleteRow(this)"><i class="fas fa-times"></i></a></td></tr>
            </tr>
        `;
        return row;
        }


        function deleteRow(trash) {
        $(trash).closest('tr').remove();
        };

        function addRow() {
        var main = $('.addMain').val();
        var preferred = $('.addPrefer').val();
        var common = $('.addCommon').val();
        $(formatRows(main,preferred,common)).insertAfter('#addRow');
        $(input).val('');  
        }

    $('.addBtn').click(function()  {
      addRow();
    });
    </script> --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

@endsection
