@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">País</th>
	    	<th class="text-center">Nombre</th>
	    	<th class="text-center">Tipo</th>
	    	<th class="text-center">Ciudad</th>
	    	<th class="text-center">Provincia</th>
	    	<th class="text-center">Identificación</th>
		</tr>
		</thead>
		<tbody>

			@foreach($data as $k => $persona)
			<tr class="prow" data-id-padron="{{ $persona->id_padron }}">
				<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->identificador }}</td>
				<td class="text-center">{{ $persona->localidad }}</td>
				<td class="text-center">{{ $persona->provincia }}</td>
				<td class="text-center">{{ $persona->identificacion }}</td>
			</tr>
			@endforeach
		</tbody>
		<tfoot></tfoot>
	</table>
	<style>
		.prow { cursor:pointer; }
		.prow:hover { text-decoration: underline; }
	</style>
	<script language="javascript" type="text/javascript">
		$(document).ready(function() {
			$('#tablaBusqueda').DataTable().destroy();
			$('#tablaBusqueda').DataTable({
				"pagingType": "full_numbers",
				"ordering": true,
				"info":  true,
				"lengthMenu": [ [10,20,30,40,100,-1], [10,20,30,40,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