@extends('layouts.app')

@section('content')
    <div id="wrapper">
        <div class="vertical-align-wrap">
            <div class="vertical-align-middle auth-main">
                <div class="auth-box" style="min-height: 300px;">
                    <div class="mobile-logo">
                        <a href="index.html"><img src="{{asset("/images/logo.png")}}" alt="Formar Educando"></a>
                    </div>
                    <div class="auth-left">
                        {{--                        <div class="left-top">--}}
                        {{--                            <a href="index.html">--}}
                        {{--                                <img src="{{asset("/images/logo.png")}}" alt="Formar Educando">--}}
                        {{--                            </a>--}}
                        {{--                        </div>--}}
                        <div class="left-slider">
                            <img src="{{asset("/images/logo.jpg")}}" class="img-fluid" alt="">
                        </div>
                    </div>
                    <div class="auth-right">
                        <div class="card" style="padding: 0;">
                            <div class="header">
                                <p class="lead">Inicio de sesión</p>
                            </div>
                            <div class="body">
                                <form class="form-auth-small" action="{{route('login')}}" method="POST" novalidate>
                                    @csrf
                                    <div class="form-group">
                                        <label for="signin-email"  class="control-label sr-only">E-mail</label>
                                        <input type="email" class="form-control" id="signin-email" value="" name="email" placeholder="Correo electrónico" required>
                                    </div>
                                    <div class="form-group">
                                        <label for="signin-password"  class="control-label sr-only">Contraseña</label>
                                        <input type="password" class="form-control" id="signin-password" name="password" value="" placeholder="Contraseña" required>
                                    </div>
                                    <button type="submit" class="btn btn-primary btn-lg btn-block">INGRESAR</button>
{{--                                    <div class="bottom">--}}
{{--                                        <span class="helper-text m-b-10"><i class="fa fa-lock"></i> <a href="{{route("password.request")}}">Recuperar contraseña</a></span>--}}
{{--                                        <span><a href="{{route("register")}}">Registrarse</a></span>--}}
{{--                                    </div>--}}
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection