{% extends 'backend/basic/base_admin.html.twig' %}

{% block title %} Visiteurs {% endblock %}

{% block body %}

    <h1 class="h3 mb-3">
        <strong>Visiteurs</strong>
    </h1>
    <div class="row">
		<div class="col-12 d-flex">
			<div class="card flex-fill">
				<div class="card-header">
					<h5 class="card-title mb-0">Liste Visiteurs</h5>
				</div>
				<table class="table-visitor">
					<thead>
                        <tr>
                            <th>ID</th>
                            <th>IP</th>
                            <th class="d-none d-xl-table-cell">Date</th>
                            <th>Drapeau</th>
                            <th class="d-none d-xl-table-cell">Pays</th>
                            <th class="d-none d-xl-table-cell">Arrondissement</th>
                            <th class="d-none d-md-table-cell">Ville</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for geolocation in geolocations %}
                        <tr>
                            <td>{{ geolocation.getId() }}</td>
                            <td>{{ geolocation.getIp() }}</td>
                            <td class="d-none d-xl-table-cell">{{ geolocation.getDateAdd()|date("d/m/Y H:i:s") }}</td>
                            <td>{{ geolocation.getCountryEmoji() }}</td>
                            <td class="d-none d-xl-table-cell">{{ geolocation.getCountryName() }}</td>
                            <td class="d-none d-xl-table-cell">{{ geolocation.getDistrict() }}</td>
                            <td class="d-none d-md-table-cell">{{ geolocation.getCity() }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
				</table>
			</div>
		</div>
    </div>
    <script>
        $('.table-visitor').DataTable( {
            "order": [[0, 'desc']]
        } );
    </script>
{% endblock %}