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

@section('content')
    <div class="container-fluid">
        <form class="form-horizontal" action="{{ route('university.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title line-height-36">{{ __('university') }} {{ __('create') }}</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" />
                                </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"/>
                                </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" />
                                </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" />
                                    <x-forms.error name="Meta title" />
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="country" :required="false"/>
                                    <select name="country_id"
                                        class="form-control select2bs4 {{ error('country_id') }}"
                                        id="country_id">
                                        <option value="" class="d-none">
                                            {{ __('select_country') }}
                                        </option>
                                        @foreach ($countries as $country)
                                            <option {{ $country->id == old('country_id') ? 'selected' : '' }}
                                                value="{{ $country->id }}">
                                                {{ $country->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <x-forms.error name="country_id" />
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="status"/>
                                    <select name="status"
                                    class="form-control select2bs4 {{ error('status') }}"
                                    id="status">
                                        <option {{ old('status') == '1' ? 'selected' : '' }}
                                        value="1">{{ __('active') }}</option>
                                        <option {{ old('status') == '0' ? 'selected' : '' }}
                                        value="0">{{ __('inactive') }}</option>
                                    </select>
                                       
                                    </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" />
                            </div>
                            <div class="row">
                                
                                <div class="form-group col-6">
                                    <x-forms.label name="Meta Description" :required="false"/> 
                                    <textarea type="text" class="form-control" name="meta_description" placeholder="Enter meta Description" >{{ old('meta_description') }}</textarea>

                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Short description" :required="false"/>                                     
                                    <textarea type="text" class="form-control" name="short_description" placeholder="Enter Short Description" >{{ old('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') }}"/>
                                </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') }}"/>
                                </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" />
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="email" :required="true"/>
                                    <x-forms.input type="email" name="email" placeholder="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" />
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="address" :required="false"/>
                                    <x-forms.input type="text" name="address" placeholder="address" />
                                </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" />
                                </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" />
                                </div>
                                
                            </div> 
                            <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" />
                                </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" />
                                </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') }}"/>
                                </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') }}"/>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Recruiters" :required="false"/>
                                    <x-forms.input type="number" name="recruiters" placeholder="Enter Recruiters" value="{{ old('recruiters') }}"/>
                                </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') }}"/>
                                </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') }}"/>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <x-forms.label name="Admission Dates" :required="false" :required="false"/>
                                        <input type="date"
                                            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>
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Male Female Ratio" :required="false"/>
                                    <input type="number" class="form-control"  step="any"  name="male_female_ratio" placeholder="Enter Male Female Ratio" value="{{ old('male_female_ratio') }}"/>
                                </div>
                                <div class="form-group col-6">
                                    <x-forms.label name="Ug Pg Course Ratio" :required="false" />
                                    <input type="number" class="form-control"  step="any"  name="ug_pg_course_ratio" placeholder="Enter Ug Pg Course Ratio" value="{{ old('ug_pg_course_ratio') }}"/>
                                </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="logo" :required="false" />
                                    {{-- <input > --}}
                                        <x-forms.input name="logo" type="file" data-show-errors="true" data-width="50%"
                                        data-default-file="" class="dropify" />
                                    {{-- <x-forms.error name="logo" /> --}}
                                </div>
                                <div class="form-group col-8">
                                    <x-forms.label name="banner" :required="false" />
                                    <input name="images[]" type="file" data-show-errors="true" data-width="100%"
                                        data-default-file="" class="dropify" multiple>
                                </div>


                            </div>
                            <div class="row">
                                <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="" class="dropify">
                                </div>
                                <div class="form-group col-8">
                                    <x-forms.label name="Header Image Mobile" :required="false" />
                                    <input name="headerImageMobile" type="file" data-show-errors="true" data-width="100%"
                                        data-default-file="" class="dropify">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header">
                            {{ __('social_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') == 'facebook' ? 'selected' : '' }}
                                                value="facebook">{{ __('facebook') }}</option>
                                            <option {{ old('social_media') == 'twitter' ? 'selected' : '' }}
                                                value="twitter">{{ __('twitter') }}</option>
                                            <option {{ old('social_media') == 'instagram' ? 'selected' : '' }}
                                                value="instagram">{{ __('instagram') }}
                                            </option> --}}
                                            <option {{ old('social_media') == 'youtube' ? 'selected' : '' }}
                                                value="youtube">{{ __('youtube') }}</option>
                                            {{-- <option {{ old('social_media') == 'linkedin' ? 'selected' : '' }}
                                                value="linkedin">{{ __('linkedin') }}</option>
                                            <option {{ old('social_media') == 'pinterest' ? 'selected' : '' }}
                                                value="pinterest">{{ __('pinterest') }}
                                            </option>
                                            <option {{ old('social_media') == 'reddit' ? 'selected' : '' }}
                                                value="reddit">{{ __('reddit') }}</option>
                                            <option {{ old('social_media') == 'github' ? 'selected' : '' }}
                                                value="github">{{ __('github') }}</option>
                                            <option {{ old('social_media') == 'other' ? 'selected' : '' }} value="other">
                                                {{ __('other') }}</option> --}}
                                        </select>
                                    </div>
                                    <div class="form-group col-md-6">
                                        {{-- <input > --}}
                                        <!-- <x-forms.input type="url" name="videos[]" class="form-control" /> -->
                                        <!-- <div class="form-group col-md-6"> -->
                                             <input type="url" name="videos[]" class="form-control">
                                        <!-- </div> -->
                                    </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>
                            </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="editor" rows="8" name="aboutCollege" placeholder="{{ __('aboutCollege') }}" class="form-control">{{ old('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') }}</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') }}</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') }}</textarea>
                                </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="{{ __('admissionRequirement') }}" class="form-control">{{ old('admissionRequirement') }}</textarea>
                                </div>
                                <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') }}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <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') }}</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') }}</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') }}</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') }}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group col-6">
                                    <x-forms.label name="Entry Fees Table" :required="false" />
                                    <textarea id="feesTable" rows="8" name="feesTable" placeholder="{{ __('feesTable') }}" class="form-control">{{ old('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/dropify/css/dropify.min.css">

    <link rel="stylesheet" href="{{ asset('backend') }}/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="{{ asset('frontend') }}/assets/css/bootstrap-datepicker.min.css">
    <style>
        .ck-editor__editable_inline {
            min-height: 400px;
        }

        .select2-results__option[aria-selected=true] {
            display: none;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
            color: #fff;
            border: 1px solid #fff;
            background: #007bff;
            border-radius: 30px;
        }

        .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
            color: #fff;
        }
    </style>
    <!-- >=>Leaflet Map<=< -->
    <x-map.leaflet.map_links/>
    <x-map.leaflet.autocomplete_links/>
    <!-- >=>Mapbox<=< -->
    @include('map::links')
    <!-- >=>Mapbox<=< -->
@endsection

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

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

    <script>
        $('.dropify').dropify();

        //Initialize Select2 Elements
        $('.select2bs4').select2({
            theme: 'bootstrap4'
        })

        ClassicEditor
            .create(document.querySelector('#editor'))
            .catch(error => {
                console.error(error);
            });
        ClassicEditor
            .create(document.querySelector('#editor2'))
            .catch(error => {
                console.error(error);
            });

        //init datepicker
        $(document).ready(function() {
            $('#establishment_date').datepicker({
                format: 'dd-mm-yyyy'
            });
        });

        $(document).on("click", "#remove_item", 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>
            `);
        }
    </script>
    {{-- Leaflet  --}}
    @include('map::set-leafletmap')
    @include('map::set-googlemap')
    @include('map::set-mapbox')
@endsection