{# empty Twig template #}
{% extends '::base.html.twig' %}
{% block menuTop %}

{% endblock %}

{% block dashboard %}
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script src="{{ asset('js/tableExport.js') }}"></script>
    <script src="{{ asset('js/jquery.base64.js') }}"></script>
    <script src="{{ asset('js/jquery.numeric.js') }}"></script>
    <script src="{{ asset('js/jquery.form.js') }}"></script>
    
    <script>
   
     function guardar(){

            data = {};

               
              data['checkIn'] = $("#checkIn").val();  
              data['calidad'] = $("#calidad").val();    
              data['Produccion'] = $("#Produccion").val();   
              data['lpu'] = $("#lpu").val();   
              data['checkOut'] = $("#checkOut").val();   
              data['pais'] = $("#pais").val();   
                              
                
            $.getJSON('{{path('MonitorSmartRsc_ReporteVariables')}}',data, function (data) {

                    
                    
                });
       }
    
    function justNumbers(e)
        {
        var keynum = window.event ? window.event.keyCode : e.which;
        if ((keynum == 8) || (keynum == 46))
            
        return true;
         
       
        return /\d/.test(String.fromCharCode(keynum));
        }
    
    </script>
    <style>
	.reconocer
        {
            background:#32872F;
            color:#ffffff;
           border-radius: 200px 200px 200px 200px;
            -moz-border-radius: 200px 200px 200px 200px;
            -webkit-border-radius: 200px 200px 200px 200px;
            border: 3px solid #000000;
            height: 30px;
            font: oblique bold 120% ;
        }
	.tituloL
	{
		font-size:180%;
		color:#7B7B7D;
		 text-align: right;
		 text-transform:uppercase;
	}
	.titulo
	{
	background:#C4D9AB;
	color:white;
	bold;
	text-transform:uppercase;
        text-align: center;
	}
 

	.relleno
	{
	
	color:white;
	bold;

		
	}	
	.relleno th
	{
		background:#89BA17;
		solid;
		color:white;
		text-align: center;
		text-transform:uppercase;
	}
	    
	
	
	
		.relleno tr:nth-child(even)
	  {
	  	background-color: #EDF3E7;
	  }
	 
	 .relleno  tr:nth-child(odd)
	  {
	  	background-color: #DAE7CC;
	  }
	 		 
	  .relleno  td
	  {
	  	 min-width: 150px;
		 max-width: 150px;
		 overflow: hidden;
	  	 text-transform:uppercase;
	  	 color:#000;
	  }

</style>
<div class="row">
		<div class="col-md-12 col-xs-12 col-sm-12 text-center " style="margin-top: -50px ">
		<Label class="tituloL "  >Variables a Evaluar</Laabel>
                </div>
		<br>
		<div class="col-md-12 col-xs-12 col-sm-12" > 
		&nbsp;
		</div>
		<div class="col-md-12 col-xs-12 col-sm-12 " > 
		
			<table class="table table-bordered relleno" >
			<tr> 
				
				
				<th>CHECKIN</th>
				<th>% MINIMO DE CALIDAD</th>
				<th>Nro. Minimo DE PRODUCCIÓN</th>
				<th>% DE LPU</th>
				<th>CHECK OUT</th>
                          <th>Pais</th>
                        </tr> 
                        <tr>
                            
                            <td><label for="checkIn"><input onkeypress="return justNumbers(event);" id= "checkIn" name="checkIn" type="" placeholder="CheckIn"></label></td>
                            <td><label for="calidad"><input onkeypress="return justNumbers(event);" id= "calidad" name="calidad" type="" placeholder="Calidad"></label></td>
                            <td><label for="produccion"><input onkeypress="return justNumbers(event);" id= "Produccion" name="produccion" type="" placeholder="Produccion"></label></td>
                            <td><label for="lpu"><input onkeypress="return justNumbers(event);" id= "lpu" name="lpu" type="" placeholder="LPU"></label></td>
                            <td><label for="checkOut"><input onkeypress="return justNumbers(event);" id= "checkOut" name="checkOut" type="" placeholder="CheckOut"></label></td>
                            <td>
                                <label for="checkOut">
                                    <select  id= "pais" name="pais" disabled>
                                        <option value="36">El Salvador</option>
                                        <option></option>
                                        <option></option>
                                        <option></option>
                                    </select>
                                </label>
                            </td>
                       
                        </tr>
                        <tr><td colspan="6">&nbsp;</td></tr>
                        <tr>
                            <td colspan="6">
                                <input type="button" value="Registar Variables" id="guardar" class="reconocer" onClick="guardar()">
                                <input style="margin-left:100px" type="button" value="Cancelar" class="reconocer">
                            </td>
                        </table>
			
		</div>
                
	</div>



                     


</div>



{% endblock %}