@extends('layouts.admin.master')

@section('title')
    {{ __('testimonial') }}
@endsection

@push('css')
@endpush

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

        <li class="breadcrumb-item"><a href="{{ route('users.index') }}">{{ __('testimonial') }}</a></li>
        <li class="breadcrumb-item active">{{ __('Edit testimonial') }}</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>{{ __('master.data') }}</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('testimonials.update', $testimonial->id) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <input type="hidden" name="testimonial_id" value="{{$testimonial->id}}">
                        <input type="hidden" name="university_id" value="{{$testimonial->university_id}}">

                        <div class="form-group">
                            <label>{{ __('Comment') }}</label>
                            <textarea id="comment" name="comment" cols="10" rows="2">{{ old('comment') ? old('comment') : $testimonial->comment }}</textarea>
                        </div>


                        <div class="row g-1">
                            <div class="col-md-12 mb-3">
                                <label class="form-label" for="validationDefault04_student">{{ __('Student') }}</label>
                                <select class="form-select" required id="validationDefault04_student" required=""
                                        name="student_id">
                                    @foreach ($students as $student)
                                        <option value="{{ $student->id }}"
                                            {{ old('student_id') ? (old('student_id') == $student->id ? 'selected' : '') : ($student->id == $testimonial->student_id ? 'selected' : '') }}>
                                            {{ $student->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="validationDefault04">{{ __('Status') }}</label>
                                <select class="form-select" id="validationDefault04" required="" name="status">
                                    <option value="active"
                                        {{ old('status') ? (old('status') == 'active' ? 'selected' : '') : ($testimonial->status == 'active' ? 'selected' : '') }}>
                                        {{ __('Active') }}</option>
                                    <option value="inactive"
                                        {{ old('status') ? (old('status') == 'inactive' ? 'selected' : '') : ($testimonial->status == 'inactive' ? 'selected' : '') }}>
                                        {{ __('Inactive') }}</option>
                                </select>
                                <div class="valid-feedback">{{ __('validation.valid_feedback') }}</div>
                                <div class="invalid-feedback">{{ __('validation.invalid_feedback') }}</div>
                            </div>
                        </div>


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

                </div>
            </div>

        </div>

    </div>

@endsection

@push('scripts')
    <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 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>
        "use strict";
        CKEDITOR.replace('comment', {
            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