@extends('admin/institute-management/institute-profile/index',['withoutCard' => true])

@section('main-content-tab')

    {{-- <div class="card mb-6">
        <div class="card-body">
            <div>
                <h1 class="fs-18px fw-500 mb-0">Study Gap Information</h1>
                <p class="fs-14 text-cs-gray mb-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur delectus fugit necessitatibus numquam quod voluptates.</p>
                <a href="#" class="btn btn--primary rounded-btn me-2 text-cs-gray"  style="background: rgba(117,117,117,0.1);">
                    <i class="fa fa-pen"></i> Add Study Gap
                </a>
            </div>
        </div>
    </div> --}}
    <div class="card mb-6">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h1 class="fs-18px fw-500 mb-0">Study Gap Information</h1>
        </div>
        <div class="card-body faculty-table-card">

<form action="{{route('institute.profile.study-gap-information', $slug)}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form">
    @csrf
    <input type="hidden" name="id" value="{{$study_gap['id'] ?? 0}}">
    <!--begin::Input group-->
    <div class="row g-5">
        <div class="col-lg-6">
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class="required fs-5 fw-bold mb-2">Title (EN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" value="{{$study_gap['title'] ?? ''}}" placeholder="Enter Title (EN)" name="title" autocomplete="off"/>
                @if($errors->has('title'))
                    <span class="text-danger">{{ $errors->first('title') }}</span>
                @endif

                <!--end::Input-->
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class="fs-5 fw-bold mb-2">Title (BN)</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input  type="text" class="form-control form-control-solid" value="{{$study_gap['title_bn'] ?? ''}}" placeholder="Enter Title (BN)" name="title_bn" autocomplete="off"/>
                @if($errors->has('title_bn'))
                    <span class="text-danger">{{ $errors->first('title_bn') }}</span>
                @endif

                <!--end::Input-->
            </div>
        </div>
        <div class="col-lg-6">
            <div class="d-flex flex-column mb-5 fv-row">
                <label class=" fs-5 fw-bold mb-2">Maximum Allowed Year (EN)</label>
                <input type="type" class="form-control form-control-solid" placeholder="Maximum Allowed Year" value="{{$study_gap['maximum_allowed_year'] ?? ""}}" name="maximum_allowed_year" autocomplete="off"/>
                @if($errors->has('maximum_allowed_year'))
                    <span class="text-danger">{{ $errors->first('maximum_allowed_year') }}</span>
                @endif
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <label class=" fs-5 fw-bold mb-2">Maximum Allowed Year (BN)</label>
                <input type="type" class="form-control form-control-solid" placeholder="Maximum Allowed Year" value="{{$study_gap['maximum_allowed_year_bn'] ?? ""}}" name="maximum_allowed_year_bn" autocomplete="off"/>
                @if($errors->has('maximum_allowed_year_bn'))
                    <span class="text-danger">{{ $errors->first('maximum_allowed_year_bn') }}</span>
                @endif
            </div>
        </div>
        <div class="col-md-12">
        <div class="d-flex flex-column mb-5 fv-row">
            <!--begin::Label-->
            <label class="required fs-5 fw-bold mb-2">Description (EN)</label>
            <!--end::Label-->
            <!--begin::Input-->
            <textarea name="description" id="description" class="summernote form-control form-control-solid" placeholder="Enter Description (EN)" autocomplete="off">{{$study_gap['description'] ?? ''}}</textarea>
            @if($errors->has('description'))
                <span class="text-danger">{{ $errors->first('description') }}</span>
            @endif

            <!--end::Input-->
        </div>
        <div class="d-flex flex-column mb-5 fv-row">
            <!--begin::Label-->
            <label class="fs-5 fw-bold mb-2">Description (BN)</label>
            <!--end::Label-->
            <!--begin::Input-->
            <textarea name="description_bn" id="description" class="summernote form-control form-control-solid" placeholder="Enter Description (BN)" autocomplete="off">{{$study_gap['description_bn'] ?? ''}}</textarea>
            @if($errors->has('description_bn'))
                <span class="text-danger">{{ $errors->first('description_bn') }}</span>
            @endif

            <!--end::Input-->
        </div>
        <div class="d-flex justify-content-center">
                <button type="submit" class="btn btn-primary btn-piles mt-7" id="kt_contact_submit_button">
                    <span class="indicator-label">Save</span>
                </button>
            </div>
        </div>
    </div>
</form>
        </div>
    </div>
@endsection

@section('extra-extra-css')
    <link rel="stylesheet" href="{{ asset('summernote/summernote.css') }}">
@endsection

@section('extra-extra-script')
    {{-- <script src="{{ asset('js/popper.min.js') }}"></script> --}}
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    <script src="{{ asset('summernote/summernote.min.js') }}"></script>

    //validate form
    <script>
        $(function() {
            $("form[name='institute']").validate({
                ignore: ".note-editable.panel-body",
                rules: {
                    title:'required',
                    description: 'required',
                    // maximum_allowed_year: 'required'
                },
                messages: {
                    title: "Title is required.",
                    description: "Description is required.",
                    // maximum_allowed_year: "Maximum Allowed Year is required.",
                },
                submitHandler: function(form) {
                form.submit();
                }
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
          $('.summernote').summernote({
            height: 200,
            popover: {
                image: [],
                link: [],
                air: []
            }
          });
        });
    </script>
    <script>
        $(document).ready(function(){
            $('.institute-profile-tab-study-gap-information').addClass('active');
        });
    </script>
@endsection