@extends('base.base')

@section('css')
@endsection

@section('form')
  <form class="user" method="POST" class="needs-validation" action="/" >
    @csrf  
    <div class="form-group">
      <input type="text" class="form-control form-control-user" id="name" name="name" placeholder="Ingresa tu usuario" required>
      <div class="invalid-feedback">
        Favor de ingresar su usuario
      </div>
    </div>
    <div class="form-group">
      <input type="password" class="form-control form-control-user" id="password" name="password" placeholder="Ingresa tu contraseña" required>
      <div class="invalid-feedback">
        Favor de ingresar su contraseña
      </div>
    </div>
    <div>
      <a class="small" href="/recuperarContraseña">¿Olvidaste tu contraseña?</a>
    </div>
    <hr>
    <button type="submit" class="btn btn-primary btn-user btn-block">
      Ingresar
    </button>
    <hr>
    @if (session('message'))
      <div class="alert alert-warning text-center">
        {{ session('message') }}
      </div>
    @endif
  </form>
@endsection

@section('js')
@endsection

