@extends('web.secciones.layout')
@section('titulo', 'Iniciar Sesión - '.config('app.name'))


@section('head')
<style>

.authentication-form {
    background-size: 100% auto;
    }
</style>
@endsection

@section('bodytags', '')

@section('contenido')
    <!-- Preloader end-->
    <section class="authentication-form">
        <div class="innerpage-decor">
          <div class="innerpage-circle1"><img src="../web/images/Testimonial2.png" alt=""></div>
          <div class="innerpage-circle2"><img src="../web/images/Testimonial1.png" alt=""></div>
        </div>
        <div>
            <h2 class="title text-center"><span>Iniciar Sesión</span></h2>
            <p class="text-center">Inicia sesión y empieza a crear.</p>
            <div class="card">

                @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="p-2 m-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                <form class="theme-form" method="POST" action="{{url('iniciar-sesion')}}">
                    @csrf
                    <div class="form-group">
                        <input class="form-control @error('email') is-invalid @enderror" name="email" type="email" placeholder="Correo electrónico" required value="{{ old('email') }}">
                    </div>
                    <div class="form-group">
                        <input class="form-control @error('password') is-invalid @enderror" required name="password" type="password" placeholder="Contraseña">
                        <div class="show-hide"><span class="show"></span></div>
                    </div>
                    <div class="form-group row">
                        <div class="custom-control custom-checkbox col-3">
                            <input class="custom-control-input" id="remember" type="checkbox"  name="remember" {{ old('remember') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="remember">Recordarme</label>
                        </div>
                        <a class="text-right col-9 theme-link pr-0" href="{{url('recuperar-clave')}}">¿Olvidaste tu contraseña?</a>
                    </div>
                    <div class="form-button text-center">
                        <button class="btn btn-custom btn-lg theme-color" type="submit">Iniciar Sesión</button><br><br>
                        <small><a class="text-right col-6 theme-link" href="{{url('/registro')}}">¿Aún sin cuenta?</a></small>
                    </div>
                    <div class="or-saparator"><span>o</span></div>
                    <h6 class="text-center mt-0 mb-3">Iniciar sesión con:</h6>
                    <div class="form-button text-center social-btns">
                        <button class="btn btn-custom fb" type="submit">Facebook</button>
                        <button class="btn btn-custom ggl" type="submit">Google</button>
                    </div>
                </form>
            </div>
            <p class="text-center mt-4">
                <a href="{{url('/')}}" class="theme-link"> Volver Atras</a>
            </p>
        </div>
      </section>
@endsection

@section('scripts')
@endsection