@extends('layouts.frontpages')

@section('content')
    @include('partials.header')

    <div class="page auth">
        <div class="left-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <div class="login-wrapper form-group">
                            <h1 class="legend">
                                Estás a un paso de ingresar <span class="frank-hh">a la rosca</span>
                            </h1>
                            <form action="{{ url('login') }}" method="post" class="form-common">
                                @csrf
                                @if (session('danger'))
                                    <div class="form-group">
                                        <div class="alert alert-danger">
                                            {{ session('danger') }}
                                        </div>
                                    </div>
                                @endif
                                @if (session('status'))
                                    <div class="form-group">
                                        <div class="alert alert-success">
                                            {{ session('status') }}
                                        </div>
                                    </div>
                                @endif
                                <div class="form-group">
                                    <label for="username">Correo electrónico:</label>
                                    <input type="text" name="email" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="password">Contraseña:</label>
                                    <input type="password" name="password" class="form-control">
                                </div>
                                <div class="form-group form-group-links">
                                    <p class="form-links">¿No tienes cuenta? <a href="{{ url('registro') }}">Regístrate
                                            aquí</a></p>
                                    <p class="form-links d-none">¿Olvidaste tu contraseña? <a href="#">Haz clic
                                            aquí</a>
                                </div><br>
                                <button class="btn btn-submit" type="submit">Ingresar</button>
                            </form>
                        </div>
                        <div class="form-group">
                            <p class="form-links">¿Olvidaste tu contraseña? <a
                                    href="{{ url('password/reset') }}">Recuperar</a></p>
                        </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        @include('partials.footer')
                    </div>
                </div>
            </div>
        </div>
        <div class="right-section">
            @include('partials.carousel-auth', ['banners' => $auth_banners])
        </div>
    </div>
@stop