@extends('externo.layout')
@section('contenido')
<!-- Page Title -->
<div class="page-title-area">
    <img src="{!! asset('externo/assets/img/home-one/footer-car.png') !!}" alt="Title">
    <div class="container">
        <div class="page-title-content">
            <h2>Iniciar Sesión</h2>
            <ul>
                <li>
                    <a href="{{ route('index') }}">Inicio</a>
                </li>
                <li>
                    <i class='bx bx-chevron-right'></i>
                </li>
                <li>Iniciar Sesión</li>
            </ul>
        </div>
    </div>
</div>
<!-- End Page Title -->
<!-- Login -->
<div class="login-area ptb-100">
    <div class="container">
        <div class="login-item">
            <form action="{{ route('login.access') }}" method="post" >
                @csrf
                <div class="form-group">
                    <label>Correo Electrónico:</label>
                    <input type="email" class="form-control" placeholder="Correo Electrónico" name="email" required>
                    @error('email')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="form-group">
                    <label>Contraseña:</label>
                    <input type="password" class="form-control" placeholder="Contraseña" name="password" required>
                    @error('password')
                        <span class="text-danger">{{ $message }}</span>
                    @enderror
                </div>
                <div class="text-center">
                    <button type="submit" class="btn login-btn">Iniciar Sesión</button>
                </div>
            </form>
            <span>¿Aun no estas registrado? <a href="{{ route('register.cliente') }}">Registrarse</a></span>
        </div>
    </div>
</div>
<!-- End Login -->
@endsection