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

{% block page_title %}
  Statistiques de renseignement des indicateurs des communes
{% endblock %}


{% block page_content %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
    {% block box_title %}
        <h2 class="m-0 text-dark" style="margin-bottom : 10px;">
            Situation de validation des Points Focaux
        </h2>
    {% endblock %}
    {% block box_body %}
        <div class="row">
            <div class="col-xl-6 col-sm-6 col-6">
                <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                    <div class="align-self-center">
                        <i class="fas fa-chart-line text-success fa-3x"></i>
                    </div>
                    <div class="text-end">
                        <h3>{{validepf}}</h3>
                        <p class="mb-0">points focaux ont soumis les données</p>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="col-xl-6 col-sm-6 col-6">
                <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                    <div class="align-self-center">
                        <i class="fas fa-map-marker-alt text-danger fa-3x"></i>
                    </div>
                    <div class="text-end">
                        <h3>{{nonvalidepf}}</h3>
                        <p class="mb-0">point focaux n'ont pas soumis les données</p>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            </div>
    {% endblock %}
    {% block box_footer %}
        <h4>Liste des communes pour lesquelles les points focaux n'ont pas validé les données</h4>
        {% for commune in communes %}
            {% set structure = settingsManager.getStructureYear(year.name,null,commune) %}
            {% if (structure and structure.focal2)== false %}
                <span  class="btn btn-sm btn-danger" style="margin-bottom: 5px;">{{commune.name}}</span>
            {% endif %}
        {% endfor %}
    {% endblock %}
        
{% endembed %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
    {% block box_title %}
        <h2 class="m-0 text-dark" style="margin-bottom : 10px;">
            Situation de validation des SE
        </h2>
    {% endblock %}
    {% block box_body %}
        <div class="row">
            <div class="col-xl-6 col-sm-6 col-12">
                <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                    <div class="align-self-center">
                        <i class="fas fa-pencil-alt text-info fa-3x"></i>
                    </div>
                    <div class="text-end">
                        <h3>{{validedpp}}</h3>
                        <p class="mb-0">SE ont validés les données</p>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="col-xl-6 col-sm-6 col-12">
                <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between px-md-1">
                    <div class="align-self-center">
                        <i class="far fa-comment-alt text-warning fa-3x"></i>
                    </div>
                    <div class="text-end">
                        <h3>{{nonvalidedpp}}</h3>
                        <p class="mb-0">SE n'ont pas validés les données</p>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            
        </div>
    {% endblock %}

    {% block box_footer %}
            <h4>Liste des communes pour lesquelles les SE n'ont pas validé les données</h4>
    {% for commune in communes %}
            {% set structure = settingsManager.getStructureYear(year.name,null, commune) %}
            {% if (structure and structure.dpp2)== false %}
                <span  class="btn btn-sm btn-danger" style="margin-bottom: 5px;">{{commune.name}}</span>
            {% endif %}
        {% endfor %}
    {% endblock %}
        
{% endembed %}

{% endblock %}