@extends('layouts.admin-Lti')

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a><span>SGF</span></a></li>
    <li class="breadcrumb-item"><a><span><b>Atualizar Senha</b></span></a></li>
</ol>


 <div class=" col-md-8 container container-fluid ">
    <div class="card no-shadow no-border ">
<div class="card-body ">
  <center> <h4><b>Nome:</b>{{$usuario->name }}</h4>
    <h4> <b>Papeis:</b>
  @foreach ($usuario->roles  as $item)
  {{$item->label}}
  @endforeach
</h4>
</center>

    <hr>

     <form action="{{ Route('Usuarios.updatesenha',$usuario->id) }}" method="POST">
         @method("PUT")
         @csrf
<div class="row">
    <div class="col-md-6">


            <label for="">Nova senha:</label>
            <input type="password" name="senha"  minlength="8" required  class="form-control senha" value="">

    </div>




    <div class="col-md-6">

            <label for=""> senha confirma:</label>
            <input type="password"    name="senhaConfirme"  minlength="8" required class="form-control senhaConfirme" value="">


            <input type="submit"  class="guardarSenha" style="opacity: 0;"  >
    </div>


</div>

     </form>
     <div class="col">
         <button class="btn btn-primary float-right senhaConfimeBtn" >Atualizar</button>
     </div>
<span class="mensagemsenha"></span>
</div>

    </div>
 </div>

 @push('script')
 <script>
 $(document).ready(function(){




$(".senhaConfimeBtn").click(function(){

    if($(".senha").val()==$(".senhaConfirme").val()){

        $(".guardarSenha").trigger("click");
    }else{

$(".mensagemsenha").text("senhas nao sao Iguais");
$(".senha").css("border-color","red");
$(".senhaConfirme").css("border-color","red");

    }
});
    });

</script>

 @endpush


@endsection