@extends('layouts.app')

@section('assets')
  <!-- This page plugin CSS -->
  <link href="{{asset('css/inicio.css')}}" rel="stylesheet">
@endsection

@section('scripts')

@endsection

@section('content')
<div class="section_general">
  <div class="container py-5">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <div class="card">
          <div class="card-header">Administrador</div>

          <div class="card-body">
            @error('incorrect')
              <div class="col-12">
                <div class="alert alert-danger">
                  <p class="mb-0 pl-0 pr-0"><small>{{ $message }}</small></p>
                </div>
              </div>
            @enderror
            <form method="POST" action="{{ route('login.admin') }}">
              @csrf

              <div class="form-group row">
                <label for="user" class="col-md-4 col-form-label text-md-right">Usuario</label>

                <div class="col-md-6">
                  <input id="user" type="text" class="form-control @error('user') is-invalid @enderror" name="user"
                    value="{{ old('user') }}" required autocomplete="user" autofocus>

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

              <div class="form-group row">
                <label for="password" class="col-md-4 col-form-label text-md-right">Contraseña</label>

                <div class="col-md-6">
                  <input id="password" type="password" class="form-control @error('password') is-invalid @enderror"
                    name="password" required autocomplete="current-password">

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

              <div class="form-group row">
                <div class="col-md-6 offset-md-4">
                  <div class="form-check">
                    <input class="form-check-input" type="checkbox" name="remember" id="remember"
                      {{ old('remember') ? 'checked' : '' }}>

                    <label class="form-check-label" for="remember">
                      {{ __('Remember Me') }}
                    </label>
                  </div>
                </div>
              </div>

              <div class="form-group row mb-0">
                <div class="col-md-8 offset-md-4">
                  <button type="submit" class="btn btn-primary">
                    {{ __('Login') }}
                  </button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection