@extends('frontend.layout')
@section('content')
<div id="div_terminos" class="display-in w-100 p-2" style="display: none;" >
</div>
<div class="newLanding">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-7 p-0">
                <div class="newLanding__left">
                    <a href="https://www.acerosarequipa.com/">
                        <img src="{{url('').'/images/logowebinar.png'}}" alt="">
                    </a>
                    <h3>{{$evaluacion->tema->nombre}}</h3>
                    <h5>Llena el siguiente formulario para inscribirte al webinar, <b>certificate y participa del sorteo</b></h5>
                    <ul>
                        <li>
                        {{$evaluacion->dia}} de   {{$evaluacion->mes}}
                        </li>
                        
                        <li class="d-block">
                            {{$evaluacion->mes_evaluacion}}
                            @foreach($evaluacion->horarios as $ho)
                               <div class="mr-2">
                                <span >{{$ho->hora}}</span>
                                <span>{{$ho->pais->nombre}}</span>
                               </div>
                                                     
                            @endforeach
                        </li>
                       
                    </ul>
                    <div class="newLanding__left__expositor">
                        <h6>EXPOSITOR:</h6>
                        @foreach($evaluacion->expositores as $e)
                        <p>{{$e->nombre}} /<br> {{$e->cargo}}</p>
                        @endforeach
                        
                    </div>
                </div>
            </div>
            <div class="col-xl-5">
                <div class="newLanding__right">
                    <h4>INSCRÍBETE AQUÍ AL <span>webinar</span>  </h4>
                        <form class="" action="{{route('inscribir.alumno')}}" id="frm_inscribir" route="{{route('gracias')}}" 
                                  jsrouteValidCaptcha="{{route('validarRecaptcha.alumno')}}"
                                  method="post">
                                {{ csrf_field() }}
                                <input type="hidden" id="id_pais2" value="1" />
                                <input type="hidden" id="id_tema" name="id_tema" value="{{$evaluacion->tema->id}}" />
                                <input type="hidden" id="id_tipo_evaluacion" name="id_evaluacion_tipo" value="{{$evaluacion->tipoVirtual()->tipo_evaluacion_id}}" /><!-- comment -->
                                <input type="hidden" id="id_evaluacion" name="id_evaluacion" value="{{$evaluacion->id}}" /><!-- comment -->
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input type="text" placeholder="Nombres" name="nombres" id="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>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" placeholder="Apellido Paterno" id="apellido_paterno" name="apellido_paterno" value="{{old('apellido_paterno')}}" class="form-control @error('apellido_paterno') is-invalid @enderror"/>
                                            @error('apellido_paterno')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" placeholder="Apellido Materno" id="apellido_materno" name="apellido_materno" value="{{old('apellido_materno')}}" class="form-control @error('apellido_materno') is-invalid @enderror"/>
                                            @error('apellido_materno')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input placeholder="Teléfono" 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>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text"  placeholder="Edad"
                                                   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>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <input placeholder="Correo electrónico" type="email" id="correo" 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>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">                                
                                            <div class="login__right__formulario__select">
                                                <select class="form-control @error('t_documento') is-invalid @enderror" name="t_documento" id="t_documento2" >  
                                                    <option value="">Tipo de documento</option>                                          
                                                    @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>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <input type="text" placeholder="Número de documento"
                                                   inputmode="numeric"
                                                   oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" 
                                                   name="dni" id="dni" minlength="8" 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>
                                    
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="login__right__formulario__select">
                                                <select class="form-control @error('pais_id') is-invalid @enderror"
                                                        name="pais_id" id="pais_id2" onchange="$.fn_ajax_get_options_pais2(this,'{{route('get_departamento.alumno')}}', 'departamento_id2')">
                                                    <option value="">País</option>
                                                    @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>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="login__right__formulario__select">
                                                <div class="load" style="display: none;text-align: center;position: absolute;right: 0px;left: 0px;bottom: 0px;top: 0px;background: #4d7dd112;z-index: 100;min-height: auto;">
                                                    <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_id2" onchange="$.fn_ajax_get_options2(this,'{{route('get_provincia.alumno')}}', 'provincia_id2')" >
                                                    <option value="">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>

                                </div>
                                <div class="row " id="div_select_ubi2">                                    
                                    <div class="col-md-12" id="div_select_prov2">
                                        <div class="row ">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <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_id2"  onchange="$.fn_ajax_get_options(this,'{{route('get_distrito.alumno')}}', 'distrito_id2','id_pais2')">

                                                            <option value="">Provincia</option>
                                                        </select>                                        
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <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_id2">
                                                            <option value="">- Seleccione Distrito -</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>    
                                    </div>
                                    <div class="col-md-12" id="div_texto_prov2" >
                                        <div class="row ">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <input type="text"  placeholder="Provincia" 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>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <input type="text" placeholder="Distrito" 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>

                                </div>
                                <div class="row " id="div_texto_ubi2" >
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="pais">&nbsp;</label>
                                            <input type="text" class="form-control @error('pais') is-invalid @enderror" value="{{old('pais')}}" name="pais" id="pais2" />
                                            @error('pais')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror                                        
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <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="departamento2" />
                                            @error('departamento')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                            @enderror                                        
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <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>    
                                    <div class="col-md-6">
                                        <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="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="login__right__formulario__select">
                                                <select class="form-control @error('ocupacion_id') is-invalid @enderror" name="ocupacion_id" id="ocupacion_id">
                                                    <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>
                                    <div class="col-md-12">
                                        <div class="form-group d-flex">
                                            <input type="checkbox" id="chkTerminos" name="chkTerminos" >
                                            <label class="terminos mb-0 mx-1">
                                                Comprendo y acepto los
                                                <a t="frontend.login.panel_terminos" href="#" 
                                                   onclick="$.fn_show_panel(this, '{{route('login.show_panel')}}', 'frm_terminos_inscribir', 'div_terminos', 'landing')">
                                                    Términos de servicio
                                                </a>
                                                , incluido el
                                                <a t="frontend.login.panel_politicas" href="#" 
                                                   onclick="$.fn_show_panel(this, '{{route('login.show_panel')}}', 'frm_terminos_inscribir', 'div_terminos', 'landing')" >
                                                    Acuerdo de usuario y Política de privacidad 
                                                </a>
                                                y el envío de comunicaciones por email.
                                            </label>
                                        </div>
                                        @error('chkTerminos')
                                          <span class="invalid-feedback" role="alert">
                                             <strong>{{ $message }}</strong>
                                          </span>
                                        @enderror
                                    </div>
                                    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
                                    <div class="col-md-12">
                                        <div id="DivRecaptcha" class="g-recaptcha" data-sitekey="{{ env('RECAPTCHA_SITEKEY') }}"></div>
                                        <span class="invalid-feedback" role="alert">
                                            <strong id="gRecaptcha"></strong>
                                        </span>
                                    </div>
                                    
                                    
                                    
                                </div>

                                <div class="login__right__formulario__boton">
                                    <input class="btn btn_blue" value="Enviar inscripción" type="submit" />
                                </div>

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

<form  name="frmGracias" id="frmGracias" action="{{route('gracias')}}" method="post">
    {{ csrf_field() }}
    <input type="hidden" id="id_inscripcion" name="id" value=""/>
    <input type="hidden" id="texto_confirmacion" name="texto_confirmacion" value=""/>
    <input type="hidden" id="status" name="status" value=""/>
</form>
<form id="frm_terminos_inscribir" name="frm_terminos_inscribir">
    <input type="hidden" value="" name="panel" id="vista"/>
</form>
@endsection
@section('scripts')
@endsection