@extends('front.layout')

@section('pagename')
    - Restablecer 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">Restablecer contraseña</h3>
                                </div>

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

                                    <input type="hidden" name="token" value="{{ $token }}">
                                    <input type="hidden" name="email" value="{{ $email }}">

                                    <div class="form-group mb-3">
                                        <label for="email_view" class="mb-1">Correo electrónico</label>
                                        <input type="email"
                                               id="email_view"
                                               class="form-control"
                                               value="{{ $email }}"
                                               readonly>
                                    </div>

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

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

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

                                    <div class="text-center mt-3">
                                        <button type="submit" class="btn btn-lg btn-primary w-100">
                                            Restablecer contraseña
                                        </button>
                                    </div>
                                </form>

                                <div class="text-center mt-3">
                                    Volver a
                                    <a href="{{ route('seller.login') }}">Iniciar sesión</a>
                                </div>

                            </div>
                        </div>

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

@endsection