@php
    $configData = Helper::applClasses();
@endphp
@extends('layouts/fullLayoutMaster')

@section('title', 'Registro')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset(mix('css/base/plugins/forms/form-validation.css')) }}">
    <link rel="stylesheet" href="{{ asset(mix('css/base/pages/page-auth.css')) }}">
@endsection

@section('content')
    <div class="auth-wrapper auth-v2">
        <div class="auth-inner row m-0">
            <!-- Brand logo-->
        @include('content.authentication.auth-logo-v2')
        <!-- /Brand logo-->
            <!-- Left Text-->
            <div class="d-none d-lg-flex col-lg-8 align-items-center p-5">
                <div class="w-100 d-lg-flex align-items-center justify-content-center px-5">
                    @if($configData['theme'] === 'dark')
                        <img class="img-fluid" src="{{asset('images/pages/register-v2-dark.svg')}}" alt="Register V2"/>
                    @else
                        <img class="img-fluid" src="{{asset('images/pages/register-v2.svg')}}" alt="Register V2"/>
                    @endif
                </div>
            </div>
            <!-- /Left Text-->
            <!-- Register-->
            <div class="d-flex col-lg-4 align-items-center auth-bg px-2 p-lg-5">
                <div class="col-12 col-sm-8 col-md-6 col-lg-12 px-xl-2 mx-auto">
                    <h4 class="card-title mb-1">Ingrese su correo y contraseña</h4>
                    @if ($error = $errors->first('equal'))
                        <div class="alert alert-danger" role="alert">
                            <div class="alert-body">
                                {{ $error }}
                            </div>
                        </div>
                    @endif
                    @if ($error = $errors->first('exist'))
                        <div class="alert alert-danger" role="alert">
                            <div class="alert-body">
                                {{ $error }}
                            </div>
                        </div>
                    @endif
                    @if ($error = $errors->first('password'))
                        <div class="alert alert-danger" role="alert">
                            <div class="alert-body">
                                {{ $error }}
                            </div>
                        </div>
                    @endif
                    <form class="auth-register-form mt-2" action="{{route('register-post',['site'=>$configData['site']])}}" method="POST">
                        @csrf
                        <div class="form-group">
                            <label class="form-label" for="name">Nombre</label>
                            <input class="form-control" id="name" type="text" name="name"
                                   placeholder="" aria-describedby="name" tabindex="2"  value="{{old('name')}}"/>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="register-email">Email</label>
                            <input class="form-control" id="email" type="text" name="email"
                                   placeholder="tecsicom@example.com" aria-describedby="register-email" tabindex="2"  value="{{old('email')}}"/>
                        </div>
                        <div class="form-group">
                            <label class="form-label" for="register-password">Contraseña</label>
                            <a href="{{route('auth-forgot-password',['site'=>$configData['site']])}}">
                                <small>olvidó su contraseña?</small>
                            </a>
                            <div class="input-group input-group-merge form-password-toggle">
                                <input class="form-control form-control-merge" id="register-password" type="password"
                                       name="password" placeholder="············"
                                       aria-describedby="register-password" tabindex="3"/>
                                <div class="input-group-append">
                                    <span class="input-group-text cursor-pointer">
                                      <i data-feather="eye"></i>
                                    </span>
                                </div>
                            </div>
                            <div>
                                <label class="form-label" for="register-password2">Repita su contraseña</label>
                                <div class="input-group input-group-merge form-password-toggle">
                                    <input class="form-control form-control-merge" id="register-password2" type="password"
                                           name="password2" placeholder="············"
                                           aria-describedby="register-password" tabindex="3"/>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="custom-control custom-checkbox">
                                <input class="custom-control-input" id="register-privacy-policy" type="checkbox"
                                       tabindex="4" checked/>
                                <label class="custom-control-label" for="register-privacy-policy">Estoy de acuerdo con
                                    los<a
                                        href="javascript:void(0);">&nbsp;términos y condiciones</a></label>
                            </div>
                        </div>
                        <button class="btn btn-primary btn-block" tabindex="5">Registrarse</button>
                    </form>
                    <p class="text-center mt-2">
                        <span>Tienes una cuenta?</span>
                        <a href="{{route('login',['site'=>$configData['site']])}}"><span>&nbsp;Ingresar ahora</span></a>
                    </p>
                    <div class="divider my-2">
                        <div class="divider-text">o regístrate con</div>
                    </div>
                    @include('content.authentication.auth-social-buttons')
                </div>
            </div>
            <!-- /Register-->
        </div>
    </div>
@endsection

@section('vendor-script')
    <script src="{{asset('vendors/js/forms/validation/jquery.validate.min.js')}}"></script>
@endsection

@section('page-script')
    <script src="{{asset('js/scripts/pages/page-auth-register.js')}}"></script>
@endsection