@extends('frontend.layout')
@section('content')
<section class="login">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-8 pl-0">
                <div class=" d-flex align-items-center" >
                    <img src="{{url('').'/images/banner-academia-logos.png'}}" alt="" class="img-fluid" style="max-height: 100vh;width: 100%;">                    
                </div>
            </div>
            <div class="col-xl-4">
                <div class="login__right d-flex align-items-center">
                    <div class="login__right__registro">
                        <div class="login__right__contenedor text-center">
                            <h3>Iniciar sesión para<br> comenzar la evaluación</h3>
                            <ul class="text-center">
                                <li>¿No estás registrado?</li>
                                <li>
                                    <a href="#" id="registrateSesion">Regístrate aquí</a>
                                </li>
                            </ul>
                        </div>
                        <div class="login__right__formulario">
                            <form class="" id="frm_login_alumno" action="{{route('login.alumno_lastweb')}}" method="post">
                                {{ csrf_field() }}
                                <div class="form-group">
                                    <label for="">Documento de identidad</label>
                                    <input type="text" 
                                           inputmode="numeric"
                                           oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 
                                           name="dni_login" value="" class="form-control">

                                </div>
                                <div class="form-group">
                                    <label for="">Correo electrónico</label>
                                    <input type="text" name="correo_login" value="" class="form-control">
                                    @if (session('correo'))
                                    <div class="alert alert-danger">
                                        {{ session('correo') }}
                                    </div>
                                    @endif
                                </div>
                                <div class="login__right__formulario__boton">
                                    <input type="submit" class="form-control" name="" value="Ingresar">
                                </div>
                            </form>
                        </div>
                        @if (session('dni'))
                        <script type="text/javascript">

                            swal('{{ session('dni') }}', '', 'warning');
                        </script>
                        @endif
                    </div>
                    <div class="login__right__inicio" style="display:none;">
                        <div class="login__right__contenedor text-center">
                            <h3>Registrarse para <br>iniciar la evaluación</h3>
                            <ul class="text-center">
                                <li>¿Estás registrado?</li>
                                <li>
                                    <a href="#" id="inicioSesion">Inicio de sesión</a>
                                </li>
                            </ul>
                            <img src="{{ url('/') }}/storage/line.png" alt="" class="img-fluid">
                        </div>
                        <div class="login__right__formulario">
                            <form class="" action="{{route('registrar.alumno')}}" id="frm_registrar" method="post">
                                {{ csrf_field() }}
                                <input type="hidden" id="id_pais" value="1" />
                                <div class="form-group">
                                    <label for="">Nombres</label>
                                    <input type="text" name="nombres" value="{{old('nombres')}}" class="form-control @error('nombres') is-invalid @enderror">
                                    @error('nombres')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Apellido paterno</label>
                                    <input type="text" name="ape_paterno" value="{{old('ape_paterno')}}" class="form-control @error('ape_paterno') is-invalid @enderror">
                                    @error('ape_paterno')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Apellido materno</label>
                                    <input type="text" name="ape_materno" value="{{old('ape_materno')}}" class="form-control @error('ape_materno') is-invalid @enderror">
                                    @error('ape_materno')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>                                
                                <div class="form-group">
                                    <label for="t_documento">Tipo de documento</label>
                                    <div class="login__right__formulario__select">
                                        <select class="form-control @error('t_documento') is-invalid @enderror" name="t_documento" id="t_documento" >                                            
                                            @foreach($tdocumento as $o)
                                            <option value="{{$o->id}}">{{$o->nombre}}</option>
                                            @endforeach
                                        </select>
                                        @error('t_documento')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="dni">Número de documento</label>
                                    <input type="text" 
                                           inputmode="numeric"
                                           oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 
                                           name="dni" id="dni" minlength="11" maxlength="11" value="{{old('dni')}}" class="form-control @error('dni') is-invalid @enderror">
                                    @error('dni')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="edad">Edad</label>
                                    <input type="text" 
                                           inputmode="numeric"
                                           oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 
                                           required="" name="edad" id="edad" value="{{old('edad')}}" class="form-control @error('edad') is-invalid @enderror">
                                    @error('edad')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Correo electrónico</label>
                                    <input type="email" name="correo" value="{{old('correo')}}" class="form-control @error('correo') is-invalid @enderror">
                                    @error('correo')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="">Teléfono</label>
                                    <input type="phone" name="telefono" id="telefono" minlength="7" maxlength="9" value="{{old('telefono')}}" class="form-control @error('telefono') is-invalid @enderror">
                                    @error('telefono')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="pais_id">Pais</label>
                                    <div class="login__right__formulario__select">
                                        <select class="form-control @error('pais_id') is-invalid @enderror" 
                                                name="pais_id" id="pais_id" onchange="$.fn_ajax_get_options_pais(this,'{{route('get_departamento.alumno')}}', 'departamento_id', 'departamento_id')">
                                            @foreach($pais as $o)
                                            <option value="{{$o->id}}">{{$o->nombre}}</option>
                                            @endforeach
                                        </select>
                                        @error('pais_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="w-100" id="div_select_ubi">
                                    <div class="form-group">
                                        <label for="departamento_id">Departamento</label>
                                        <div class="login__right__formulario__select">
                                            <div class="load" style="min-height: auto;display: none;text-align: center;position: absolute;right: 0px;left: 0px;bottom: 0px;top: 0px;background: #4d7dd112;z-index: 100;">
                                                <img src="{{url('').'/image/loader.gif'}}" style="position: absolute;width: 35px;"/>
                                            </div>
                                            <select class="form-control @error('departamento_id') is-invalid @enderror" 
                                                    name="departamento_id" id="departamento_id" onchange="$.fn_ajax_get_options(this,'{{route('get_provincia.alumno')}}', 'provincia_id','id_pais')" >
                                                <option value="">- Seleccione Departamento -</option>
                                                @foreach($departamento as $o)
                                                <option value="{{$o->id}}">{{$o->nombre}}</option>
                                                @endforeach
                                            </select>
                                            @error('departamento_id')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="w-100" id="div_select_prov">
                                        <div class="form-group">
                                            <label for="provincia_id">Provincia</label>
                                            <div class="login__right__formulario__select">
                                                <div class="load" style="min-height: auto;display: none;text-align: center;position: absolute;right: 0px;left: 0px;bottom: 0px;top: 0px;background: #4d7dd112;z-index: 100;">
                                                    <img src="{{url('').'/image/loader.gif'}}" style="position: absolute;width: 35px;"/>
                                                </div>
                                                <select class="form-control @error('provincia_id') is-invalid @enderror" 
                                                        name="provincia_id" id="provincia_id"  onchange="$.fn_ajax_get_options(this,'{{route('get_distrito.alumno')}}', 'distrito_id', 'id_pais')">

                                                    <option value="">- Seleccione Provincia -</option>
                                                </select>                                        
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="distrito_id">Distrito</label>
                                            <div class="login__right__formulario__select">
                                                <div class="load" style="min-height: auto;display: none;text-align: center;position: absolute;right: 0px;left: 0px;bottom: 0px;top: 0px;background: #4d7dd112;z-index: 100;">
                                                    <img src="{{url('').'/image/loader.gif'}}" style="position: absolute;width: 35px;"/>
                                                </div>
                                                <select class="form-control @error('distrito_id') is-invalid @enderror" name="distrito_id" id="distrito_id">                                            
                                                    <option value="">- Seleccione Distrito -</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="w-100" id="div_texto_prov" >
                                        <div class="form-group">
                                            <label for="provincia">Provincia</label>
                                            <input type="text" class="form-control @error('provincia') is-invalid @enderror" value="{{old('provincia')}}" name="provincia" id="provincia2" />                                                
                                            @error('provincia')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                        <div class="form-group">
                                            <label for="distrito_id">Distrito</label>
                                            <input type="text" class="form-control @error('distrito') is-invalid @enderror" value="{{old('distrito')}}" name="distrito" id="distrito2" />                                                
                                            @error('distrito')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="w-100" id="div_texto_ubi" >
                                    <div class="form-group">                                        
                                        <input type="text" class="form-control @error('pais') is-invalid @enderror" value="{{old('pais')}}" name="pais" id="pais" />                                                
                                        @error('pais')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror                                        
                                    </div>
                                    <div class="form-group">
                                        <label for="departamento">Departamento</label>                                                                                 
                                        <input type="text" class="form-control @error('departamento') is-invalid @enderror" value="{{old('departamento')}}" name="departamento" id="departamento" />                                                
                                        @error('departamento')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror                                        
                                    </div>
                                    <div class="form-group">
                                        <label for="provincia">Provincia</label>
                                        <input type="text" class="form-control @error('provincia') is-invalid @enderror" value="{{old('provincia')}}" name="provincia" id="provincia" />                                                
                                        @error('provincia')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                    <div class="form-group">
                                        <label for="distrito_id">Distrito</label>
                                        <input type="text" class="form-control @error('distrito') is-invalid @enderror" value="{{old('distrito')}}" name="distrito" id="distrito" />                                                
                                        @error('distrito')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="ocupacion_id">Ocupación</label>
                                    <div class="login__right__formulario__select">
                                        <select class="form-control @error('ocupacion_id') is-invalid @enderror" name="ocupacion_id" id="ocupacion_id3">
                                            <option value="">- Seleccione ocupación -</option>
                                            @foreach($sector as $s)                                
                                            <optgroup label="{{$s->nombre}}">
                                                @foreach($s->ocupacion as $o)
                                                <option value="{{$o->id}}">{{$o->nombre}}</option>
                                                @endforeach
                                            </optgroup>
                                            @endforeach 
                                        </select>
                                        @error('ocupacion_id')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                        @enderror
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="terminos">
                                        Al crear una cuenta, comprende y acepta los 
                                        <a href="#" data-toggle="modal" data-target="#Terminos">Términos de servicio</a>
                                        , incluido el 
                                        <a href="#" data-toggle="modal" data-target="#Politicas">Acuerdo de usuario y Política de privacidad.</a>
                                    </label>
                                </div>
                                <div class="login__right__formulario__boton">
                                    <input type="submit" class="form-control" name="" value="Registrar">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('scripts')
@endsection