@extends('layouts.customapp')
    <div>
		<!-- main-signin-wrapper -->
		<div class="my-auto page page-h">
			<div class="main-signin-wrapper">
				<div class="main-card-signin d-md-flex wd-100p">
				<div class="wd-md-50p login d-none d-md-block page-signin-style p-5 text-white" >
					<div class="my-auto authentication-pages">
						<div>
							<img src="{{URL::asset('assets/img/brand/logo-white.png')}}" class="m-0 mb-4" alt="logo">
							<h5 class="mb-4">Bienvenido a Quiubole con el SATT</h5>
							<p class="mb-5">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting</p>
							<div class="text-center"><a href="{{url('index')}}" class="btn btn-danger text-center">Volver a Inicio</a></div>
						</div>
					</div>
				</div>
				<div class="sign-up-body wd-md-50p">
					<div class="main-signin-header">
						<h2>Bienvenido</h2>
						<h4>Registrate con Nosotros</h4>
						<p>Favor de llenar los siguientes campos:</p>
						<form wire:submit.prevent="registro">
							<div class="form-group">
								<label>Correo electrónico</label> <input class="form-control" wire:model="user_email" placeholder="Ingrese su correo electrónico" type="text">
								{{$user_email}}
							</div>
							<div class="form-group">
								<label>Contraseña</label> <input class="form-control" wire:model="password" placeholder="Ingrese su contraseña" type="password">
							</div>
							<div class="form-group">
								<label>Confirmar contraseña</label> <input class="form-control" wire:model="passwordConfirm" placeholder="Confirme su contraseña" type="password">
							</div>
                            <div>
                                <button class="btn btn-main-primary btn-block" type="submit">Crear Cuenta</button>
                            </div>
						</form>
					</div>
					<div class="main-signup-footer mg-t-10">
						<p>¿Ya tienes una cuenta con nosotros? <a href="{{url('signin')}}">Inicia Sesión</a></p>
					</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /main-signin-wrapper -->
    </div>