{% extends "default_backend.html" %}
{% block content %}
<h4>Fans Registrados</h4>
<div class="table-responsive">
	<table class="table table-condensed table-bordered table-striped">
		<thead>
			<tr>
				<th>ID</th>
				<th width="500">Nombres</th>
				<th width="300">Email</th>
				<th>Fecha Nacimiento</th>
				<th>Tel&eacute;fono</th>
			</tr>
		</thead>
		<tbody>
			{% for fan in fans %}
			<tr>
				<td>{{ fan.id }}</td>
				<td>{{ fan.nombre }}</td>
				<td>{{ fan.email }}</td>
				<td>{{ fan.fecha_nacimiento }}</td>
				<td>{{ fan.telefono }}</td>
			</tr>
			{% endfor %}
		</tbody>
	</table>
</div>
<div class="nav">
    <ul class="pager">
        {% if fans.has_previous %}
            <li><a href="?page={{ fans.previous_page_number }}">anterior</a></li>
        {% endif %}
		&nbsp;&nbsp;
        <li class="current">
            P&aacute;gina {{ fans.number }} de {{ fans.paginator.num_pages }}.
        </li>
		&nbsp;&nbsp;
        {% if fans.has_next %}
            <li><a href="?page={{ fans.next_page_number }}">siguiente</a></li>
        {% endif %}
    </ul>
</div>
{% endblock %}