@extends('university.layouts.layout')
@push('css')
    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
@endpush
@section('content')
    <section class="dashboardPgaesSec bg-white">
        <div class="container rounded">
            <div class="dashboardPgaesSecinner">
                <div class="row rowBox">

                    <div class="col-md-12 columnBox border-right dasboardrightPart">
                        <div class="dasboardrightPartWrapper">
                            <div class="p-3 py-5 dasboardrightPartWrapperinner pxp-dashboard-content-details">
                                <h4 class="card-title text-center1 mb-0">{{ @$profileDetail ? 'Edit' : 'Create' }} Profile
                                </h4>
                                <hr>
                                @include('flash-messages')
                                <form method="post" action="{{ route('university.updateeditprofile') }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="row rowBox2 mt-3">
                                        <div class="col-md-12 mb-3 columnBox2">
                                            <label class="form-label">University Name</label>
                                            <input type="text" class="form-control" placeholder="" name="university_name"
                                                value="{{ $profileDetail->university_name ?? old('university_name') }}"
                                                required="">
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Phone No.</label><input type="text"
                                                class="form-control" name="phone_number"
                                                value="{{ $profileDetail->phone_number ?? old('phone_number') }}"
                                                required="">
                                        </div>
                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Email</label>
                                            <input type="email" class="form-control" name="email"
                                                value="{{ $profileDetail->email ?? old('email') }}">
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Study Permit / Visa </label>
                                            <select class="form-control" name="permit_visa">
                                                <option value="">I don't have this</option>
                                                <option value="usa_f1"
                                                    {{ isset($profileDetail->permit_visa) ? ($profileDetail->permit_visa == 'usa_f1' ? 'selected' : '') : '' }}>
                                                    USA F1 Visa
                                                </option>
                                                <option value="canada"
                                                    {{ isset($profileDetail->permit_visa) ? ($profileDetail->permit_visa == 'canada' ? 'selected' : '') : '' }}>
                                                    Canadian Study
                                                    Permit or Visitor Visa</option>
                                                <option value="uk"
                                                    {{ isset($profileDetail->permit_visa) ? ($profileDetail->permit_visa == 'uk' ? 'selected' : '') : '' }}>
                                                    UK Student Visa (Tier 4) or short Term Study Visa
                                                </option>
                                                <option value="australian"
                                                    {{ isset($profileDetail->permit_visa) ? ($profileDetail->permit_visa == 'australian' ? 'selected' : '') : '' }}>
                                                    Australian
                                                    Student Visa</option>
                                                <option value="irish"
                                                    {{ isset($profileDetail->permit_visa) ? ($profileDetail->permit_visa == 'irish' ? 'selected' : '') : '' }}>
                                                    Irish Stamp 2
                                                </option>
                                            </select>
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Nationality </label>
                                            <select class="form-control" name="country" id="getCurrency">

                                                <option value="">Select Country</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}"
                                                        data-currency="{{ $country->name }}"
                                                        {{ isset($profileDetail) ? ($profileDetail->country == $country->id ? 'selected' : '') : '' }}>
                                                        {{ $country->name }}</option>
                                                @endforeach

                                            </select>
                                        </div>
                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">State </label>
                                            <select class="form-control" id="state-dropdown" name="state">
                                                <option value="">Select State</option>
                                                @foreach ($states as $value)
                                                    <option value="{{ $value->id }}"  {{ isset($profileDetail) ? ($profileDetail->state == $value->id ? 'selected' : '') : '' }}>
                                                        {{ $value->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">City </label>
                                            <select class="form-control" id="city-dropdown" name="city">
                                               <option value="">Select City</option>
                                               @foreach ($cities as $value)
                                                   <option value="{{ $value->id }}"  {{ isset($profileDetail) ? ($profileDetail->city == $value->id ? 'selected' : '') : '' }}>
                                                       {{ $value->name }}</option>
                                               @endforeach
                                            </select>
                                        </div>

                                        <div class="col-md-12 mb-3 columnBox2">
                                            <label class="form-label">University Address</label>
                                            <textarea class="form-control" name="address" rows="3">{{ $profileDetail->address ?? old('address') }}</textarea>
                                        </div>

                                        <div class="col-md-12 mb-3">
                                            <label class="form-label">About University</label>
                                            <textarea class="form-control" name="about_university" id="about_university1" cols="2"  placeholder="Description">{{ $profileDetail->about_university ?? old('about_university') }}</textarea>
                                        </div>

                                        <div class="col-md-12 mb-3">
                                            <label class="form-label">Features</label>
                                            <textarea class="form-control" name="feature" id="feature1" cols="2"  placeholder="Features">{{ $profileDetail->feature ?? old('feature') }}</textarea>
                                        </div>

                                        <div class="col-md-12 mb-3 mt-5 columnBox2">
                                            <label class="form-label">Location</label>
                                            <textarea class="form-control" name="location" rows="3">{{ $profileDetail->location ?? old('location') }}</textarea>
                                        </div>

                                        <div class="col-md-12 mb-3 columnBox2">
                                            <label class="form-label"><b>Institution Details</b></label>
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Founded</label>
                                            <input type="text" class="form-control" name="founded"
                                                value="{{ $profileDetail->founded ?? old('founded') }}">
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">School ID</label>
                                            <input type="text" class="form-control" name="school_id"
                                                value="{{ $profileDetail->school_id ?? old('school_id') }}">
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Provider ID number</label>
                                            <input type="text" class="form-control" name="provider_id_number"
                                                value="{{ $profileDetail->provider_id_number ?? old('provider_id_number') }}">
                                        </div>

                                        <div class="col-md-6 mb-3 columnBox2">
                                            <label class="form-label">Institution type</label>
                                            <input type="text" class="form-control" name="institution_type"
                                                value="{{ $profileDetail->institution_type ?? old('institution_type') }}">
                                        </div>
                                        {{--
                                        <div class="col-md-12 mb-3 columnBox2">
                                            <label class="form-label">Blocked Countries</label>
                                            <select class="form-control" name="blocked_country[]" multiple>

                                                <option value="">Select Country</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}"
                                                        {{ isset($profileDetail) ? (in_array($country->id, explode(',', $profileDetail->blocked_country)) == true ? 'selected' : '') : '' }}>
                                                        {{ $country->name }}

                                                    </option>
                                                @endforeach

                                            </select>
                                        </div> --}}

                                        <div class="col-md-12 mb-3">
                                            <label class="form-label">Average Time to Receive Letter of Acceptance</label>
                                            <textarea class="form-control" name="letter_of_acceptance" id="letter_of_acceptance1" cols="2"  placeholder="Average Time to Receive Letter of Acceptance">{{ $profileDetail->letter_of_acceptance ?? old('letter_of_acceptance') }}</textarea>
                                        </div>

                                        <div class="col-md-12 mb-3">
                                            <label class="form-label">Top Disciplines</label>
                                            <textarea class="form-control" name="disciplines" id="disciplines1" cols="2"  placeholder="Top Disciplines">{{ $profileDetail->disciplines ?? old('disciplines') }}</textarea>
                                        </div>

                                        <div class="col-md-12 mb-3 mt-5 columnBox2">
                                            <label class="form-label">University Pictures</label>

                                            <div class="pxp-candidate-photo">
                                                <input type="file" name="university_picture[]" class="form-control" multiple="" accept="image/png, image/jpeg"  id="pxp-candidate-photo-choose-file" style="display: none">
                                                    <label for="pxp-candidate-photo-choose-file" class="pxp-cover"><span>Upload<br>Photo</span></label>    
                                            </div>
                                            

                                        </div>



                                      
                                    </div>

                                    <div class="col-md-12 mb-3 columnBox2">
                                        <label class="form-label">Amenities
                                            <!-- <small><a target="_blank" href="https://fontawesome.com/icons">visit
                                                    icon</a></small> -->
                                        </label>
                                    </div>
                                    <div class="col-md-12 mb-3 columnBox2">

                                        @forelse ($profileDetail->amenities as $key => $amenity)
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label class="form-label">Label Name</label>
                                                    <input type="input" class="form-control"
                                                        value="{{ $amenity->label_name }}" name="label_name[]" required>
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label">Label Value</label>
                                                    <input type="input" class="form-control"
                                                        value="{{ $amenity->label_value }}" required
                                                        name="label_value[]">
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label">icon </label>
                                                    <input type="input" class="form-control"
                                                        value="{{ $amenity->icon }}" required name="icon[]">
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label"> </label>
                                                    @if ($key == 0)
                                                        <button type="button" id="amenitiesAddMore"
                                                            class="btn btn-primary me-2">Add</button>
                                                    @else
                                                        <button type="button"
                                                            class="btn btn-danger me-2 reomveAmenitieMoreField">Remove</button>
                                                    @endif
                                                </div>
                                            </div>
                                        @empty
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label class="form-label">Label Name</label>
                                                    <input type="input" class="form-control" required
                                                        name="label_name[]">
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label">Label Value</label>
                                                    <input type="input" class="form-control" required
                                                        name="label_value[]">
                                                </div>
                                                <div class="col-md-3">
                                                    <label class="form-label">icon </label>
                                                    <input type="input" class="form-control" required name="icon[]">
                                                </div>
                                                <div class="col-md-2">
                                                    <label class="form-label"> </label>
                                                    <button type="button" id="amenitiesAddMore"
                                                        class="btn btn-primary me-2">Add</button>
                                                </div>
                                            </div>
                                        @endforelse
                                        <div id="amenitiesAddMoreField">
                                        </div>
                                    </div>

                                    <div class="mt-3 text-end">
                                        <button class="btn btn-primary profile-button" type="submit">
                                            Save & Update Profile
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('pagescriptcode')
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <!-- Initialize Quill editor -->
    <script>
       


        /*document.getElementById('add-university').addEventListener('submit', function(e) {
            // alert('hello');
            // Get the HTML content from the editor
            // var editorAddressUniversity = addressUniversity.root.innerHTML;
            var editorAboutUniversity = aboutUniversity.root.innerHTML;
            var editorFeatureUniversity = featureUniversity.root.innerHTML;
            // var editorLocationUniversity = locationUniversity.root.innerHTML;
            var editorLetterAcceptanceUniversity = letterAcceptanceUniversity.root.innerHTML;
            var editorDisciplineUniversity = disciplineUniversity.root.innerHTML;

            // Set the content as the value of a hidden input field in the form
            var hiddenAboutUniversity = document.createElement('input');
            hiddenAboutUniversity.setAttribute('type', 'hidden');
            hiddenAboutUniversity.setAttribute('name', 'about_university');
            hiddenAboutUniversity.setAttribute('value', editorAboutUniversity);
            this.appendChild(hiddenAboutUniversity);

            // Set the content as the value of a hidden input field in the form
            var hiddenFeatureUniversity = document.createElement('input');
            hiddenFeatureUniversity.setAttribute('type', 'hidden');
            hiddenFeatureUniversity.setAttribute('name', 'feature');
            hiddenFeatureUniversity.setAttribute('value', editorFeatureUniversity);
            this.appendChild(hiddenFeatureUniversity);


            // Set the content as the value of a hidden input field in the form
            var hiddenLetterAcceptanceUniversity = document.createElement('input');
            hiddenLetterAcceptanceUniversity.setAttribute('type', 'hidden');
            hiddenLetterAcceptanceUniversity.setAttribute('name', 'letter_of_acceptance');
            hiddenLetterAcceptanceUniversity.setAttribute('value', editorLetterAcceptanceUniversity);
            this.appendChild(hiddenLetterAcceptanceUniversity);

            // Set the content as the value of a hidden input field in the form
            var hiddenEditorDisciplineUniversity = document.createElement('input');
            hiddenEditorDisciplineUniversity.setAttribute('type', 'hidden');
            hiddenEditorDisciplineUniversity.setAttribute('name', 'disciplines');
            hiddenEditorDisciplineUniversity.setAttribute('value', editorDisciplineUniversity);
            this.appendChild(hiddenEditorDisciplineUniversity);
        });*/
    </script>
    <script>
        $(document).ready(function() {

            /*var country_id_get = '{{$profileDetail->country}}';
            var state_id_get = '{{$profileDetail->state}}';
            var city_id_get = '{{$profileDetail->city}}';*/



           

            // alert();
            var upd_country = $("#getCurrency").val();
            var upd_state = $("#state-dropdown").val();
            var upd_city = $("#city-dropdown").val();
            getState(upd_country)

            $("#getCurrency").change(function() {
                // $(this).find(':selected').attr('data-id')
                var id_country = $(this).val();
                getState(id_country)

            });

            function getState(id_country) {
                $.ajax({
                    url: "{{ route('currency') }}",
                    method: 'GET',
                    data: {
                        id_country: id_country,

                    },
                    success: function(data) {

                        $(".currency-icon").html(data.currency);

                        $('#state-dropdown').html('<option value="">Select State</option>');
                        $.each(data.states, function(key, value) {
                            var selectState = upd_state == value.id ? 'selected' : '';
                            $("#state-dropdown").append('<option value="' + value.id +
                                '" ' + selectState + '>' + value.name + '</option>');
                        });
                        $('#city-dropdown').html(
                            '<option value="">Select State First</option>');
                        upd_state ? getCity(upd_state) : ''

                    }
                });
            }

            $('#state-dropdown').on('change', function() {
                var idState = this.value;
                getCity(idState)

            });

            function getCity(city) {
                // alert(city)
                $("#city-dropdown").html('');
                $.ajax({
                    url: "{{ route('cities') }}",
                    type: "POST",
                    data: {
                        state_id: city,
                        _token: '{{ csrf_token() }}'
                    },
                    dataType: 'json',
                    success: function(res) {
                        $('#city-dropdown').html('<option value="">-- Select City --</option>');
                        $.each(res.cities, function(key, value) {
                            var selectCity = upd_city == value.id ? 'selected' : '';
                            $("#city-dropdown").append('<option value="' + value
                                .id + '" ' + selectCity + '>' + value.name + '</option>');
                        });
                    }
                });
            }



            $("#amenitiesAddMore").on('click', function() {
                var html = `
                        <div class="row">
                            <div class="col-md-3">
                                <label class="form-label">Label Name</label>
                                <input type="input" class="form-control" required name="label_name[]">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Label Value</label>
                                <input type="input" class="form-control" required name="label_value[]">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label">icon </label>
                                <input type="input" class="form-control" required name="icon[]">
                            </div>
                            <div class="col-md-2">
                                <label class="form-label"> </label>
                                <button type="button"
                                    class="btn btn-danger me-2 reomveAmenitieMoreField">Remove</button>
                            </div>
                        </div>
                        `;
                $("#amenitiesAddMoreField").append(html);
            });


            $(document).on('click', '.reomveAmenitieMoreField', function() {
                $(this).closest('.row').remove();
            });

        });

 $(function () {
    $('#about_university1').summernote({
        placeholder: 'About University',
    });

    $('#feature1').summernote({
        placeholder: 'Feature',
    });

    $('#letter_of_acceptance1').summernote({
        placeholder: 'Average Time to Receive Letter of Acceptance',
    });

    $('#disciplines1').summernote({
        placeholder: 'Top Disciplines',
    });
    
});
    
        
    </script>
@endsection