@extends('front.layout')

@section('meta-description', !empty($seo) ? $seo->login_meta_description : '')
@section('meta-keywords', !empty($seo) ? $seo->login_meta_keywords : '')

@section('pagename')
    - Acceso de Vendedor
@endsection

@section('content')

<div class="authentication-area">
    <div class="container">
        <div class="row min-vh-100 align-items-center">
            <div class="col-12">
                <div class="wrapper">
                    <div class="row align-items-center">

                        <div class="col-lg-6 bg-primary-light">
                        <div class="logo mb-3">
                                    <a href="{{ route('front.index') }}">
                                        <img src="{{ !empty($bs->logo) ? asset('assets/front/img/' . $bs->logo) : asset('assets/front/img/logo.png') }}"
                                            alt="Logo">
                                    </a>
                                </div>

                            <div class="content">
                                <div class="svg-image">
                                    <svg class="mw-100"
                                         data-src="{{ asset('assets/front/images/login.svg') }}"
                                         data-unique-ids="disabled"
                                         data-cache="disabled"></svg>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="main-form">

                                <a href="{{ route('front.index') }}" class="icon-link" title="Volver al inicio">
                                    <i class="fal fa-home"></i>
                                </a>

                                <div class="title">
                                    <h3 class="mb-4">Acceso de Vendedor</h3>
                                </div>

                                <form action="{{ route('seller.login.submit') }}" method="POST">
                                    @csrf

                                    <div class="form-group mb-3">
                                        <label for="email" class="mb-1">Correo electrónico</label>
                                        <input type="email"
                                               id="email"
                                               name="email"
                                               class="form-control"
                                               placeholder="Ingrese su correo electrónico"
                                               value="{{ old('email') }}"
                                               required>

                                        @if (Session::has('err'))
                                            <p class="text-danger mb-2 mt-2">{{ Session::get('err') }}</p>
                                        @endif

                                        @error('email')
                                            <p class="text-danger mb-2 mt-2">{{ $message }}</p>
                                        @enderror
                                    </div>

                                    <div class="form-group mb-3">
                                        <label for="password" class="mb-1">Contraseña</label>
                                        <input type="password"
                                               id="password"
                                               name="password"
                                               class="form-control"
                                               placeholder="Ingrese su contraseña"
                                               required>

                                        @error('password')
                                            <p class="text-danger mb-2 mt-2">{{ $message }}</p>
                                        @enderror
                                    </div>

                                    @if (!empty($bs) && $bs->is_recaptcha == 1)
                                        <div class="form_group mb-3">
                                            <div class="d-block mb-4">
                                                {!! NoCaptcha::renderJs() !!}
                                                {!! NoCaptcha::display() !!}
                                                @if ($errors->has('g-recaptcha-response'))
                                                    <p class="text-danger mb-0 mt-2">
                                                        {{ $errors->first('g-recaptcha-response') }}
                                                    </p>
                                                @endif
                                            </div>
                                        </div>
                                    @endif

                                    <div class="row align-items-center">
                                        <div class="col-sm-6 col-xs-12">
                                            <div class="link">
                                                <a href="{{ route('seller.password.request') }}">¿Olvidó su contraseña?</a>
                                            </div>
                                        </div>

                                        <div class="col-sm-6 col-xs-12">
                                            <div class="link go-signup text-sm-end">
                                                ¿No está registrado?
                                                <a href="{{ route('seller.register') }}">Crear cuenta de vendedor</a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="text-center mt-3">
                                        <button type="submit" class="btn btn-lg btn-primary w-100">
                                            Iniciar sesión
                                        </button>
                                    </div>

                                </form>

                            </div>
                        </div>

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

@endsection