{% extends 'frontend/layout.html.twig' %}

{% block content %}
<div class="container single-template">
	
    <div class="page-header">
		<div class="row">
				<div class="col-xl-8 col-lg-8">
					<h1 class="page-title">
						Télécharger les données des ministères de {{year}}
					</h1>
				</div>
				<div class="col-xl-4 col-lg-4">
					<a href="{{ path('all_data_indicateurs') }}">
						<span style="background: #009b !important; font-size: 16px; padding: 10px 10px 10px 10px; color: #fff; border: 0; text-align: center; width: 250px; float: right;">
							Télécharger toutes les données
						</span>
					</a>
				</div>
			</div>
	</div>

	<table id="documentTable" class="table table-striped">
        <thead>
        	<th>Ministère</th>
                <th>Fichier</th>
            </thead>
            <tbody>
				<tr>
                    <td>Institut National de la Statistique et de la Démographie</td>
                    <td>
                        <a  class="btn btn-sm btn-secondary" href="{{ path('app_export_indicateurs_ministere', { 'id': 0 }) }}">Exporter</a>   
                    </td>
                </tr>
            {% for ministere in ministeres %}
                <tr>
                    <td>{{ ministere.name}}</td>
                    <td>
                        <a  class="btn btn-sm btn-secondary" href="{{ path('app_export_indicateurs_ministere', { 'id': ministere.id }) }}">Exporter</a>    
                    </td>
                </tr>
            {% endfor %}
            </tbody>
            </table>

	<div class="page-header">
		<div class="row">
				<div class="col-xl-8 col-lg-8">
					<h1 class="page-title">
						Télécharger les données des communes de {{year}}
					</h1>
				</div>
				<div class="col-xl-4 col-lg-4">
					<a href="{{ path('all_data_communes') }}">
						<span style="background: #009b !important; font-size: 16px; padding: 10px 10px 10px 10px; color: #fff; border: 0; text-align: center; width: 250px; float: right;">
							Télécharger toutes les données
						</span>
					</a>
				</div>
			</div>
	</div>

	<table id="documentTable2" class="table table-striped">
        <thead>
        	<th>Commune</th>
                <th>Fichier</th>
            </thead>
            <tbody>
            {% for commune in communes %}
                <tr>
                    <td>{{ commune.name}}</td>
                    <td>
                        <a  class="btn btn-sm btn-secondary" href="{{ path('export_commune', { 'id': commune.id }) }}">Exporter</a>   
                    </td>
                </tr>
            {% endfor %}
            </tbody>
            </table>

</div>
{% endblock %}

{% block js %}
    <script src="{{ asset('plugins/jquery/jquery.min.js') }}"></script>
    <script>
        $(function () {
            $("#documentTable").DataTable({
                "pageLength": 15
            });
        });
    </script>

	<script>
        $(function () {
            $("#documentTable2").DataTable({
                "pageLength": 15
            });
        });
    </script>

    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
{% endblock %}

{% block css %}
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.css') }}">
{% endblock %}