@php
$videos =!empty($universities->videos)? json_decode($universities->videos):[];
$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>
 .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;
}
.addBtn {
  cursor: pointer;
}

.sticky-header{
    position: fixed;
    z-index: 555;
    width: 85%;
    top: 1px;
}

</style>
    <div class="container-fluid">
    
        <form class="form-horizontal" action="{{ route('university.update', $universities->id) }}" method="POST"
            enctype="multipart/form-data">
            @csrf
            @method('PUT')
            <div class="card">
                <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>
                </div>
            </div>
            <div class="row">
                <div class="col-6">
                    <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="name"/>
                                    <x-forms.input type="text" name="name" placeholder="name"  value="{{ old('name', $universities->name) }}"/>
                                </div> 
                                <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>
                            <div class="row">
                                 
                                <div class="form-group col-6">
                                    <x-forms.label name="Page URL"/>
                                    <x-forms.input type="text" name="url" placeholder="Page URL" value="{{ old('url', $universities->url) }}"/>
                                </div>
                                <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" value="{{ old('meta_title', $universities->meta_title) }}"/>
                                    <x-forms.error name="Meta title" />
                                </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>
                                    <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>
                                    <x-forms.error name="city_id" />
                                </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-6">
                                    <x-forms.label name="Meta Description" :required="false"/> 
                                    <textarea type="text" rows="18" class="form-control" name="meta_description" placeholder="Enter meta Description" >{{ old('meta_description', $universities->meta_description) }}</textarea>

                                </div>
                                <div class="form-group col-6">
                                    <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-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="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="Entrance Requirements Short List" :required="false"/>
                                    <textarea name="entrance_requirement" placeholder="Enter Entrance Requirements Short List" class="form-control"> {{ old('entrance_requirement', (!empty($universities->entrance_requirement)) ? $universities->entrance_requirement : '') }} </textarea>
                                </div> 
                              
                            </div>
                        </div>
                    </div>
                    {{-- <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">
                        <div class="card-header">
                            <!-- {{ __('contact') }} -->
                            {{ __('university_information') }}
                        </div>
                        <div class="card-body">
                            <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="true"/>
                                    <x-forms.input type="email" name="email" placeholder="email" value="{{ old('email', $universities->email) }}"/>

                                </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" value="{{ old('website', $universities->website) }}"/>
                                </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>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            <!-- {{ __('contact') }} -->
                            {{ __('Recruiters Information') }}
                        </div>
                        <div class="card-body">
                            <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>
                            
                            
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="card">
                        <div class="card-header">
                            {{ __('images') }}
                        </div>
                        <div class="card-body">
                            <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 > --}}
                                         <input name="logo" type="file" data-show-errors="true" data-width="50%"
                                        class="dropify" data-default-file="{{ $universities->logo_url }}">
                                    {{-- <x-forms.error name="logo" /> --}}
                                </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 class="form-group col-4">
                                    <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-4">
                                    <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>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            {{ __('media_details') }}
                        </div>
                        <div class="card-body">
                            <div id="multiple_feature_part">
                                <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"
                                                 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 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 class="card-body">
                            <div class="col-md-12">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>Media Url</th>
                                            <th>Media Title</th>
                                            <th>Alt Text</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr id="addRow">
                                            <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>
                                        
                                        @foreach ($universities->images_urls as $index => $imageUrl)
                                        <tr>
                                            <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 class="card">
                        <div class="card-header">
                            <!-- {{ __('contact') }} -->
                            {{ __('university_other_information') }}
                        </div>
                        <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="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-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>
                                {{-- {{dd(date('d/m/Y',strtotime($universities->admission_dates)))}} --}}
                                <div class="form-group">
                                    <x-forms.label name="Admission Dates" :required="false"/>
                                    <input type="date"
                                        value="{{ (date('Y-m-d',strtotime($universities->admission_dates)))}}"
                                        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>
                    
                            <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="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="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="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="Map URL" :required="false"/>
                                    <x-forms.input type="text" name="map_link" placeholder="map url" value="{{ old('map_link', $universities->map_link) }}"/>
                                </div>
                                <div class="form-group col-6">
                                    <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 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="About College" :required="false" />
                                    <textarea id="editor1" rows="8" name="aboutCollege" placeholder="{{ __('aboutCollege') }}" class="form-control"> {{ old('aboutCollege', $universities->aboutCollege) }} </textarea>
                                </div>
                                <div class="form-group col-6">
                                    <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 class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="On campus accommodation" :required="false" />
                                    <textarea id="on_campus_accommodation" rows="8" name="on_campus_accommodation" placeholder="{{ __('on_campus_accommodation') }}" class="form-control">{{ old('on_campus_accommodation', $universities->on_campus_accommodation) }}</textarea>
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Off campus accommodation" :required="false" />
                                    <textarea id="off_campus_accommodation" rows="8" name="off_campus_accommodation" placeholder="{{ __('off_campus_accommodation') }}" class="form-control">{{ old('off_campus_accommodation', $universities->off_campus_accommodation) }}</textarea>
                                </div>
                            </div> --}}

                            <div class="row">
                                <div class="form-group col-6">
                                    <div class="card">
                                        <div class="card-header">
                                            {{ __('On campus accommodation') }}
                                        </div>
                                        <div class="card-body">
                                            <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>
                                                   {{-- <x-forms.input type="text" name="on_campus_accommodation_ugDescription" placeholder="Ug Description" value="{{ old('on_campus_accommodation_ugDescription', (!empty($on_campus_accommodation->ugDescription)) ? $on_campus_accommodation->ugDescription : '') }}"/> --}}
                                               </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>
                                                   {{-- <x-forms.input type="text" name="on_campus_accommodation_pgDescription" placeholder="Pg Description" value="{{ old('on_campus_accommodation_pgDescription', (!empty($on_campus_accommodation->livingExpenseUrl)) ? $on_campus_accommodation->pgDescription : '') }}"/> --}}
                                               </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="form-group col-6">
                                    <div class="card">
                                        <div class="card-header">
                                            {{ __('off_campus_accommodation') }}
                                        </div>
                                        <div class="card-body">
                                            <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-6">
                        
                                                                    @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-6">
            
                                                                    <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="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="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 class="form-group col-6">
                                    <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="form-group col-6">
                                    <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 class="form-group col-6">
                                    <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 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="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 class="form-group col-6">
                                    <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-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 class="form-group col-6">
                                    <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>

                            <div class="row">
                                <div class="form-group col-6">
                                    <div class="card">
                                        <div class="card-header">
                                            {{ __('city_details') }}
                                        </div>
                                        <div class="card-body">
                                            <div class="row">
                                
                                                <div class="form-group col-12">
                                                    <x-forms.label name="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="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="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="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="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 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') }}/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/assets/js/bootstrap-datepicker.min.js') }}"></script>

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

    <script>
        // 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<10;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>
        function formatRows(mainUrl, preferred, common, index) {
            var row = `
                <tr>
                    <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();
        };
    

        var currentIndex = 1;
        function addRow() {
        var mainInput = $('.addMain')[0];
        var main = mainInput.files[0];
        var preferred = $('.addPrefer').val();
        var common = $('.addCommon').val();
        var reader = new FileReader();
        reader.onload = function(e) {
        var mainUrl = e.target.result;
        $(formatRows(mainUrl, preferred, common, currentIndex)).insertAfter('#addRow');
        $('.addMain').val(''); // Clear the input field
        $('.addPrefer').val(''); // Clear the input field
        $('.addCommon').val(''); // Clear the input field
        currentIndex++; 
    }

    reader.readAsDataURL(main);
}

$('.addBtn').click(function() {
    addRow();
});
        </script>
    
    <!-- >=>Mapbox<=< -->
    
@endsection