@extends('layouts.auth')

@section('title', 'Login')

@section('content')
    <div class="wrapper">
        <div class="container">
            <div class="row justify-content-center align-items-center pt-1">
                <div class="col-md-5 d-none d-md-flex">
                    <img src="./assets/img/imglogin.png" class="img-fluid" alt="">
                </div>
                <div class="col-md-4">
                @if($errors->any())
                <div class="col-md-12" style="border-radius: 25px; color:white;  background: red; margin-bottom:1rem;  padding: 15px; text-align:center;  ">
                      Datos incorrectos.
                    </div>
                @endif

                @if(session('error'))
                <div class="col-md-12" style="border-radius: 25px; color:white;  background: red; margin-bottom:1rem;  padding: 15px; text-align:center;  ">
                {{ session('error') }}
                    </div>
                @endif

                    <form action="{{ route('login') }}" method="POST" id="loginemisor" name="loginemisor">
                        @csrf
                        <h3 class="font-weight-bold h4 mb-3 text-info text-center">
                            Iniciá sesión
                        </h3>

                        <div class="form-group has-prepend mb-3">

                            <div class="icon-prepend">
                                <i class="far fa-user text-info"></i>
                            </div>
                            <input
                                type="text"
                                class="form-control is-rounded border-0 text-center text-info input-info font-weight-bold"
                                placeholder="usuario"
                                name="usuario"
                                required
                            >
                        </div>
                        <div class="form-group has-prepend mb-3">
                            <div class="icon-prepend">
                                <i class="fa fa-lock-open text-info"></i>
                            </div>
                            <input
                            type="password"
                            class="form-control is-rounded border-0 text-center text-info input-info font-weight-bold"
                            placeholder="clave"
                            name="clave"
                            required
                            >
                        </div>

                        <div class="text-center">
                            <button type="submit" class="btn mb-3 is-rounded px-4 w-50 btn-danger font-weight-bold">
                                Ingresar
                            </button>
                        </div>

                        <div class="text-center d-none">
                            <div>
                                <a href="" class="font-weight-light mb-3 d-inline-block">
                                    Registrate acá
                                </a>

                                <p class="font-weight-light mb-1">
                                    ¿Olvidaste tu contraseña?
                                </p>

                                <a href="" class="font-weight-light text-danger m-0 text-decoration-none d-inline-block">
                                    Hacé click acá
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="text-right pt-5">
                <!--a href="https://www.clubsanpa.com.ar/" target="_blank"><img
                    src="./assets/img/clubsanpa.png"
                    style="width: 100px;"
                    alt="Club sampa"
                ></a-->
            </div>
        </div>
    </div>
@endsection