@extends('layouts.master')
@section('title','PREKSHA | CHANGE PASSWORD')
@section('headasset')
@include('layouts.head-asset')
@stop
@section('content')
<div class="wrapper">
    @include('admin-user.main-header')
    <!-- Sidebar -->
    @include('admin-user.sidebar')
    <!-- End Sidebar -->
    <div class="main-panel">
        <div class="content">

            <div class="container mt-3">
                <h1>Change Password</h1>
                <div class="card">
                    <div class="col-md-6 col-lg-12">
                        <form action="{{ route('change-pass') }}" id="change_pass_form" method="POST">
                            @csrf
                            @method('PUT')
                            <div class="form-group mb-3">
                                <div class="form-group col-lg-3 ">
                                    <label >New Password<span id="mand">*</span></label>
                                    <input type="text" class="form-control" id="password" name="password"  aria-label="Role" aria-describedby="basic-addon1" required>
                                </div>
                                <div class="form-group col-lg-3">
                                    <label >Confirm Password<span id="mand">*</span></label>
                                    <input type="text" class="form-control" id="cnf_password" name="cnf_password"  aria-label="Role" aria-describedby="basic-addon1" required>
                                </div>
                                <div class="col-md-12 col-lg-12 mb-3 mt-3">
                                    <a href="{{url("/")}}" class="btn btn-default">Cancel</a>
                                    <button type="submit" class="btn btn-primary submit" >Submit</button>
                                </div>
                            </div>
                        </form>
                </div>
            </div>
        </div>
        </div>
        @include('admin-user.footer')
    </div>
</div>
<script>
    $("#change_pass_form").validate({
        debug: true,
        rules: {
            password: {
                required: true,
                minlength:6,
                maxlength:6
            },
            cnf_password: {
                required: true,
                equalTo: "#password"

            }
        },
        messages: {
            password: {
                required: 'Required',
                minlength: jQuery.validator.format("At least {0} characters required!"),
                maxlength: jQuery.validator.format("MaxLength is {0} characters!")
            },
            cnf_password: {
                required: "Please confirm your password.",
                equalTo: "Passwords do not match.",

            }
        },
        errorPlacement: function (error, element) {
            error.insertAfter(element);
        },
        submitHandler: function(form) {
          form.submit();
        }

    });


    </script>




@stop
@section('jsscript')
@include('layouts.jsscript')



@stop