@extends('layouts.login')

@section('content')

<div class="limiter">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 col-lg-6 d-flex align-items-center justify-content-cente js-tilt"  
                 style="background-image: url(https://www.avantecds.com/images/slide-01-inicio.jpg);"
            data-tilt>
               <!-- <img id="img_login" src="{{asset('css/images/valle_paz_logo.png') }}" alt="IMG"> -->
            </div>

            <div class="col-md-8 col-lg-6 d-flex align-items-center justify-content-center " style="background-color: white;height: 100vh;">
                <form>
                   
                        {{-- <img class="login100-form-title mx-auto d-block w-75" 
                        src="{{ asset('images/e2835a13d8fe875f8f66faf3989b65b9.png"') }}" alt="Logo"
                        > --}}
                        <img class="login100-form-title mx-auto d-block w-75" src="{{public_path()}}/images/e2835a13d8fe875f8f66faf3989b65b9.png" style="height:50px;" />
                    

                    <div class="wrap-input100 validate-input" data-validate = "Email es requerido" placeholder="email">
                        <!--<input id="usuario" type="text" placeholder="Usuario" class="input100">-->
                         <input id="email" type="text" class="input100 @error('text') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-user" aria-hidden="true"></i>
                        </span>
                    </div>

                    <div class="wrap-input100 validate-input" data-validate = "Clave es requerida">

                        <!--<input id="password" type="password" class="input100" placeholder="contraseña">-->
                        <input id="password" type="password" class="input100 @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
                        <span class="focus-input100"></span>
                        <span class="symbol-input100">
                            <i class="fa fa-lock" aria-hidden="true"></i>
                        </span>
                    </div>

                    <div class="container-login100-form-btn">
                        <button type="button" id="login" class="login100-form-btn">
                            {{ __('Login') }}
                        </button>
                    </div>

                    <div class="text-center p-t-30">
                        <a class="txt1" href="{{ url('recuperar-cuenta') }}">
                            ¿Olvidaste tu contraseña?
                        </a>
                    </div>


                    <div class="text-center p-t-12"  >
                        <span class="txt1">
                            VERSION 2.0
                        </span>

                    </div>


                </form>
            </div>
            @endsection