@extends('layouts.app')
@section('content')
  <div class="main-content">
    <!-- Header -->
    <div class="header bg-gradient-danger pb-8 pt-5 pt-md-6">
       <div class="container-fluid">
          <div class="header-body">
             <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                   <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                      <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                         <li class="breadcrumb-item"><a href="{{url('admin/home')}}"><i class="fas fa-home"></i></a></li>
                         <li class="breadcrumb-item"><a href="{{url('admin/changepass')}}">Change Password</a></li>
                      </ol>
                   </nav>
                </div>
             </div>
          </div>
       </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--7">
      <div class="row">
        <div class="col-lg-12">
          <div class="card bg-secondary shadow">
            <div class="card-header bg-white">
              <div class="row align-items-center">
                <div class="col-8">
                  <h4 class="mb-0">Change Password</h4>
                </div>
              </div>
            </div>
            @if(Session::has('message'))
            <div class="alert {{ Session::get('alert-class', 'alert-info') }}" role="alert">
                {{ Session::get('message') }}
            </div>
            @endif
            <div class="card-body">
               <form name="changepass_form" id="changepass_form" method="post" action="{{ url('admin/changepass/submit') }}" accept-charset="UTF-8">
                {{ csrf_field() }} 
                <div class="container">
					  <div class="row">
					    <div class="col-sm">
					        <div class="card-body">
					            <div class="row">
					              <div class="col-lg-6">
					                <div class="form-group">
					                  <label class="form-control-label">Current Password</label>
					                  <input type="password" name="currentpass" id="currentpass" class="form-control" placeholder="Enter Current Password">
					                </div>
					              </div> 
					               <div class="col-lg-6">
					                <div class="form-group">
					                  <label class="form-control-label">New Password</label>
					                  <input type="password" name="password" id="password" class="form-control" placeholder="Enter New Password">
					                </div>
					              </div>  
					              <div class="col-lg-6">
					                <div class="form-group">
					                  <label class="form-control-label">Confirm New Password</label>
					                  <input type="password" name="password_again" id="password_again" class="form-control" placeholder="Enter Confirm New Password">
					                </div>
					              </div>  
					            </div>
					          </div>
					        </div>
					      </div>
					    </div>				           

					<style>
					input { font-size: 13px !important; height: 35px !important; }
					label { font-size: 13px !important; }
					select { font-size: 13px !important; height: 40px !important; }
					</style>
                <div class="pl-lg-12">
                  <div class="form-group" align="center" style="margin-top: 20px;">
                      <input type="submit" class="btn btn-primary btn-sm" value="Submit">
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>

<script>
$( "#changepass_form" ).validate({
  rules: {
  	currentpass: {
  		required: true,
  		remote:
        {
          url: '{{url('admin/changepass/currentpass_check')}}',
          type: "post",
          data:
          {
          	 "_token": function()
              {
              		return "{{ csrf_token() }}";
              },
              currentpass: function()
              {
                  	return $('#changepass_form :input[name="currentpass"]').val();
              }
          }
        }
  	},
    password: {
    	required: true,
    	remote:
        {
          url: '{{url('admin/changepass/newpass_check')}}',
          type: "post",
          data:
          {
          	 "_token": function()
              {
              		return "{{ csrf_token() }}";
              },
              currentpass: function()
              {
                  	return $('#changepass_form :input[name="currentpass"]').val();
              },
              password: function()
              {
                  	return $('#changepass_form :input[name="password"]').val();
              }
          }
        }
    },
    password_again: {
    	required: true,
      	equalTo: "#password"
    }
  },
  messages: {
        currentpass: {
        	required: "Current password is required",
        	remote: "Invalid current password"
        },
        password: {
        	required: "Confirm password is required",
        	remote: "New passwod should not be same current password"
        },
        password_again: {
            required: "Confirm new password is required",
            equalTo: "New password and confirm new password should be same."
        }
    }
});
</script>
@endsection