@extends('layouts.admin.master')

@section('title')
{{ __('Duplicate 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">{{ __('Add University') }}</li>
    @endcomponent
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header pb-0">
                        <h5>{{ __('Data') }}</h5>
                    </div>
                    <div class="card-body">
                        <form class="needs-validation" novalidate="" method="post" action="{{ route('universities.duplicateStore') }}"
                            enctype="multipart/form-data">
                            @csrf
                            <input type="hidden" name="university_id" value="{{$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="{{ old('name') }}" placeholder="{{ __('Name') }}" required="">
                                <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" id="language_id" required=""
                                            name="language_id">
                                        <option selected="" disabled="" value=""> {{ __('Language') }}</option>
                                        @foreach ($languages as $language)
                                            <option value="{{ $language->id }}"
                                                {{ old('language_id') ? (old('language_id') == $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>

                            @foreach($dormitories as $index => $dormitory)
                                <div id="listDormitory">
                                    <input type="hidden" name="dormitories[{{ $index }}][dormitory_id]" value="{{ $dormitory->id }}">

                                    <div class="form-group">
                                        <label for="room_name_{{ $index }}">{{ __('Room Name ').($index+1) }}</label>
                                        <input class="form-control" id="room_name_{{ $index }}" type="text" name="dormitories[{{ $index }}][room_name]"
                                               value="{{ old('dormitories.' . $index . '.room_name') ? old('dormitories.' . $index . '.room_name') : $dormitory->room_name }}"
                                               placeholder="{{ __('Room Name') }}" required>
                                        <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                        <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                                    </div>
                                </div>
                            @endforeach










                            <div class="form-group">
                                <label>{{ __('Description') }}</label>
                                <textarea id="description" required="" name="description" cols="10" rows="2">{{ old('description') }}</textarea>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>

                            <div class="form-group">
                                <label>{{ __('Campus') }}</label>
                                <textarea id="campus" name="campus" cols="10" required="" rows="2">{{ old('campus') }}</textarea>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>

                            <div class="form-group">
                                <label>{{ __('Confessions') }}</label>
                                <textarea id="confessions" name="confessions" required="" cols="10" rows="2">{{ old('confessions') }}</textarea>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>

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

            </div>
        </div>
    </div>


    @push('scripts')
        <script src="{{ asset('assets/js/form-validation-custom.js') }}"></script>


        <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>
            "use strict";
            CKEDITOR.replace('campus', {
                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>
            "use strict";
            CKEDITOR.replace('confessions', {
                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>
    @endpush
@endsection