@extends('_layouts.web')

@section('content')
    <div class="main-content">

        <h3>Consulta de Multas</h3>

        <div class="spacer"></div>
        <div class="spacer"></div>

<script src="https://www.google.com/recaptcha/api.js" async defer></script>


<script>
  function miFuncion() {
    var response = grecaptcha.getResponse();

    if(response.length == 0){
      alert("Captcha no verificado");
      return false;
    } else {
      return true;
    }
  }
</script>

<script>
  function remplazar(cadena) {
    //alert("remplazar");
    var cade = cadena.value;
    cade = cade.replace(".","");
    cade = cade.replace(",","");
    cadena.value = cade;
    //alert("remplazar2");
  }
</script>


<form  method="get" action="{{ route('consulta.comparendo') }}" onsubmit="return miFuncion()">
		<input type="hidden" name="paginaRespuesta" value="./verificar/detalleConsultaEstadoCuenta.jsp"> 
		<input type="hidden" name="accion" value="3"> 
		<input type="hidden" name="accionSolicitada" value="DetalleConsultaEstadoCuenta"> 
		<input type="hidden" name="documentoIdentidad" value=""> 
		<input type="hidden" name="idTipoDocumento" value=""> 
		<input type="hidden" name="IsComp" value="false"> 
		<input type="hidden" name="IsResol" value="false"> 
		<input type="hidden" name="mensajeverificar" value="S"> 
		<input type="hidden" name="protocoloSimit" value="">



    @if(Auth::check())
        <h2>Hola,</h2>
        <div class="box-content">
            <div class="user-auth">
                <div class="user-avatar">
                    <img src="{{ asset('images/user.png') }}">
                </div>
                <div class="user-info">
                    <p class="user-name">{{ Auth::user()->name }} {{ Auth::user()->apellido }}</p>
                    <p class="user-email">{{ Auth::user()->email }} {{ Auth::user()->telefono }}</p>
                    </div>
            </div>
        </div>

    @else

        <h2>Hola, usted debe ingresar al sistema con su usuario y clave para poder realizar pagos y obtener más beneficios.</h2>
        <div class="box-content">
            <div class="user-auth">
                <div class="user-avatar">
                    <img src="{{ asset('images/user.png') }}">
                </div>
                <div class="user-info">
                    <p class="user-logout"><a href="{{ URL::to('login') }}">Ingresa Aquí</a></p>
                    </div>
            </div>
        </div>

    @endif

		<p align="center">
			<br> <br> <font color="60b0b8" size="2"> Consultas <strong> / Estado de Cuenta / Pago Electrónico </strong>
			</font>
		</p>

		<table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
			<tbody><tr align="left" valign="top">
				<td colspan="2">
					<table width="100%" border="0" align="center" cellpadding="10" cellspacing="0" bordercolor="#CCCCCC" class="Columna1">
						<tbody><tr>
							<td align="left" class="backgndTabla">
								<p class="titulo">Estado de cuenta:</p>
							</td>
						</tr>
						<tr>
							<td align="left" class="Cuadro"><span class="fuenteObjeto2"> Digite la información requerida para verificar el estado de cuenta: <br>
							</span> <br>
								<table width="100%" border="0" align="center" cellpadding="5" cellspacing="2">
									<tbody><tr valign="top" class="mensaje">
										<td colspan="2" class="cuerpoVerificar">
											<div align="right">Tipo de Documento:</div>
										</td>
										<td><select class="cuerpoVerificar" name="tipoDocumento" >
												<option value="" selected=""></option>
<option value="7">Carnet Diplomatico</option>
<option value="1" selected="">Cedula</option>
<option value="10">Cedula Ecuatoriana</option>
<option value="3">Cedula Extranjeria</option>
<option value="9">Cédula Venezolana</option>
<option value="4">Nit</option>
<option value="6">Pasaporte</option>
<option value="2">Tarjeta Identidad</option>

										</select></td>
									</tr>
									<tr>
										<td colspan="2" class="cuerpoVerificar">
											<div align="right">No. Documento:</div>
										</td>
										<td><span id="campoIdentificacion">
											<input id="identificacion" name="identificacion" 
											type="text" class="mensaje" maxlength="15" 
											onchange="remplazar(this)" onkeypress="remplazar(this)" ></span></td>
									</tr>
									<tr>
										<td width="96" class="cuerpoVerificar">
											<div align="right">
												<input type="radio" name="radiobutton" value="S" checked="T" >
													Todos
											</div>
										</td>
										<td width="104" class="cuerpoVerificar">
											<div align="right">
												<input type="radio" name="radiobutton" value="C" > Comparendo
											</div>
										</td>
										<td width="167" class="cuerpoVerificar">
											<input type="radio" name="radiobutton" value="R" > Resolución
										</td>
									</tr>
									<tr>
										<td colspan="2" class="cuerpoVerificar">
											<div align="right">Número:</div>
										</td>
										<td><input name="numero" type="text" class="mensaje"></td>
									</tr>


									<tr>
										<td colspan="3" class="cuerpoVerificar">
							                <div  align="center"><br>
							                   <div class="g-recaptcha" 
							                   data-sitekey="{{ env('CAPTCHA1') }}"></div><br>
							                </div>
										</td>
									</tr>

								</tbody></table></td>
						</tr>
					</tbody></table>
				</td>
				<td width="11" background="https://consulta.simit.org.co/Simit/Images/sombra_12.jpg">
					<img src="https://consulta.simit.org.co/Simit/Images/sombra_10.jpg" width="11" height="11"></td>
			</tr>
			<tr align="left" valign="top">
				<td height="12" colspan="2" align="left"
				 background="https://consulta.simit.org.co/Simit/Images/sombra_18.jpg">
					<img src="https://consulta.simit.org.co/Simit/Images/sombra_16.jpg" width="10" height="12"></td>
				<td width="11">
					<img src="https://consulta.simit.org.co/Simit/Images/sombra_19.jpg" width="11" height="12"></td>
			</tr>
			<tr align="left" valign="top">
				<td align="left">
					<div align="right">
						
						 <a href="#"><img src="https://consulta.simit.org.co/Simit/Images/botones/consultar1.gif" 
						 name="consultar" width="83" height="23" border="0" onclick="submit()"></a>
						

						
					</div>
				</td>
			</tr>
		</tbody></table>
		<table width="70%" border="0" align="center" cellpadding="2" cellspacing="2">
			<tbody><tr align="center">
				<td>
					<p>
						<img src="{{ asset('alerta24.png') }}" >
					</p>
				</td>
			</tr>
		</tbody></table>
		
		
	</form>



    </div>
@endsection