@extends('layouts.admin.master')

@section('title')
    {{ __('Edit university') }}
@endsection

@push('css')
@endpush

@section('content')
    @component('components.breadcrumb')
        @slot('breadcrumb_title')
            <h3></h3>
        @endslot

        <li class="breadcrumb-item"><a href="{{ route('universities.index') }}">{{ __('University') }}</a></li>
        <li class="breadcrumb-item active">{{ __('Edit University') }}</li>
    @endcomponent
    <div class="row justify-content-center mt-3">
        <div class="col-lg-12">
            <div class="card mb-4">
                <div class="card-header pb-0">
                    <h5>{{ __('Data') }}</h5>
                </div>
                <div class="card-body">
                    <form novalidate="" method="POST" class="needs-validation"
                          action="{{ route('universities.update', $university->id) }}"
                          enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <input type="hidden" value="{{$university->id}}" name="university_id">

                        <div class="form-group">
                            <label for="f1-first-name">{{ __('Name') }}</label>
                            <input class="form-control" id="f1-first-name" type="text" name="name"
                                   value="{{ $university->name ?? old('name') }}" placeholder="{{ __('Name') }}"
                                   required="">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

{{--                        <div class="form-group">--}}
{{--                            <label>{{ __('Description') }}</label>--}}
{{--                            <textarea id="description" name="description" cols="10"--}}
{{--                                      rows="2">{{ $university->description ?? old('description') }}</textarea>--}}
{{--                        </div>--}}

                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="status">{{ __('Status') }}</label>
                                <select class="form-select" id="status" required="" name="status">
                                    <option value="active"
                                        {{ old('status') ? (old('status') == 'active' ? 'selected' : '') : ($university->status == 'active' ? 'selected' : '') }}>
                                        {{ __('Active') }}</option>
                                    <option value="inactive"
                                        {{ old('status') ? (old('status') == 'inactive' ? 'selected' : '') : ($university->status == 'inactive' ? 'selected' : '') }}>
                                        {{ __('Inactive') }}</option>
                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>





                        <div class="form-group">
                            <label for="f1-first-global-rank">{{ __('Global Rank') }}</label>
                            <input class="form-control" id="f1-first-global-rank" type="number"
                                   value="{{ old('global_rank') ? old('global_rank') : $university->global_rank }}"
                                   name="global_rank"
                                   placeholder="{{ __('Global Rank') }}" required="">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>
                        <div class="form-group">
                            <label for="f1-first-local-rank">{{ __('Local Rank') }}</label>
                            <input class="form-control" id="f1-first-local-rank" type="number"
                                   value="{{ $university->local_rank ?? old('local_rank') }}" name="local_rank"
                                   placeholder="{{ __('Local Rank') }}" required="">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>
                        <div class="form-group">
                            <label for="f1-first-student-count">{{ __('Students Count') }}</label>
                            <input class="form-control" id="f1-first-student-count" type="number"
                                   value="{{ old('students_count') ? old('students_count') : $university->students_count }}"
                                   name="students_count"
                                   placeholder="{{ __('Students Count') }}" required="">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

                        <div class="form-group">
                            <label for="f1-discount_type">{{ __('Discount Type') }}</label>
                            <select name="discount_type" class="form-select" id="f1-discount_type">
                                <option value="">{{__('Select')}}</option>
                                <option value="percentage"
                                    {{ old('discount_type') ? (old('discount_type') == 'percentage' ? 'selected' : '') : ($university->discount_type == 'percentage' ? 'selected' : '') }}>
                                    {{ __('percentage') }}</option>
                                <option value="amount"
                                    {{ old('discount_type') ? (old('discount_type') == 'amount' ? 'selected' : '') : ($university->discount_type == 'amount' ? 'selected' : '') }}>
                                    {{ __('amount') }}</option>
                            </select>
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

                        <div class="form-group">
                            <label for="f1-discount">{{ __('Discount') }}</label>
                            <input class="form-control" id="f1-discount" type="number"
                                   value="{{ old('discount') ? old('discount') : $university->discount }}"
                                   name="discount" placeholder="{{ __('Discount') }}">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

                        <div class="form-group">
                            <label for="f1-price">{{ __('Price') }}</label>
                            <input class="form-control" id="f1-price" type="number"
                                   value="{{ old('price') ? old('price') : $university->price }}"
                                   name="price"
                                   placeholder="{{ __('Price') }}">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="language_id">{{ __('Language') }}</label>
                                <select class="form-select" required id="language_id" required=""
                                        name="language_id" onchange="getCountries()">
                                    @foreach ($languages as $language)
                                        <option value="{{ $language->id }}"
                                            {{ old('language_id') ? (old('language_id') == $language->id ? 'selected' : '') : ($language->id == $university->language_id ? 'selected' : '') }}>
                                            {{ $language->name }}</option>
                                    @endforeach

                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>
                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="country_id">{{ __('Country') }}</label>
                                <select class="form-select" required id="country_id" required=""
                                        name="country_id">
                                    @foreach ($countries as $country)
                                        <option value="{{ $country->id }}"
                                            {{ old('country_id') ? (old('country_id') == $country->id ? 'selected' : '') : ($country->id == $university->country_id ? 'selected' : '') }}>
                                            {{ $country->name }}</option>
                                    @endforeach
                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>



{{--                        <div class="row g-1">--}}
{{--                            <div class="col-md-12 mb-3">--}}
{{--                                <label class="form-label" for="city_id">{{ __('City') }}</label>--}}
{{--                                <select class="form-select" required id="city_id" required=""--}}
{{--                                        name="city_id">--}}
{{--                                    @foreach ($university->country->cities()->get() as $city)--}}
{{--                                        <option value="{{ $city->id }}"--}}
{{--                                            {{ old('city_id') ? (old('city_id') == $city->id ? 'selected' : '') : ($city->id == $university->city_id ? 'selected' : '') }}>--}}
{{--                                            {{ $city->name }}</option>--}}
{{--                                    @endforeach--}}
{{--                                </select>--}}
{{--                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>--}}
{{--                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>--}}
{{--                            </div>--}}
{{--                        </div>--}}

                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="university_type">{{ __('University Type') }}</label>
                                <select class="form-select" id="university_type" required="" name="university_type">
                                    <option value="private"
                                        {{ old('university_type') ? (old('university_type') == 'private' ? 'selected' : '') : ($university->university_type == 'private' ? 'selected' : '') }}>
                                        {{ __('Private') }}</option>
                                    <option value="public"
                                        {{ old('university_type') ? (old('university_type') == 'public' ? 'selected' : '') : ($university->university_type == 'public' ? 'selected' : '') }}>
                                        {{ __('Public') }}</option>
                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>

                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="show_in_home">{{ __('Show In Home') }}</label>
                                <select class="form-select" id="show_in_home" required="" name="show_in_home">
                                    <option value="1"
                                        {{ old('show_in_home') ? (old('show_in_home') == 1 ? 'selected' : '') : ($university->show_in_home == 1 ? 'selected' : '') }}>
                                        {{ __('Active') }}</option>
                                    <option value="0"
                                        {{ old('show_in_home') ? (old('show_in_home') == 0 ? 'selected' : '') : ($university->show_in_home == 0 ? 'selected' : '') }}>
                                        {{ __('Inactive') }}</option>
                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>


                        <div class="form-group">
                            <label for="f1-order_by">{{ __('Order By') }}</label>
                            <input class="form-control" id="f1-order_by"
                                   value="{{ old('order_by') ? old('order_by') : $university->order_by }}"
                                   type="number" name="order_by"
                                   placeholder="{{ __('Order By') }}">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

{{--                        <div class="form-group">--}}
{{--                            <label for="f1-address">{{ __('Address') }}</label>--}}
{{--                            <input class="form-control"--}}
{{--                                   value="{{ old('address') ? old('address') : $university->address }}"--}}
{{--                                   id="f1-address" type="text" name="address"--}}
{{--                                   placeholder="{{ __('Address') }}">--}}
{{--                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>--}}
{{--                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>--}}
{{--                        </div>--}}

                        <div class="form-group">
                            <label for="f1-link">{{ __('Link') }}</label>
                            <input class="form-control" id="f1-link"
                                   value="{{ old('link') ? old('link') : $university->link }}"
                                   type="url" name="link" placeholder="{{ __('Link') }}">
                            <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                            <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                        </div>

                        <div class="form-group">
                            <label for="f1-link">{{ __('Video Link') }}</label>
                            <input class="f1-link form-control" id="f1-link"
                                   value="{{  $university->video_link ?? old('video_link') }}"
                                   type="url" name="video_link" placeholder="{{ __('Video Link') }}">
                        </div>


                        <button class="btn btn-primary btn-submit" type="submit">{{__('Submit')}}</button>

                    </form>


                </div>
            </div>

        </div>

    </div>

@endsection

@push('scripts')
    <script src="{{ asset('assets/js/editor/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('assets/js/editor/ckeditor/adapters/jquery.js') }}"></script>
    <script src="{{ asset('assets/js/form-wizard/form-wizard-three.js') }}"></script>
    <script src="{{ asset('assets/js/form-wizard/jquery.backstretch.min.js') }}"></script>
    {{-- <script src="{{ asset('assets/js/email-app.js') }}"></script> --}}
    <script>
        "use strict";
        CKEDITOR.replace('description', {
            on: {
                contentDom: function (evt) {
                    // Allow custom context menu only with table elemnts.
                    evt.editor.editable().on('contextmenu', function (contextEvent) {
                        var path = evt.editor.elementPath();

                        if (!path.contains('table')) {
                            contextEvent.cancel();
                        }
                    }, null, null, 5);
                }
            }
        });
    </script>



    <script src="{{ asset('assets/js/notify/bootstrap-notify.min.js') }}"></script>
    <script src="{{ asset('assets/js/sweet-alert/sweetalert.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2/select2-custom.js') }}"></script>
    <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>
    <script src="{{ asset('assets/js/bookmark/jquery.validate.min.js') }}"></script>
    <script src="{{ asset('assets/js/contacts/custom.js') }}"></script>
    <script>
        'use strict';
        var elements = $('.elements');


        $(document).on('click', '.edit', function () {
            const modal = $('#translate')
            modal.find('.modal-title').text()
            modal.find('input[name=key]').val($(this).data('key'))
            modal.find('textarea[name=value]').val($(this).data('value'))
            modal.find('form').attr('action', $(this).data('route'))
            modal.modal('show')
        })

        $(document).on('click', '.remove', function () {
            const modal = $('#remove')
            modal.find('input[name=key]').val($(this).data('key'))
            modal.modal('show')
        })
        $('.add').on('click', function () {
            $('#translate').find('form')[0].reset();
            $('#translate').find('.modal-title').text('')
        })
    </script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const discountTypeElement = document.getElementById('f1-discount_type');
            const discountElement = document.getElementById('f1-discount');

            function updateDiscountInput() {
                if (discountTypeElement.value === 'percentage') {
                    discountElement.setAttribute('min', '0');
                    discountElement.setAttribute('max', '100');
                } else {
                    discountElement.removeAttribute('min');
                    discountElement.removeAttribute('max');
                }
            }

            function validateDiscountValue() {
                if (discountTypeElement.value === 'percentage') {
                    let value = parseFloat(discountElement.value);
                    if (value < 0) discountElement.value = 0;
                    if (value > 100) discountElement.value = 100;
                }
            }

            discountTypeElement.addEventListener('change', updateDiscountInput);
            discountElement.addEventListener('input', validateDiscountValue);

            // Run once on page load to set initial state
            updateDiscountInput();
        });
    </script>

    @include('dashbord.include.custom-ajax')

@endpush