@extends('backend/include/layout')
<!-- title -->
@section('title') Changement mot de passe || Bibliothèque Numérique EPA @endsection

@section('fil-arial') 
<div class="pagetitle">
    <h1>Changement mot de passe</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{{ route('inscription') }}" style="text-decoration: none;">Accueil</a></li> 
        <li class="breadcrumb-item active">Changement mot de passe </li>
      </ol>
    </nav>
  </div> 
@endsection

@section('contenu') 
<section class="section">
    <div class="row">
      <div class="col-lg-12">
    <div class="card">
        <div class="card-body">
        <h5 class="card-title">Changement mot de passe</h5>
          <!-- General Form Elements -->
          @if ($errors->any())
          <div class="alert alert-danger">
              <strong>Error!</strong>
              <ul>
                  @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
                  @endforeach
              </ul>
          </div>
          @endif
          <form action="{{route('user.change-password')}}" method="post">
            @csrf
            <div class="row mb-3">
              <div class="col-md-8">
                <label for="inputText" class=" col-form-label">Mot de passe actuel <i class="text-danger">*</i></label>
                <div>
                  <input type="password" class="form-control" required name="current_password" id="current_password" minlength="1" maxlength="100">
                </div>
              </div>  
            </div>
            <div class="row mb-3">
              <div class="col-md-8">
                <label for="inputText" class=" col-form-label">Nouveau mot de passe <i class="text-danger">*</i></label>
                <div>
                  <input type="password" name="new_password" class="form-control" pattern="^(?=.{8,32}$)(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9]).*" minlength="8" id="npass" >
                </div>
              </div>  
            </div>
            <div class="row mb-3">  
              <div class="col-md-8">
                <label for="inputText" class=" col-form-label">Confirmer le mot de passe <i class="text-danger">*</i></label>
                <div>
                  <input type="password" name="new_confirm_password" pattern="^(?=.{8,32}$)(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9]).*" minlength="8" class="form-control" id="vpass">
                </div>
              </div>   
            </div>    
            <div class="row mb-3">  
              <div class="col-md-8">
                <p><b class="text-danger">NB : Vous serez déconnecté après le changement de votre mot de passe.</b></p>
              </div>   
            </div>   
            <div class="row mb-3">  
                <div class="col-md-6">
                  <button type="submit" class="btn btn-warning">Enregistrer</button> 
                </div>
            </div> 
          </form><!-- End General Form Elements -->
        </div>
    </div>
</div>
</div>
</section>
 
  @endsection

<!-- jsScript -->
@section('script-js')
<script>
    $(document).ready(function() {   

    } );
</script> 
@endsection