@extends('layouts._includes.site.Header')
@section('titulo', 'SGPEU')
@section('conteudo')
<div class="modal-body customer-box">
    <div class="alert alert-success alert-dismissible fade show" role="alert">
        Coloque o seu email da conta!
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
</div>
<style>
    .crop {
        width: 250px;
        height: 200px;
        position: relative;
        overflow: hidden;
        border-radius: 100%;
    }

    img {
        display: inline;
        margin: 0 auto;
        height: 90%;
        width: auto;
    }

</style>
<div id="overviews" class="section wb">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12">
                <div class="post-media wow fadeIn">
                    <div class="crop">
                        <img src="{{ asset('/site/img/user-create.png') }}" alt="post">
                    </div>
                </div>
            </div>


            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                <div class="tab-content">
                    <div class="tab-pane active" id="Login">
                        <form method="POST" action="{{ route('password.email') }}"role="form" class="form-horizontal">
                            @csrf
                           
                              <div class="form-group">
                                  <div class="col-sm-12">
                                    <input placeholder="E-mail" class="form-control input @error('email') is-invalid @enderror" type="email" name="email" :value="old('email')">

                                  @error('email')
                                  <span class="invalid-feedback" role="alert">
                                      <strong>{{ $message }}</strong>
                                  </span>
                              @enderror

                          </div>

                              </div>


                                  <div class="col-sm-12">
                                      <button type="submit" class="btn btn-light btn-radius btn-brd grd1">
                                         SALVAR
                                      </button>

                                  </div>

                          </form>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script src="{{ asset('/js/sweetalert2.all.min.js') }}"></script>


@if (session('status'))
<script>
    Swal.fire(
        'Enviamos o link de redefinição de senha por e-mail',
        '',
        'success'
    )

</script>

@endif

@if (session('forgot-password.user.false'))
<script>
    Swal.fire(
        'Erro! Verifique se está ligado a uma rede.',
        '',
        'error'
    )

</script>
@endif
@endsection