@extends('admin/institute-management/institute-profile/index')

@section('main-content-tab')
<form action="{{route('institute.profile.teacher-management.update', ['slug'=>$slug,'id'=>$teacher->id])}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form" enctype="multipart/form-data">
    @csrf
    <h1 class="fw-bolder text-dark mb-9">Update Campus</h1>
    <input type="hidden" name="avatar_data" value="{{$teacher->avatar}}">
    <!--begin::Input group-->
    <div class="row mb-3">
    <!--begin::Col-->
        <div class="col-md-6 pe-lg-10">
            <!--begin::Form-->

            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class="required fs-5 fw-bold mb-2">Name</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="text" class="form-control form-control-solid" placeholder="Enter Name" value="{{$teacher->name}}" name="name" autocomplete="off"/>
                @if($errors->has('name'))
                    <span class="text-danger">{{ $errors->first('name') }}</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">Employee ID</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="number" class="form-control form-control-solid" placeholder="Enter Employee ID" value="{{$teacher->employee_id}}" name="employee_id" autocomplete="off"/>
                @if($errors->has('employee_id'))
                    <span class="text-danger">{{ $errors->first('employee_id') }}</span>
                @endif
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class=" fs-5 fw-bold mb-2">Email</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="text" class="form-control form-control-solid" placeholder="Enter Email" value="{{$teacher->email}}" name="email" autocomplete="off"/>
                @if($errors->has('email'))
                    <span class="text-danger">{{ $errors->first('email') }}</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">Phone</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="text" class="form-control form-control-solid" placeholder="Enter Phone" value="{{$teacher->phone_number}}" name="phone_number" autocomplete="off"/>
                @if($errors->has('phone_number'))
                    <span class="text-danger">{{ $errors->first('phone_number') }}</span>
                @endif
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class=" fs-5 fw-bold mb-2">Department</label>
                <!--end::Label-->
                <!--begin::Input-->
                {{-- <input type="text" class="form-control form-control-solid" placeholder="Enter Department" value="{{$teacher->department}}" name="department" autocomplete="off"/> --}}
                <select class="form-select form-select-solid" data-control="select2" id="department_id" data-placeholder="Select Department" name="department">
                    <option selected disabled>Select Department</option>
                    @foreach($departments as $department)
                        <option {{$department->id == $teacher->department ? 'selected' : ''}} value="{{$department->id}}"> {{$department->title}}</option>
                        {{-- <option {{$organization->id == $user->instituteBasic->approved_by ? 'selected' : ''}} value="{{$department->id}}"> {{$department->title}}</option> --}}
                    @endforeach
                </select>
                @if($errors->has('department'))
                    <span class="text-danger">{{ $errors->first('department') }}</span>
                @endif
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class=" fs-5 fw-bold mb-2">Designation</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="text" class="form-control form-control-solid" placeholder="Enter Designation" value="{{$teacher->designation}}" name="designation" autocomplete="off"/>
                @if($errors->has('designation'))
                    <span class="text-danger">{{ $errors->first('designation') }}</span>
                @endif
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class=" fs-5 fw-bold mb-2">Faculty</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="text" class="form-control form-control-solid" placeholder="Enter Faculty" value="{{$teacher->faculty}}" name="faculty" autocomplete="off"/>
                @if($errors->has('faculty'))
                    <span class="text-danger">{{ $errors->first('faculty') }}</span>
                @endif
            </div>

            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class=" fs-5 fw-bold mb-2">Personal Information</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="personal_information" id="personal_information" class="summernote form-control form-control-solid" placeholder="Enter Personal Information" autocomplete="off">{{$teacher->personal_information}}</textarea>
                @if($errors->has('personal_information'))
                    <span class="text-danger">{{ $errors->first('personal_information') }}</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">Academic Qualification</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="academic_qualification" id="academic_qualification" class="summernote form-control form-control-solid" placeholder="Enter Academic Qualification" autocomplete="off">{{$teacher->academic_qualification}}</textarea>
                @if($errors->has('academic_qualification'))
                    <span class="text-danger">{{ $errors->first('academic_qualification') }}</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">Training Experience</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="training_experience" id="training_experience" class="summernote form-control form-control-solid" placeholder="Enter Training Experience" autocomplete="off">{{$teacher->training_experience}}</textarea>
                @if($errors->has('training_experience'))
                    <span class="text-danger">{{ $errors->first('training_experience') }}</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">Teaching Area</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="teaching_area" id="teaching_area" class="summernote form-control form-control-solid" placeholder="Enter Teaching Area" autocomplete="off">{{$teacher->teaching_area}}</textarea>
                @if($errors->has('teaching_area'))
                    <span class="text-danger">{{ $errors->first('teaching_area') }}</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">Publication</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="publication" id="publication" class="summernote form-control form-control-solid" placeholder="Enter Publication" autocomplete="off">{{$teacher->publication}}</textarea>
                @if($errors->has('publication'))
                    <span class="text-danger">{{ $errors->first('publication') }}</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">Research</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="research" id="research" class="summernote form-control form-control-solid" placeholder="Enter Research" autocomplete="off">{{$teacher->research}}</textarea>
                @if($errors->has('research'))
                    <span class="text-danger">{{ $errors->first('research') }}</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">Award & Scholarship</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="award" id="award" class="summernote form-control form-control-solid" placeholder="Enter Award & Scholarship" autocomplete="off">{{$teacher->award}}</textarea>
                @if($errors->has('award'))
                    <span class="text-danger">{{ $errors->first('award') }}</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">Membership</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="membership" id="membership" class="summernote form-control form-control-solid" placeholder="Enter Membership" autocomplete="off">{{$teacher->membership}}</textarea>
                @if($errors->has('membership'))
                    <span class="text-danger">{{ $errors->first('membership') }}</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">Previous Employment</label>
                <!--end::Label-->
                <!--begin::Input-->
                <textarea name="previous_employment" id="previous_employment" class="summernote form-control form-control-solid" placeholder="Enter Previous Employment" autocomplete="off">{{$teacher->previous_employment}}</textarea>
                @if($errors->has('previous_employment'))
                    <span class="text-danger">{{ $errors->first('previous_employment') }}</span>
                @endif

                <!--end::Input-->
            </div>

            <div class="d-flex mb-5 fv-row">
                <label class="form-check form-switch form-check-custom form-check-solid">
                    <span class="required form-check-label fw-bold text-muted" style="margin-right: 10px;margin-left: 0px;">Status</span>
                    <input class="form-check-input radio-btn" name="status" type="checkbox" value="1" {{$teacher->status == 0 ? '' : 'checked'}} />
                </label>
                <!--end::Switch-->
            </div>
            <div class="d-flex">
                <a style="margin-right:5px;" href="{{route('institute.profile.campus', $slug)}}" class="btn btn-secondary">Back</a>
                <button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
                    <!--begin::Indicator-->
                    <span class="indicator-label">Update</span>
                </button>
            </div>
            <!--end::Form-->
        </div>

        <div class="col-md-6 pe-lg-10">
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class=" fs-5 fw-bold mb-2">Campus Thumbnail</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input accept="image/*" id="avatar" type="file" name="avatar" class="form-control dropify" placeholder="Enter avatar">
                <span style="font-size: 12px;color: red;">Suggested Image ratio: 400 x 400 | max-size: 500 KB</span>
                @if($errors->has('avatar'))
                    <span class="text-danger">{{ $errors->first('avatar') }}</span>
                @endif

                <!--end::Input-->
            </div>
        </div>
    </div>

    <!--end::Submit-->
</form>
@endsection

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

@section('extra-extra-script')
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    <script src="{{ asset('js/dropify.min.js') }}"></script>
    <script src="{{ asset('summernote/summernote.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function() {
          $('.summernote').summernote({
            height: 200,
            popover: {
                image: [],
                link: [],
                air: []
            }
          });
        });
    </script>

    //validate form
    <script>
        $(function() {
            $("form[name='institute']").validate({
                rules: {
                    name:'required',
                    // email: {
                    //     required: true,
                    //     email: true
                    // },
                    // phone_number: 'required',
                    // employee_id: 'required',
                    // department: 'required',
                    // designation: 'required',
                    // faculty: 'required',
                },
                messages: {
                    name: "Name is required.",
                    email: "Email is required.",
                    phone_number: "Phone is required.",
                    // employee_id: "Employee id is required.",
                    department: "Department is required.",
                    designation: "Designation is required.",
                    faculty: "Faculty is required.",
                },
                submitHandler: function(form) {
                form.submit();
                }
            });
        });
    </script>

    <script type="text/javascript">
        $(document).ready(function(){
            var editData = {!! json_encode($teacher) !!};
            if(editData && editData.avatar)
            {
                var imageUrl = "{{URL::asset($teacher->avatar)}}";
                var drEvent = $('#avatar').dropify(
                {
                    defaultFile: imageUrl
                });
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
                drEvent.settings.defaultFile = imageUrl;
                drEvent.destroy();
                drEvent.init();
            }
            else{
                var drEvent = $('#avatar').dropify();
                drEvent = drEvent.data('dropify');
                drEvent.resetPreview();
                drEvent.clearElement();
            }


        });
    </script>
    <script>
        $(document).ready(function(){
            $('.institute-profile-tab-teacher-management').addClass('active');
        });
    </script>

@endsection