@extends('autenticacion.plantilla')

{{-- {} Título --}}
@section('titulo', 'Inicio de sesión')

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

@parent

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

@endsection

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

  @csrf

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

    @if (Session::get('fail'))
      <div class="alert alert-danger p-1 text-center" role="alert">
        {{ Session::get('fail') }}
      </div>
    @endif

    <div class="form-group">

      <label for="usuario">Usuario</label>

      <input type="text" class="form-control" id="usuario" name="usuario" title="Usuario" value="{{ old('usuario') }}">

    </div>

    <div class="form-group">

      <label for="contrasena">Contraseña</label>

      <input type="password" class="form-control" id="contrasena" name="contrasena" title="Contraseña">

    </div>

    <button class="btn btn-primary">Iniciar sesión</button>

  </fieldset>

</form>
@endsection

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

{{-- <a class="btn btn-primary" href="{{ route('afiliar') }}">Afiliarse</a> --}}

<a class="btn btn-primary flex-grow-1" href="{{ route('obtener') }}">Obtener acceso</a>

<a class="btn btn-primary flex-grow-1" href="{{ route('recuperar') }}">Recuperar contraseña</a>

@endsection

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

@parent

{{-- ! --}}
<script type="module" src="{{ asset('archivos/js/autenticacion/inicio.js') }}"></script>

@endsection
