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

{% extends extendedTemplate %}

{% block page_title %}{% trans %}norme.title{% endtrans %} - {{commune.name}}{% endblock %}


{% block page_content %}
            <div class="form-group row">   
                <div class="col-6">
                    <div class="text-left">
                        <a href="{{ path('app_communes') }}" class="btn btn-success text-right">
                            <i class="fa fa-arrow-left"></i> Retour
                        </a>
                    </div>
                </div>
                <div class="col-6">
                    <div class="text-right">
                        <a href="{{ path('app_normes_actions_new',  { 'id': commune.id }) }}" class="btn btn-primary text-right">
                            <i class="fa fa-plus"></i> {% trans %}norme.add{% endtrans %}
                        </a>
                    </div>
                </div>
            </div>

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <table id="goalTable" class="table table-striped">
            <thead>
                <th>Cible prioritaire</th>
                <th>Norme d'action</th>
                <th>{% trans %}Nbre d'action{% endtrans %}</th>
                <th>{% trans %}basics.code{% endtrans %}</th>
                <th style="width: 100px"></th>
            </thead>
            <tbody>
            {% for norme in normes %}
                <tr>
                    <td>{{ norme.target.code }}. {{ norme.target.name }}</td>
                    <td>{{ norme.name }}</td>
                    <td>{{ norme.action | length }}</td>
                    <td>{{ norme.code }}</td>
                    <td class="text-center">
                            <div class="btn-group">
                                <a href="{{ path('app_normes_actions_new', { 'id': commune.id, 't': norme.target.id }) }}" class="btn btn-sm btn-default" role="button" aria-pressed="true">{% trans %}basics.update{% endtrans %}</a>
                            </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
            </table>
        {% endblock %}
        
    {% endembed %}
{% endblock %}

{% block javascripts %}
    <script>
        $(function () {
            $("#goalTable").DataTable({
                "pageLength": 25
            });
        });
    </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 %}