{% if app.session.get('_application') == 0 %}
    {% set extendedTemplate = '@AdminLTE/layout/mesodd-layout.html.twig' %}
{% endif %}
{% if app.session.get('_application') == 1 %}
    {% set extendedTemplate = '@AdminLTE/layout/suiodd-layout.html.twig' %}
{% endif %}
{% if app.session.get('_application') == 2 %}
    {% set extendedTemplate = '@AdminLTE/layout/cfgodd-layout.html.twig' %}
{% endif %}

{% extends extendedTemplate %}

{% block page_title %}{% trans %}direction.title{% endtrans %}{% endblock %}

{% block page_content %}
    {% if is_granted('ROLE_MANAGER') or is_granted('ROLE_DDD') %}
        <session class="content"/>
            <div class="container-fluid card card-default">
                <div class="card-body">
                        <div class="text-right mb-3">
                            <a href="{{ path('app_direction_new') }}" class="btn btn-primary text-right">
                                <i class="fa fa-plus"></i> {% trans %}direction.add{% endtrans %}
                            </a>
                        </div>
                    {{ form_start(form) }}
                        <div class="form-group row">
                            {% if is_granted('ROLE_MANAGER') %}
                                <div class="col-sm-4">
                                    <label class="col-form-label">Type</label>
                                    {{ form_widget(form.type) }}
                                </div>
                                <div class="col-sm-8"> 
                                    <label class="col-form-label">Liste Ministères/Communes</label>
                                    {{ form_widget(form.entite) }}
                                </div>
                            {% else %}
                                <div class="col-sm-12"> 
                                    <label class="col-form-label">Communes</label>
                                    {{ form_widget(form.entite) }}
                                </div>
                            {% endif %}
                        </div>
                    {{ form_end(form) }}  
                    
                
                </div>
            </div>
        </session>
    {% else %}
                        <div class="text-right mb-3">
                            <a href="{{ path('app_direction_new') }}" class="btn btn-primary text-right">
                                <i class="fa fa-plus"></i> {% trans %}direction.add{% endtrans %}
                            </a>
                        </div>
    {% endif %}
{% if entite %}
    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <table id="directionTable" class="table table-striped">
            <thead>
                <th>{% trans %}basics.code{% endtrans %}</th>
                <th>{% trans %}basics.name{% endtrans %}</th>
                <th>{% trans %}basics.year{% endtrans %}</th>
                <th style="width: 80px">{% trans %}basics.uploadkey{% endtrans %}</th>
                <th style="width: 100px"></th>
            </thead>
            <tbody>
            {% for direction in directions %}
                <tr>
                    <td>{{ direction.code }}</td>
                    <td>{{ direction.name }}</td>
                    <td>{{ direction.years ? max(direction.years) : null }}</td>
                    {% if direction.ministry %}
                        <td>M{{ "%02d"|format(direction.ministry.id) }}-D{{ "%05d"|format(direction.id) }}</td>
                    {% else %}
                        <td>C{{ "%02d"|format(direction.commune.id) }}-D{{ "%05d"|format(direction.id) }}</td>
                    {% endif %}
                    <td class="text-center">
                        <div class="btn-group">
                            <a href="{{ path('app_direction', { 'id': direction.id }) }}" class="btn btn-sm btn-default" role="button" aria-pressed="true">{% trans %}basics.update{% endtrans %}</a>
                            <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <div class="dropdown-menu" role="menu">
                                <a class="dropdown-item" href="#" data-toggle="modal" data-target="#modal-delete-{{ direction.id }}">{% trans %}basics.delete{% endtrans %}</a>
                            </div>

                            <div class="modal fade" id="modal-delete-{{ direction.id }}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title">{% trans %}basics.delete.title{% endtrans %}</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                            <p>{% trans %}direction.delete.message{% endtrans %}</p>
                                            <b>{{ direction.code }}<br>{{ direction.name }}</b>
                                        </div>
                                        <div class="modal-footer justify-content-between">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">{% trans %}basics.no{% endtrans %}</button>
                                            <a href="{{ path('app_direction_delete', { 'id': direction.id }) }}" class="btn btn-danger">{% trans %}basics.yes{% endtrans %}</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
            </table>
        {% endblock %}
    {% endembed %}
{% else %}
    <div class="alert alert-info" role="alert">
        Veuillez sélectionner {% if is_granted('ROLE_MANAGER') %} un ministère ou {% endif %} une commune pour afficher ces directions
    </div>
{% endif %}
{% endblock %}

{% block javascripts %}
     <script>
        let $type = $('#ministry_commune_sel_type');

        $type.change(function() {
            let $form = $type.closest('form');

            let data = {};
            data[$type.attr('name')] = $type.val();

            $.ajax({
                url: $form.attr('action'),
                type: $form.attr('method'),
                data: data,
                success: function(html) {
                    $('#ministry_commune_sel_entite').replaceWith(
                        $(html).find('#ministry_commune_sel_entite')
                    );
                }
            });
        });
    </script>
    <script src="{{ asset('plugins/datatables/French.json') }}"></script>
    <script>
        $(function () {
            $("#directionTable").DataTable({
                "pageLength": 25,
                "language": {
                    "url": "{{ asset('plugins/datatables/French.json') }}"
                }
            });
        });
    </script>

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

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