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

@section('main-content-tab')
<form enctype="multipart/form-data" action="{{route('institute.profile.change-password', $user->id)}}" name="institute" class="form mb-15" method="POST" id="kt_contact_form">
    @csrf
    <h1 class="fw-bolder text-dark mb-9">Update Password</h1>
    <!--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="fs-5 fw-bold mb-2">New Password</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="password" class="form-control form-control-solid" placeholder="Enter New Password" name="password" autocomplete="off"/>
                @if($errors->has('password'))
                    <span class="text-danger">{{ $errors->first('password') }}</span>
                @endif
            </div>
            <div class="d-flex flex-column mb-5 fv-row">
                <!--begin::Label-->
                <label class="fs-5 fw-bold mb-2">Confirm Password</label>
                <!--end::Label-->
                <!--begin::Input-->
                <input type="password" class="form-control form-control-solid" placeholder="Enter Confirm Password" name="password_confirmation" autocomplete="off"/>
                @if($errors->has('password_confirmation'))
                    <span class="text-danger">{{ $errors->first('password_confirmation') }}</span>
                @endif
            </div>
            <div class="d-flex">
                <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>

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

@section('extra-extra-css')
@endsection

@section('extra-extra-script')
    <script src="{{ asset('js/jquery.validate.js') }}"></script>
    //validate form
    <script>
        $(function() {
            $("form[name='institute']").validate({
                rules: {
                    password:'required',
                    password_confirmation:'required',
                },
                messages: {
                    password: "Password is required.",
                    password_confirmation: "Confirmation password is required.",
                },
                submitHandler: function(form) {
                form.submit();
                }
            });
        });
    </script>
    <script>
        $(document).ready(function(){
            $('.institute-profile-tab-change-password').addClass('active');
        });
    </script>
@endsection