@extends('admin.layouts.app')

@section('breadcrumb')
	<li class="breadcrumb-item"><a href="javascript:void(0);">Cuenta</a></li>
    <li class="breadcrumb-item active" aria-current="page"><span>Contraseña</span></li>
@endsection

@section('css')

@endsection

@section('content')
<div class="row layout-spacing layout-top-spacing feather-icon">
    <div id="font-icon_feather" class="col-lg-12">
        <div class="statbox widget box box-shadow">
            <div class="widget-content widget-content-area bx-top-6">
                <div class="icon-section">
                    <div class="row">
                        <div class="col-xl-12">
                        	
                            <center><h4>Actualizar contraseña</h4></center>
                            <hr>

                            <form action="{{route('cuenta.clave.update')}}" method="post">
                                @csrf
                                
                                <div class="container">
                                    <div class="row">
                                      <div class="col-sm-12">
                                        <div class="form-group">
                                          <label for="account-fn">Contraseña actual</label>
                                          <div class="password-toggle">
                                            <input class="form-control @error('clave') is-invalid @enderror" type="password" id="si-password" name="clave" placeholder="Introduzca su contraseña" required>
                                            @error('clave')
                                                    <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                    </span>
                                                  @enderror
                                          </div>
                                        </div>
                                      </div>
                                      <div class="col-sm-12">
                                        <div class="form-group">
                                          <label for="account-fn">Nueva contraseña</label>
                                          <div class="password-toggle">
                                            <input class="form-control @error('password') is-invalid @enderror" type="password" name="password" placeholder="Introduzca su nueva contraseña" required>
                                            
                                            @error('password')
                                                    <span class="invalid-feedback" role="alert">
                                                      <strong>{{ $message }}</strong>
                                                    </span>
                                                  @enderror
                                          </div>
                                        </div>
                                      </div>
                                      <div class="col-sm-12">
                                          <label for="su-password-confirm">Confirmar contraseña</label>
                                            <div class="password-toggle">
                                              <input class="form-control" type="password" id="su-password-confirm" placeholder="Confirme su contraseña" name="password_confirmation" required>                                                
                                            </div>
                                      </div>                                                     
                                    </div>                                   
                                </div>

                                <div class="row">
                                    <div class="col">
                                        <br>
                                        <button type="submit" class="btn btn-primary float-right">Actualizar</button>
                                    </div>
                                </div>
                            </form>                                         
                        </div>
                    </div>
                </div>         
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
    
@endsection