@if (empty($data))
<div class="col-md-12 text-center">---- @traducir('No se encontraron resultados','No se encontraron resultados') ----</div>
@else
<link rel="stylesheet" type="text/css" href="../components/flag-icon-css-master/css/flag-icon.min.css">
	<table class="table table-hover table-condensed" id="tablaBusqueda">
	 	<thead>
	  	<tr class="btn-fidelitas">
	    	<th class="text-center">@traducir('País','País')</th>
	    	<th class="text-center">@traducir('Nombre','Nombre')</th>
	    	<th class="text-center">@traducir('Tipo','Tipo')</th>
	    	<th class="text-center">@traducir('Identificación','Identificación')</th>
		</tr>
		</thead>
		<tbody>

			@foreach($data as $k => $persona)
			<tr class="puntero" data-id-padron="{{ $persona->id_padron }}" data-nombre-persona="{{ $persona->nombre_persona }}">
				<td class="text-center"><span class="flag-icon flag-icon-background flag-icon-{{ strtolower($persona->country_code) }}"></span></td>
				<td class="text-left">{{ $persona->nombre_persona }}</td>
				<td class="text-center">{{ $persona->abreviatura }}</td>
				<td class="text-center">{{ $persona->identificacion }}</td>
			</tr>
			@endforeach
		</tbody>
		<tfoot></tfoot>
	</table>
	<style>
		.puntero { cursor:pointer; }
		.puntero:hover { text-decoration: underline; }
	</style>
	<script language="javascript" type="text/javascript">
		$(document).ready(function() {

			$('#tablaBusqueda').DataTable({
											"pagingType": "full_numbers",
											"ordering": true,
											"info":  true,
											"lengthMenu": [ [5,10, 25, 50, 100, -1], [5,10, 25, 50, 100, "Todos"] ],
											"language": {
												"lengthMenu": "Mostrar _MENU_ registros por página",
												"zeroRecords": "No se encontraron  resultados para ésa búsqueda",
												"info": "Mostrando página _PAGE_ de _PAGES_",
												"infoEmpty": "No hay registros disponibles",
												"infoFiltered": "(filtrados de _MAX_ registros totales)",
												"sSearch":        "Buscar",
												"oPaginate": {
													"sFirst":     "Primera",
													"sPrevious":  "Anterior",
													"sNext":      "Siguiente",
													"sLast":      "Última"
												},
											}

			});

		});
	</script>
@endif