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

<div class="container">

	<div class="row">
		<div class="col-md-6 col-md-offset-3">
			<div class="row">
				<div class="col-md-6 h3">LED - Envío de e-mails</div>
			  <div class="col-md-6 text-right"><button type="Button" class="btn btn-primary btn-fidelitas" onclick="location.href='/'"><i class="fa fa-times"></i>Cancelar</button></div>
			</div>
			<div class="row">
				<div class="col-md-12 form-group">
					<form name="form_clientes" id="form_clientes" method="post" class="form-signin">
						{{ csrf_field() }}
					  <label for="cliente">Cliente</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>
				  </form>
				</div>
			</div>
		</div>
	</div>
	 <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:970px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title"></h3>
            </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('click',"#todas",function(){
			$.each($('.chk'), function(i, el) {
				$(this).prop('checked', $('#todas').prop('checked'));
			});
		});

    $(document).on('change',"#cliente",function(e){
      e.preventDefault();
      console.log($('#cliente').val()); 
      $('#tabla_contrapartes').html('');
          $.ajax({
            method: "POST",
            url: "/led/led-emails-contrapartes", 
            data: $('#form_clientes').serialize(), 
            beforeSend: function(){
              $('#loading').removeClass('hidden').show(); 
            },
            success: function(data){
              $('#loading').addClass('hidden');
              $('#tabla_contrapartes').html(data);
              table1 = crearDataTableTodos('#tablaEmailsContrapartes');
            },
            error: function(err){ 
              mensaje('Error en la Busqueda');  
            }
          });
		}); 

		$(document).on('click',"#btnEmail",function(){
			var cant = 0;
			var texto  = $('#texto').val();
			var asunto = $('#asunto').val();
			$('#asunto').val(asunto.trim()); 
			$('#texto').val(texto.trim()); 
			$.each($('.chk'), function(i, el) {				
				if ( $(this).prop('checked') ) {
					cant++;
				}
			});
			if ($('#asunto').val() == '')
			{
				$('.modal-body').html('<div class="h4 text-center">Falta el Asunto del e-mail</div>');
			}
			else 
			{
				if ($('#texto').val() == '')
				{
					$('.modal-body').html('<div class="h4 text-center">Falta el texto del e-mail</div>');
				}
				else 
				{
					if (cant > 0) 
					{
						$('.modal-body').html('<div class="h4 text-center">' + cant.toString() + '  contrapartes seleccionadas</div><br/><div class="text-center"><button type="button" class="btn btn-primary btn-fidelitas btnEnviar">Enviar e-mail</button> <button type="button" class="btn btn-primary btn-fidelitas btnCancelar" data-dismiss="modal">Cancelar</button></div><div class="row"><div class="col-md-12 text-center hidden" id="waitimg"><img src="/images/loading.gif" border="0" class="img" width="40px" style="padding-top:20px"></div></div>');
					}
					else 
					{
						$('.modal-body').html('<div class="h4 text-center">No se han seleccionado contrapartes</div>');
					}
				}
			}	
		});


		$(document).on('click', '.btnEnviar', function() {
			$.ajax({
						method : 'post',
						url : '/led/led-emails-enviar',
						data : $('#frmEmailContrapartes').serialize(),
						beforeSend : function() {
							$('.btnCancelar').prop('disabled', true);
							$('.btnEnviar').prop('disabled', true);
							$('#waitimg').removeClass('hidden');
						},
						success : function(data) {
							$('.modal-body').html(data);
							$('#asunto').val('Fidelitas Legajo Electrónico Dinámico - '); 
							$('#texto').val(''); 
							$.each($('.chk'), function(i, el) {				
								$(this).prop('checked', false);
							});
						}

			});

		});



		function crearDataTableTodos(tabla){
		   return $(tabla).DataTable( {
		      "pagingType": "full_numbers",
		      "ordering": true,
		      "order": [[ 1, "asc" ]],
					"columns": [{ "orderable": false }, null, null, null, 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')