@extends('layouts.app_admin')

  @section('content')
  <!-- sidebar-wrapper  -->
 <main class="page-content">
    <div class="container-fluid"> 
      <div class="breadcrumb1">
        <ul>
          <li><a href="{{ route('admin-dashboard')}}">Dashboard ></a></li>
          <li><a href="#">Profile Settings ></a></li>
          <li>Change Password</li>
        </ul>
      </div>
      <!-- Breadcumb End -->
      <div class="form-wrapper add-field">
{{-- @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif --}}
         @include('admin.session_message.error')
         @include('admin.session_message.success')
        
        <!--form start -->
        <form name="change_pass_form" id="change_pass_form" method="post" action="{{ route('change-pass') }}">

          @csrf
          <div class="row">
          <div class="col-md-4">
            <label for="current_password">Current Password<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8"> 
          <div class="input-group m-bottom-0"> 
          <!-- @if(isset($predefined_password))
              <div class="input-group-prepend">
                  <span class="input-group-text">
                    {{ $predefined_password }}
                  </span>
              </div>
            @endif   -->         
            <input type="password" class="form-control" id="current_password" placeholder="Enter Current Password" name="current_password" value="" {{ old('current_password') }}  data-rule-required="true" data-msg-required="Please enter current password."/>
          </div>
          <span for="current_password" class="error_validate"></span>
             @if($errors->has('current_password'))
                 <span for="current_password" class="error_validate" >
                    {{ $errors->first('current_password') }}
                 </span>
             @endif
          </div>
        </div>
      
        <div class="row">
          <div class="col-md-4">
            <label for="new_pass">New Password<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">
          <div class="input-group m-bottom-0"> 
           @if(isset($predefined_password))
            <div class="input-group-prepend">
                <span class="input-group-text">
                  {{ $predefined_password }}
                </span>
            </div>
          @endif         
            <input type="password" class="form-control" id="password" placeholder="Enter New Password" name="password"  value="" {{ old('password') }} data-rule-required="true" data-msg-required="Please enter new password." data-rule-minlength="6"  />
          </div>
        <span for="password" class="error_validate"></span>
        </div>
            @if($errors->has('password'))
                 <span for="password" class="error_validate" >
                    {{ $errors->first('password') }}
                 </span>
             @endif
        </div>
      
        <div class="row">
          <div class="col-md-4">
            <label for="password_confirmation">Re-enter New Password<span class="maditory_star">*</span></label>
          </div>
          <div class="col-md-8">
          <div class="input-group m-bottom-0"> 
           @if(isset($predefined_password))
            <div class="input-group-prepend">
                <span class="input-group-text">
                  {{ $predefined_password }}
                </span>
            </div>
          @endif           
            <input type="password" class="form-control" id="password_confirmation" placeholder="Re-enter New Password" name="password_confirmation" value="" {{ old('password_confirmation') }} data-rule-required="true" data-msg-required="Please re-enter password."  data-rule-equalto="#password" />
          </div>
          <span for="password_confirmation" class="error_validate"></span>
            @if($errors->has('password_confirmation'))
                 <span for="password_confirmation" class="error_validate" >
                    {{ $errors->first('password_confirmation') }}
                 </span>
             @endif
          </div>
        </div>
      
        <div class="row">
          <div class="col-md-9 offset-md-3">
            <div class="text-center form-btn">
              <button type="submit" name="submit" class="common-btn active">Update</button>
              <a href="{{ route('admin-dashboard') }}" class="common-btn">Cancel</a>
             </div>
          </div>
        </div>
      </form>
      <!--form end-->

      </div>
    </div> <!-- container fluid -->
  </main>
  <!-- page-content" -->
</div>

<script src="{{ url('/public/admin_assets/developer_validate/jquery.validate.min.js')}}"></script>
<script src="{{ url('/public/admin_assets/developer_validate/custom_validate.js')}}"></script>
<script type="text/javascript">
    $('#change_pass_form').validate({
        onfocusout: function(element) {
        this.element(element);
        },
        errorClass: 'error_validate',
        errorElement:'span',
        highlight: function(element, errorClass) {
        $(element).removeClass(errorClass);

        },
        submitHandler:function(form)
        {
    
       $('#page_sub_btn').prop("disabled", true);
       form.submit();
        }
    });
 
  </script>

@endsection
<!-- Footer -->