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

<div class="container" style="width: 90%">
	<div class="row">
		<div class="col-md-7 h3">Envío de E-mail de alta ({{$cliente->nombre_cliente}}) @if (isset($todos_pendientes) && $todos_pendientes == 'P') - Contrapartes con documentación pendiente @endif </div>
		<div class="col-md-5 text-right">
			<button type="button" class="btn btn-primary btn-fidelitas" id="btnEmail" data-toggle="modal" data-target="#modalContraparte">Enviar ...</button>
			<button type="button" class="btn btn-primary btn-fidelitas" id="btnContrapartes">Volver a contrapartes</button>
			<button type="button" class="btn btn-primary btn-fidelitas" onclick="location.href='/led/led-clientes'">Volver a clientes LED</button>
		</div>

	</div>

	<form id="frmEmail" method="post" method="/led/led-contrapartes-email-enviar"> 
		{{csrf_field()}}
		<input type="Hidden" name="servicio" value="{{$servicio}}">
		<input type="hidden" name="fecha_expira" value="">


	<table class="table table-condensed table-striped table-hover" id="tablaContrapartes">
		<thead>
			<tr>
				<th class="text-center"><input type="Checkbox" name="todas" id="todas" value="1"></th>
				<th class="text-left">Nombre o razón social</th>
				<th class="text-center">País</th>
				<th class="text-center">Familia</th>
				<th class="text-center" width="15%">Identificación</th>
				<th class="text-left">Contacto</th>
				<th class="text-center" width="10%">Gestión</th>
				<th class="text-center">Ultimo login</th>				
				<th class="text-center">@if (isset($todos_pendientes) && $todos_pendientes == 'P') Cumplimiento @endif</th>				
			</tr>
		</thead>
		<tbody>
			@foreach($contrap as $c => $data)
			<tr>
				<td class="text-center">
					<input type="Checkbox" name="contraparte[]" class="chk" value="{{$data->contraparte}}">
				</td>
				<td class="text-left">{{$data->nombre_persona}}</td>
				<td class="text-center">{{$data->country_name}}</td>
				<td class="text-center">{{$data->familia}}</td>
				<td class="text-center"  width="15%">{{$data->abreviatura}} {{$data->identificacion}}</td>
				<td class="text-left">
					<i class="fa fa-user"></i> {{$data->nombre_contacto}}<br />
					<i class="fa fa-envelope"></i> {{$data->email_contacto}}
				</td>
				<td class="text-center" width="10%">{{$data->desde}}<br />{{$data->hasta}}</td>
				<td class="text-center">{{$data->last_login}}</td>
				<td class="text-center">
					@if (isset($todos_pendientes) && $todos_pendientes == 'P')
					{{ intval(($data->total_cumplidos / $data->total_documentos)  * 100) }}
					@endif
				</td>
			</tr>
			@endforeach 
		</tbody>
		<tfoot></tfoot>
	</table>
	</form>

</div>


<div id="modalContraparte" class="modal fade">
    <div class="modal-dialog" style="width:600px">
        <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" id="modal-title">Enviar e-mail de alta ({{$servicio==ENV('LED_PRODUCTO') ? 'LED' : ($servicio==ENV('IMPE_PRODUCTO') ? 'IMPERIUM' : 'INQUIRO VITAE') }})</h3>
            </div>
            <div class="modal-body" id="modal-body"></div>
        </div>
    </div>
</div>


<form id="frmContrapartes" method="post" action="/led/led-contrapartes">
	{{csrf_field()}}
	<input type="hidden" name="cliente" value="{{$cliente->cliente}}">
	<input type="Hidden" name="servicio" value="{{$servicio}}">
</form>


<script type="text/javascript">
	
	$(document).ready(function() {
		$('#btnContrapartes').on('click', function() {
			$('#frmContrapartes').submit();
		});

		$('#todas').on('click', function() {
			$.each($('.chk'), function(i, el) {
				$(this).prop('checked', $('#todas').prop('checked'));
			});
		});

		$('#btnEmail').on('click', function() {

			var cant = 0;
			$.each($('.chk'), function(i, el) {				
				if ( $(this).prop('checked') ) {
					cant++;
				}
			});
			if (cant > 0) {
				$('#modal-body').html('<div class="h4 text-center">' + cant.toString() + '  contrapartes seleccionadas</div><br/>'+
				'<form id="frmEmail2">'+
				'<div class="row">'+
				'<div class="col-md-4 col-md-offset-4 form-group">'+
				'<label for="fecha_expira2">Fecha expiración linksss</label>'+
				'<div class="input-group date" data-provide="datepicker" data-autoclose="true" data-date-format="dd/mm/yyyy">'+
				'<input id="fecha_expira2" type="text" class="form-control" name="fecha_expira2" value="" required="yes">'+
				'<span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>'+
				'</div>'+
				'</div>'+
				'</div>'+
				'<div class="text-center"><button type="submit" 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></form>');
			}
			else {
				$('#modal-body').html('<div class="h4 text-center">No se han seleccionado contrapartes</div>');
			}

		});

		$('#tablaContrapartes').DataTable({
					"pagingType": "full_numbers",
					"dom" : "if<t>lp",
					"ordering": true,
					"columns": [{ "orderable": false }, null, null, null, null, null, null,  { "orderable": false },null ],
					"searching": true,
					"order": [[ 1, "asc" ]],
					"info":  true,
					"lengthMenu": [ [-1], ["Todos"] ],
					"pageLength": -1,
					"language": {
						"lengthMenu": "Mostrar _MENU_ registros por página",
						"zeroRecords": "No se encontraron resultados",
						//"info": "Mostrando página _PAGE_ de _PAGES_",
						//"info": "Total de Registros: _MAX_", 
						"info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
						"infoEmpty": "No hay registros disponibles",
						"infoFiltered": "(filtered from _MAX_ total records)",
						"sSearch": "Buscar",
						"oPaginate": {
							"sFirst": "Primera",
							"sPrevious": "Anterior",
							"sNext": "Siguiente",
							"sLast": "Última"
						},
					}
				});


		//$(document).on('click', '.btnEnviar', function(e) {
		$(document).on('submit', '#frmEmail2', function(e) {
			
 			e.preventDefault();
			var ajxurl = '';
			var fe = $('#fecha_expira2').val(); 
			$('#frmEmail [name="fecha_expira"]').val(fe); 

			if ($('#frmEmail [name="servicio"]').val() == 47 || $('#frmEmail [name="servicio"]').val() == 10) {
				ajxurl = '/led/led-contrapartes-email-enviar';
			}
			else { 
				if ($('#frmEmail [name="servicio"]').val() == 73) {
					ajxurl = '/imperium/enviar-email-alta';
				}
			}
			if (ajxurl != '') {

				$.ajax({
						method : 'post',
						url : ajxurl,
						data : $('#frmEmail').serialize(),
						beforeSend : function() {
							$('.btnCancelar').prop('disabled', true);
							$('.btnEnviar').prop('disabled', true);
							$('#waitimg').removeClass('hidden');

						},
						success : function(data) {
							$('#modal-body').html(data);

							$.each($('.chk'), function(i, el) {				
								$(this).prop('checked', false);
							});
							
						}

				});

			}

		});

	});

</script>
@include('footer')