{% extends '@AdminLTE/layout/suiodd-layout.html.twig' %}

{% block page_title %}{% trans %}output.ministry.title{% endtrans %}{% endblock %}


{% block page_content %}

    {% if datas['rows'] %}
 
        
        {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
            {% set boxtype = 'primary' %}
            {% block box_title %}TEF Global{% endblock %}
            {% block box_body %}
                <table id="outputMinistryTable" class="table table-striped">
                <thead>
                    <th>Code</th>
                    <th>Pilier</th>
                    <th style="width: 50px"># Act.</th>
                    <th style="width: 150px">Mt. Programmés</th>
                    <th style="width: 80px">Mt. Réalisés</th>
                    <th style="width: 80px">TEF (%)</th>
                </thead>
                {% for row in datas['rows'] %}
                <tr>
                    <td>{{ row['code'] }}</td>
                    <td>{{ row['name'] }}</td>
                    <td class="text-center">{{ row['nbActivity'] }}</td>
                    <td class="text-right">{{ row['sumExpectedCost']|number_format(0, ',', ' ') }}</td>
                    <td class="text-right">{{ row['sumRealizedCost']|number_format(0, ',', ' ') }}</td>
                    <td class="text-right">{{ row['rate']|number_format(2, ',', ' ') }}</td>
                </tr>
                {% endfor %}
                </table>
            {% endblock %}

            {% block box_footer %}
            <form name="output_ministry_export" method="post" action="{{ path('app_output_ministry_export') }}">
                <input type="hidden" name="datas" value="{{ datas|json_encode() }}"/>
                <div class="row">
                    <div class="col-sm-3">
                        <button type="submit" class="btn btn-block btn-primary">{% trans %}basics.export{% endtrans %}</button>
                    </div>
                    <div class="col-sm-9"></div>
                </div>
            </form>
            {% endblock %}
        {% endembed %}

    {% endif %}

    

{% endblock %}

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