@extends('layouts.app')

@section('content')
<main id="idContenedor">

<section id="secLogin">
    <div class="container">
        <div class="mitad">
            <img src="{{asset('img/dsk/ilus_landing-8.png')}}" alt="">
        </div>
        <div class="mitad">
            <div class="contFormulario">
                <form class="formInfo" action="{{ route('login') }}" method="post">
                    @csrf
                    <h1>Iniciá sesión</h1>
                    @if(session()->has('error'))
                    <div class="alert alert-danger" role="alert">
                     Usuario y/o clave incorrecto.<br> Compruebe los datos e intente nuevamente.
                    </div>
                    @endif
                    <input type="text" placeholder="Usuario" name="usuario" require>
                    <input type="password" placeholder="Clave" name="clave" require>
                    <div class="contbtn">
                        <a class="abtn" onclick="this.closest('form').submit();return false;" href="#">Ingresar</a>
                        <a class="abtn mobile" onclick="this.closest('form').submit();return false;" href="#">Ingresar</a>
                    </div>
                </form>
                <div class="contbtn">
                    <a class="abtnRegistro" target="_blank" href="https://altapas.spseguros.com.ar/register">Registrate acá</a>
                    <p class="ptexto">¿Olvidaste tu contraseña?</p>
                    <a class="abtnolvidaste" target="_blank" href="http://tuclave.spseguros.com.ar/2/recuperar">Hacé click acá</a>
                </div>
            </div>

        </div>
    </div>
</section>

</main>
@endsection