@extends('front.layout')

@section('pagename')
    - Recuperar contraseña
@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">¿Olvidó su contraseña?</h3>
                                </div>

                                @if (session('success'))
                                    <p class="text-success mb-3">{{ session('success') }}</p>
                                @endif

                                @if (session('error'))
                                    <p class="text-danger mb-3">{{ session('error') }}</p>
                                @endif

                                <form action="{{ route('seller.password.email') }}" 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"
                                               value="{{ old('email') }}"
                                               placeholder="Ingrese su correo electrónico"
                                               required>

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

                                    <div class="text-center mt-3">
                                        <button type="submit" class="btn btn-lg btn-primary w-100">
                                            Enviar enlace de recuperación
                                        </button>
                                    </div>
                                </form>

                                <div class="text-center mt-3">
                                    ¿Recuerda su contraseña?
                                    <a href="{{ route('seller.login') }}">Iniciar sesión</a>
                                </div>

                            </div>
                        </div>

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

@endsection