@extends('autenticacion.plantilla')

{{-- {} Título --}}
@section('titulo', 'Rec. de contraseña')

{{-- {} Ajustes, propiedades y estilos --}}
@section('cabeza')

@parent

{{-- ! Estilos --}}
<link rel="stylesheet" href="{{ asset('vendor/daite/coopdigital/src/public/css/autenticacion/recuperar.css') }}">

@endsection

{{-- {} Contenido --}}
@section('contenido')
<form method="POST" action="{{ route('iniciarSesion') }}" id="formulario">

  @csrf

  <input type="text" id="usuario" name="usuario" hidden>
  <input type="text" id="contrasena" name="contrasena" hidden>

  <fieldset class="d-grid gap-2">

    <div id="etiquetaValidacion" class="alert alert-danger d-none p-1 text-center" role="alert">
    </div>

    <div class="form-group">

      <label for="correo">Correo</label>

      <input type="email" class="form-control" id="correo" name="correo" title="Correo">

    </div>

    <div class="form-group">

      <label for="cedula">Cédula</label>

      <input type="text" class="form-control" id="cedula" name="cedula" title="Cédula">

    </div>

    <button id="botonEnviar" class="btn btn-primary">Enviar</button>

  </fieldset>

</form>
@endsection

{{-- {} Pie --}}
@section('pie')

<a class="btn btn-secondary w-100" href="{{ route('inicioSesion') }}">Regresar</a>

@endsection

{{-- {} Programación de la página --}}
@section('programacion')

@parent

{{-- ! --}}
<script src="https://unpkg.com/imask"></script>

{{-- ! --}}
<script type="module" src="{{ asset('vendor/daite/coopdigital/src/public/js/autenticacion/recuperar.js') }}"></script>

@endsection