@extends('layouts.app')



@section('seoheader')

    {!! $seo ?? '' !!}

@endsection



@section('content')



    @include('utils.preloader')



    @include('layouts.header')



    <div class="breadcrumb-area">

        <div class="container-fluid custom-container">

            <div class="row justify-content-center">

                <div class="col-md-12">

                    <nav aria-label="breadcrumb">

                        <ol class="breadcrumb">

                            <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>

                            <li class="breadcrumb-item active">Iniciar Sesión</li>

                        </ol>

                    </nav>

                </div>

            </div>

        </div>

    </div>



    <div class="container-fluid custom container mb-5">

        <div class="row justify-content-center">

            <div class="col-md-7">

                <div class="card border-1">

                    <div class="card-body">

                        <h2 class="text-center">Iniciar Sesión</h2>

                        <p class="text-center">¿No tienes una cuenta?

                            <a class="c-pointer" data-toggle="modal" data-target="#modalFormRegister">¡Crea tu cuenta aquí!</a>

                        </p>

                        <form method="POST" action="{{ route('login') }}">

                            @csrf

                            <div class="row justify-content-center">

                                <div class="col-md-8">

                                    <label>Correo electrónico*</label>

                                    <input id="email" type="email" class="form-control border-1 @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                    @error('email')

                                        <span class="invalid-feedback" role="alert">

                                            <strong>{{ $message }}</strong>

                                        </span>

                                    @enderror

                                </div>

                                <div class="col-md-8">

                                    <label>Contraseña</label>

                                    <input id="password" type="password" class="form-control border-1 @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                                    @error('password')

                                        <span class="invalid-feedback" role="alert">

                                            <strong>{{ $message }}</strong>

                                        </span>

                                    @enderror

                                </div>

                                <div class="col-md-8">

                                    <div class="check-box pl-4">

                                        <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                        <label for="remember">recordarme</label>

                                    </div>

                                </div>

                                <div class="col-md-8 text-center">

                                    <button type="submit" class="btn btn-lg btn-impacto text-center border-1">Iniciar sesión</button>

                                </div>

                                <div class="col-md-8 my-3 text-center">

                                    <p class="text-muted">O conectacte a travéz de</p>

                                    <a href="{{ route('loginsocial', ['facebook']) }}" class="btn border border-1 mb-3">

                                        <img width="40" src="{{ asset('storage/resource_multimedia/facebook.png') }}" class="img-fluid" alt="Iniciar sesión con Facebook">

                                    </a>

                                    <a href="{{ route('loginsocial', ['google']) }}" class="btn border border-1 mb-3">

                                        <img width="40" src="{{ asset('storage/resource_multimedia/google.png') }}" class="img-fluid" alt="Iniciar sesión con Google">

                                    </a>

                                </div>

                                <div class="col-md-8 text-center my-3">

                                    <a class="c-pointer text-center" data-dismiss="modal" aria-label="Close" data-toggle="modal" data-target="#modalFormResetPassword">

                                        ¿Olvidaste tu contraseña?

                                    </a>

                                </div>

                            </div>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>







    @include('layouts.newsletter')



    @include('layouts.footer')



    @include('utils.backtop')



@endsection