@include('header-excel')
@include('navigator_menu_principal')
<link href="{{asset('components/datatables/media/css/jquery.dataTables.min.css')}}" rel="stylesheet">
<style>
	.col {
		font-size: 11px;
	}
</style>

<div class="container">
      <div class="col-md-12 h3 text-center">Status Imperium - Personalización</div>
    
<form name="form_impe_status" id="form_impe_status" method="post" class="form-signin">
{{ csrf_field() }}

<div class="row">
		<!--div class="col-md-3 col-md-offset-1"-->
		
		<div class="col-md-6 col-md-offset-2">
			  <label for="cliente">Cliente</label>
			  <select name="cliente" id="cliente" class="form-control campos">
				  <option value="0">GENERICO...</option>
				  @foreach ($clientes as $cli)
				    <option value="{{$cli->cliente}}">{{$cli->nombre_cliente}} (Cod. {{$cli->cli_codigo}})</option>
				  @endforeach
			  </select>
		</div>

		<div class="col-md-2 text-left" style="padding-bottom: 0px;">
		  	<label><br><br></label>
			<button type="submit" class="btn btn-info btn-fidelitas">Buscar</button>
		</div>

	</div>
</form>

	<div class="col-md-12 text-center" >
		<img id="loading" src="/images/loading.gif" class="hidden" width="50px">   
		<div class="col-md-12 text-center" id="tabla_datos">
		</div>
	</div>

</div>



<script language="javascript" type="text/javascript">
	

 $(document).on('change',".campos",function(e){
      e.preventDefault();
      $('#tabla_datos').html('');
  }); 

    $(document).on('submit',"#form_impe_status",function(e){
	    e.preventDefault();
	    $('#tabla_datos').html('');
        $.ajax({
          method: "POST",
          url: "/led/led-impe-status",
          data: $('#form_impe_status').serialize(),
          beforeSend: function(){
            $('#loading').removeClass('hidden').show(); 
          },
          success: function(data){
            $('#loading').addClass('hidden');
            $('#tabla_datos').html(data);
          },
          error: function(err){
            mensaje('Error en la Busqueda');  
          }
        });        
      });

      $(document).on('click',".cerrar-impe",function(e){
	    	e.preventDefault();
	     	$('#tabla_datos').html('');
      });

 			$(document).on('click',".grabar-impe",function(e){
	    	e.preventDefault();
	    	$.ajax({
          method: "POST",
          url: "/led/led-impe-status-grabar",
          data: $('#form_impe_status_datos').serialize(),
          beforeSend: function(){
            $('#loading').removeClass('hidden').show(); 
          },
          success: function(data){
            $('#loading').addClass('hidden');
          },
          error: function(err){
            mensaje('Error');  
          }
        });      
	     	$('#tabla_datos').html('');
      });






</script>


@include('footer')