@extends('web.master')

@section('content')

<!-- Breadcrumbs -->
<div class="breadcrumbs">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="bread-inner">
					<ul class="bread-list">
						<li><a href="{{ route('home') }}">Inicio<i class="ti-arrow-right"></i></a></li>
						<li class="active"><a href="{{ route('view.web.personas') }}">Área de personas</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Breadcrumbs -->
		
<!-- Start Checkout -->
<section class="shop checkout section">
	<div class="container">
		<div class="row"> 
			<div class="col-lg-6">
				<div class="checkout-form">
					<h2>Iniciar Sesión</h2>
					<!-- Form -->
					<form class="form" method="post" action="{{route('login_personas')}}">
						@csrf
						<div class="row mt-5">
							<div class="col-lg-12">
								<div class="form-group">
									<label>Usuario<span>*</span></label>
									<input type="text" id="email" class="form-control @error('correo_persona') is-invalid @enderror" name="correo_persona" value="{{old('correo_persona')}}" placeholder="Usuario" autocomplete="off" required="required" autofocus>
								</div>
								 @error('email')
					            <span class="invalid-feedback" role="alert">
					                <strong>{{ $message }}</strong>
					            </span>
					            @enderror
							</div>
							<div class="col-lg-12">
								<div class="form-group">
									<label>Contraseña<span>*</span></label>
									<input type="password" id="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="Contraseña" autocomplete="off" required="required">
								</div>
								@error('password')
					            <span class="invalid-feedback" role="alert">
					                <strong>{{ $message }}</strong>
					            </span>
					            @enderror
							</div>
						</div>
						<div class="row">
			                <div class="col-8">
			                   <!--<div class="icheck-primary ml-4">
			                        <input class="form-check-input" type="checkbox" name="remember" id="remember"
			                                        {{ old('remember') ? 'checked' : '' }}>
			                        <label for="remember">
			                            Recordar
			                        </label>
			                    </div>-->
			                </div>
			                <!-- /.col -->
			                <div class="col-4">
			                    <button type="submit" class="btn btn-warning btn-block btn-flat">Acceder</button>
			                </div>
			                <!-- /.col -->
			            </div>
					</form>
					<!--/ End Form -->
				</div>
			</div>
			<div class="col-lg-6">
				
				@if(session('success_register'))
					<div class="alert alert-success">{{ session('success_register') }}</div>
				@endif
				
				<div class="checkout-form">
					<h2>Registrate</h2>
				<form class="form" method="post" action="{{ route('registrar_personas') }}">
						@csrf
						<div class="row mt-5">
							<div class="col-lg-12">
								<div class="form-group">
									<label>Nombre<span>*</span></label>
									<input type="text" id="nombre_persona" class="form-control @error('nombre_persona') is-invalid @enderror" name="nombre_persona" value="{{old('nombre_persona')}}" placeholder="Usuario" autocomplete="off" required="required" autofocus>
								</div>
								 @error('email')
					            <span class="invalid-feedback" role="alert">
					                <strong>{{ $message }}</strong>
					            </span>
					            @enderror
							</div>
							<div class="col-lg-12">
								<div class="form-group">
									<label>Correo<span>*</span></label>
									<input type="email" id="correo_persona" class="form-control @error('correo_persona') is-invalid @enderror" name="correo_persona" value="{{old('correo_persona')}}" placeholder="Correo" autocomplete="off" required="required" autofocus>
								</div>
								 @error('email')
					            <span class="invalid-feedback" role="alert">
					                <strong>{{ $message }}</strong>
					            </span>
					            @enderror
							</div>
							<div class="col-lg-12">
								<div class="form-group">
									<label>Contraseña<span>*</span></label>
									<input type="password" id="password" class="form-control @error('password') is-invalid @enderror" name="clave_persona" placeholder="Contraseña" autocomplete="off" required="required">
								</div>
								@error('password')
					            <span class="invalid-feedback" role="alert">
					                <strong>{{ $message }}</strong>
					            </span>
					            @enderror
							</div>

							<!--<div class="col-lg-12">
								<div class="form-group">
									<label>Confirmar Contraseña<span>*</span></label>
									<input type="password" id="password-confirm" class="form-control @error('password') is-invalid @enderror" name="password_confirmation" placeholder="Confirmar Contraseña" required autocomplete="new-password">
								</div>
								@error('password')
					            <span class="invalid-feedback" role="alert">
					                <strong>{{ $message }}</strong>
					            </span>
					            @enderror
							</div>-->
						</div>
						<div class="row">
			               
			                <div class="col-12">
			                    <button type="submit" class="btn btn-warning btn-block btn-flat">Registrarse</button>
			                </div>
			                <!-- /.col -->
			            </div>
					</form>
				</div>


			</div>
		</div>
	</div>
</section>
<!--/ End Checkout -->

<!-- Start Shop Services Area  -->
<!--<section class="shop-services section home">
	<div class="container">
		<div class="row">
			<div class="col-lg-3 col-md-6 col-12">
				
				<div class="single-service">
					<i class="ti-rocket"></i>
					<h4>Free shiping</h4>
					<p>Orders over $100</p>
				</div>
				
			</div>
			<div class="col-lg-3 col-md-6 col-12">
				
				<div class="single-service">
					<i class="ti-reload"></i>
					<h4>Free Return</h4>
					<p>Within 30 days returns</p>
				</div>
				
			</div>
			<div class="col-lg-3 col-md-6 col-12">
				
				<div class="single-service">
					<i class="ti-lock"></i>
					<h4>Sucure Payment</h4>
					<p>100% secure payment</p>
				</div>
				
			</div>
			<div class="col-lg-3 col-md-6 col-12">
				
				<div class="single-service">
					<i class="ti-tag"></i>
					<h4>Best Peice</h4>
					<p>Guaranteed price</p>
				</div>
				
			</div>
		</div>
	</div>
</section>-->
<script src="{{ asset('theme/js/jquery.min.js') }}"></script>
<script src="{{ asset('theme/js/jquery-ui.min.js') }}"></script>
@endsection