{% extends 'base_web.html.twig' %}
{% block title %}{{ "Directions Régionales et Départementales du METFPA | " ~ parent() }}{% endblock %}
{% block meta %}
{{ parent() }}
<meta name='keywords' content='daip, direction regionale, direction départementale, direction'/>
<meta name='description' content="Directions Régionales et Départementales du METFPA"/>
<meta property="og:type" content="article" />
<meta property="og:url" content="{{ app.request.uri }}" />
<meta property="og:title" content='Directions Régionales et Départementales du METFPA' />
<meta property="og:description" content="Directions Régionales et Départementales du METFPA" />
{% endblock %}
{% block body %}
<section class='pattern-bg-4'>
    <div class='container mb-3'>    
        <h4 class='title'>Directions Régionales et Départementales</h4>
        <div class='dz-card style-3'>
            <div class='dz-info w-100'>
                <div class='table-responsive'>
                    <table id='dataTableExample' class='table'>
                        <thead>
                            <tr>
                                <th></th>
                                <th>DIRECTION</th>
                                <th>NOM</th>
                                <th>RESPONSABLE</th>
                                <th>CONTACT</th>
                                </tr>
                         </thead>
                        <tbody class='text-secondary'>
                            {% for direction in directions %}
                                <tr>
                                    <td>{{ loop.index }}</td>
                                    <td>{{ direction.type == "DD" ? "Départementale" : "Régionale"  }}</td>
                                    <td>{{ direction.nom }}</td>
                                    <td>{{ direction.responsable }}</td>
                                    <td>{{ direction.contact }}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}