@include('header')
@include('navigator_menu_principal')

<div class="container">

			<div class="row">
			  <div class="col-md-11 h4">Duplicar contraparte de un cliente a otro</div>
			  <div class="col-md-1 text-right"><button type="Button" class="btn btn-primary btn-fidelitas" onclick="location.href='/'"><i class="fa fa-times"></i>Cancelar</button></div>
			</div>
			<form name="form_clientes" id="form_clientes" method="post" class="form-signin">
			{{ csrf_field() }}
			<div class="row">
				<div class="col-md-2">
		            <input type="radio" name="servicio" class="servicio" value="47" checked=true>&nbsp;LED
		            <br><input type="radio" name="servicio" class="servicio" value="73">&nbsp;Imperium
		            <br><input type="radio" name="servicio" class="servicio" value="10">&nbsp;Inquiro Vitae
          		</div>
				<div class="col-md-5 form-group">
					  <label for="cliente">Cliente <b>destino</b></label>
					  <select name="clientea" id="clientea" class="form-control">
						  <option value="0">Seleccione Cliente...</option>
						  @foreach ($clientes as $cli)
						    <option value="{{$cli->cliente}}">{{$cli->nombre_cliente}}</option>
						  @endforeach
					  </select>
				</div>
				<div class="col-md-5 form-group">
					  <label for="cliente">Cliente <b>origen</b></label>
					  <select name="cliente" id="cliente" class="form-control">
						  <option value="0">Seleccione Cliente...</option>
						  @foreach ($clientes as $cli)
						    <option value="{{$cli->cliente}}">{{$cli->nombre_cliente}}</option>
						  @endforeach
					  </select>
				</div>
			</div>
			</form>
	 <div class="row">
				<div class="col-md-12 text-center" >
					<img id="loading" src="/images/loading.gif" class="hidden" width="50px">
				</div>
				<div class="col-md-12 form-group" id="tabla_contrapartes">
				</div>
		</div>
</div>

<div id="modalContraparte" class="modal fade">
    <div class="modal-dialog" style="width:90%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
            <!--div class="h4 text-center">No se han seleccionado contrapartes</div-->
            </div>
        </div>
    </div>
</div>


<script language="javascript" type="text/javascript">
	$(document).ready(function() {


    $(document).on('change',"#clientea",function(e){
      e.preventDefault();
      $('#tabla_contrapartes').html('');
      if ($('#clientea').val() !== 0 && ($('#cliente').val() == $('#clientea').val()))
      {
      	alert ("El cliente origen y destino no puede ser el mismo"); 
      	$('#clientea').val(0); 
      	$('#cliente').val(0); 
      	return; 
      }
      $('#cliente').val(0);
     });


    $(document).on('change',"#cliente",function(e){
      e.preventDefault();
      if ($('.servicio').val() == '' ) 
      	{
      	alert ("Debe seleccionar un servicio"); 
      	return; 
        }
      buscar(); 
  	}); 

    $(document).on('change',".servicio",function(e){
      e.preventDefault();
      if ($('#cliente').val() == 0) { return; }
      buscar(); 
  	}); 

  	function buscar() { 
      	$('#tabla_contrapartes').html('');
        if ($('#clientea').val() == 0) 
        {
      	alert ("Debe seleccionar un cliente destino"); 
      	$('#cliente').val(0); 
      	$('#clientea').focus(); 
      	return; 
        }

        if ($('#clientea').val() !== 0 && ($('#cliente').val() == $('#clientea').val()))
        {
	      	alert ("El cliente origen y destino no puede ser el mismo"); 
	      	$('#cliente').val(0); 
	      	$('#clientea').val(0); 
	      	return; 
        }

	    $.ajax({
            method: "POST",
            url: "/led/led-duplicar-contraparte-2", 
            data: $('#form_clientes').serialize(), 
            beforeSend: function(){
              $('#loading').removeClass('hidden').show(); 
            },
            success: function(data){
              $('#loading').addClass('hidden');
              $('#tabla_contrapartes').html(data);
              table1 = crearDataTableTodos('#tablaContrapartes');
            },
            error: function(err){ 
              mensaje('Error en la Busqueda');  
            }
          });
	}


		$(document).on('click',"#btnDuplicar",function(){
			var cant = 0;
			$.each($('.chk'), function(i, el) {				
				if ( $(this).prop('checked') ) {
					cant++;
				}
			});


  		var select = document.getElementById("clientea"), //El <select>
        value = select.value, //El valor seleccionado
        cliente = select.options[select.selectedIndex].innerText; //El texto de la opción seleccionada

			if (cant == 0) 
			{
				$('.modal-body').html('<div class="h4 text-center">No se ha seleccionado ninguna contraparte</div>');
			}
			else 
			{
				$('.modal-title').html('Duplicar en el cliente ' + cliente);

				
				  $.ajax({
            	  method: "POST",
			            url: "/led/led-duplicar-contraparte-3", 
			            data: $('#frmDuplicarContrapartes').serialize(), 
			            beforeSend: function(){
			              $('#loading').removeClass('hidden').show(); 
			            },
			            success: function(data){
			              $('#loading').addClass('hidden');
			              $('.modal-body').html(data);
			            },
			            error: function(err){ 
			              mensaje('Error en la Busqueda');  
			            }
			          });
				}
		}); 

		
		function crearDataTableTodos(tabla){
		   return $(tabla).DataTable( {
		      "pagingType": "full_numbers",
		      "ordering": true,
		      "order": [[ 1, "asc" ]],
					"columns": [{ "orderable": false }, null, null, null, null, null],
		      "info": true,
		      "lengthMenu": [ [-1, 10, 25, 50, 100], ["Todos", 10, 25, 50, 100] ],
		      "language": {
		        "lengthMenu": "Mostrar _MENU_ registros por página",
		        "zeroRecords": "No se encontraron  resultados para ésa búsqueda",
		        //"info": "Mostrando página _PAGE_ de _PAGES_",
		        "info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
		        "infoEmpty": "No hay registros disponibles",
		        "infoFiltered": "(filtrados de _MAX_ total de registros)",
		        "sSearch":        "Buscar",
		        "oPaginate": {
		          "sFirst":     "Primera",
		          "sPrevious":  "Anterior",
		          "sNext":      "Siguiente",
		          "sLast":      "Última"
		        },
		      }
		    });
		}

	});
</script>

@include('footer')