@extends('front.layout')

@section('pagename')
    - Registro 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">Crear cuenta de vendedor</h3>
                                </div>

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

                                    <div class="row">

                                        <div class="col-md-6 form-group mb-3">
                                            <label>Nombre</label>
                                            <input type="text"
                                                   name="first_name"
                                                   class="form-control"
                                                   value="{{ old('first_name') }}"
                                                   placeholder="Ingrese su nombre"
                                                   required>

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

                                        <div class="col-md-6 form-group mb-3">
                                            <label>Apellido</label>
                                            <input type="text"
                                                   name="last_name"
                                                   class="form-control"
                                                   value="{{ old('last_name') }}"
                                                   placeholder="Ingrese su apellido">

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

                                        <div class="col-md-6 form-group mb-3">
                                            <label>Correo electrónico</label>
                                            <input type="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="col-md-6 form-group mb-3">
                                            <label>Teléfono</label>
                                            <input type="text"
                                                   name="phone"
                                                   class="form-control"
                                                   value="{{ old('phone') }}"
                                                   placeholder="Ingrese su teléfono">

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

                                        <div class="col-md-6 form-group mb-3">
                                            <label>Contraseña</label>
                                            <input type="password"
                                                   name="password"
                                                   class="form-control"
                                                   placeholder="Ingrese la contraseña"
                                                   required>

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

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

                                    </div>

                                    @if (!empty($bs) && $bs->is_recaptcha == 1)
                                        <div class="form-group mb-3">
                                            {!! NoCaptcha::renderJs() !!}
                                            {!! NoCaptcha::display() !!}
                                            @error('g-recaptcha-response')
                                                <p class="text-danger mt-2">{{ $message }}</p>
                                            @enderror
                                        </div>
                                    @endif

                                    <div class="text-center mt-3">
                                        <button class="btn btn-lg btn-primary w-100">
                                            Registrarse
                                        </button>
                                    </div>

                                </form>

                                <div class="text-center mt-3">
                                    ¿Ya está registrado?
                                    <a href="{{ route('seller.login') }}">Iniciar sesión</a>
                                </div>

                            </div>
                        </div>

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

@endsection