@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="{{asset('vendor/jquery-confirm2/dist/jquery-confirm.min.css')}}">
<!-- <link rel="stylesheet" href="{{asset('vendor/select2/select2.min.css')}}"> -->
<!-- <link rel="stylesheet" href="{{asset('vendor/select2-bootstrap4/dist/select2-bootstrap4.min.css')}}"> -->
<link rel="stylesheet" href="{{asset('vendor/monkeymonk-jquery.loader/jquery.loader.css')}}">
@endsection
@section('content')
<div class="container">
  <div class="col-md-12 ml-auto mr-auto">
    <form class="form" id="formulary">
      <div class="card card-login">
        <div class="card-header ">
          <div class="card-header">
            <h4 class="header text-center mt-0">TRÁMITES DE LICENCIAS</h4>
            <hr>
          </div>
        </div>
        <div class="card-body">
        	<h6>Datos Personales</h6>
          <div class="row">
            <div class="form-group col-md-4">
              <label>Documento</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <i class="far fa-address-card"></i>
                  </span>
                </div>
                <input type="text" class="form-control" name="documento" id="documento" value="">
              </div>
            </div>
					</div>
					<div class="row">
            <div class="form-group col-md-4">
              <label>Apellido Paterno</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <i class="nc-icon nc-single-02"></i>
                  </span>
                </div>
                <input type="text" class="form-control" name="paterno" id="paterno" value="">
              </div>
            </div>
            <div class="form-group col-md-4">
              <label>Apellido Materno</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <i class="nc-icon nc-single-02"></i>
                  </span>
                </div>
                <input type="text" class="form-control" name="materno" id="materno" value="">
              </div>
            </div>
            <div class="form-group col-md-4">
              <label>Nombres</label>
              <div class="input-group">
                <div class="input-group-prepend">
                  <span class="input-group-text">
                    <i class="nc-icon nc-single-02"></i>
                  </span>
                </div>
                <input type="text" class="form-control" name="nombres" id="nombres" value="">
              </div>
            </div>
          </div>
					<div class="row">
						<div class="col">
							<div class="form-group text-center">
								<div class="d-flex justify-content-center">
									<div class="g-recaptcha" data-sitekey="6LdtAfoSAAAAANbNT_vL65Gsi3WY4eBx3vX2-HUV" data-callback="correctCaptcha"></div>
								</div>
								<label id="recaptchaError" class="d-none invalid-feedback text-danger">Captcha requerido.</label>
							</div>
						</div>
					</div>
          <button type="button" id="validacion" class="btn btn-success btn-block">
            <i class="fas fa-share-square"></i> Validar Datos
          </button>
          
        </div>
        <div class="card-footer ">
          <!-- <a href="javascript:;" class="btn btn-success btn-round btn-block mb-3"></a> -->
        </div>
      </div>
    </form>
  </div>
</div>

@endsection
@section('scripts')
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript" src="{{asset('vendor/jquery-confirm2/dist/jquery-confirm.min.js')}}"></script>
<!-- <script type="text/javascript" src="{{asset('vendor/SmartWizard-master/dist/js/jquery.smartWizard.min.js')}}"></script> -->
<!-- <script type="text/javascript" src="{{asset('vendor/smartwizard/dist/js/jquery.smartWizard.min.js')}}"></script> -->
<script type="text/javascript" src="{{asset('vendor/jquery-validation/dist/jquery.validate.min.js')}}"></script>
<script type="text/javascript" src="{{asset('vendor/jquery-validation/dist/additional-methods.min.js')}}"></script>
<script type="text/javascript" src="{{asset('js/validator.setDefaults.js')}}"></script>

<!-- <script type="text/javascript" src="{{asset('vendor/select2/select2.min.js')}}"></script> -->
<!-- <script type="text/javascript" src="{{asset('vendor/jQuery-Smart-Wizard/js/jquery.smartWizard.js')}}"></script> -->
<script type="text/javascript" src="{{asset('vendor/monkeymonk-jquery.loader/jquery.loader.js')}}"></script>
<script type="text/javascript" src="{{asset('js/web/extranjero.js')}}"></script>

@endsection
