@extends('layouts.messages')

@section('content')
    <div class="container">

        <div class="card" style="height: 64vh;">
            <div class="card-header">
                <h3>Iniciar Sesión - Administradores</h3>
            </div>

            <div class="card-body">
                <form autocomplete="off" id="loginForm" action="{{ Route('authenticateTeam') }}" method="POST">
                    @csrf
                    <div class="form-group mt-3">
                        <label for="email">Correo electronico</label>
                        <input type="email" class="form-control @error('email') is-invalid @enderror" id="email"
                            name="email" placeholder="Ingresa el correo" value="{{ old('email') }}" required>
                        <span id="error-email" class="text-danger"></span>
                        @if ($errors->has('email'))
                            <span class="text-danger">{{ $errors->first('email') }}</span>
                        @endif
                    </div>

                    <div class="form-group mt-3">
                        <label for="password">Contraseña</label>
                        <input type="password" class="form-control @error('password') is-invalid @enderror" id="password"
                            name="password" placeholder="Ingresa la contraseña" minlength="8"
                            required>
                        @if ($errors->has('password'))
                            <span class="text-danger">{{ $errors->first('password') }}</span>
                        @endif
                    </div>

                    <input type="submit" class="btn btn-success mt-3" id="submitUser" value="Iniciar sesión">

                    @if ($errors->any())
                        <div class="alert alert-danger mt-3">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (Session::has('error-message'))
                        <p class="alert alert-info mt-3">{{ Session::get('error-message') }}</p>
                    @endif

                </form>
            </div>
            <div class="card-footer">
                <small class="container p-4 mt-5"><a class="btn btn-secondary" href="{{ Route('home') }}">
                        Regresar a la pagina principal</a></small>
            </div>
        </div>
    </div>


@endsection