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

{% block page_title %}
  Statistiques de renseignement des indicateurs des ministères
{% 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 ministères pour lesquelles les points focaux n'ont pas validé les données</h4>
        {% for ministere in ministeres %}
            {% set structure = settingsManager.getStructureYear(year.name,ministere) %}
            {% if (structure and structure.focal)== false %}
                <span  class="btn btn-sm btn-danger" style="margin-bottom: 5px;">{{ministere.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 DPAF
        </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">DPAF 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">DPAF n'ont pas validés les données</p>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            
        </div>
    {% endblock %}

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


<h2>Statistiques de renseignement des PTA des ministères</h2>

{% 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>{{validepf2}}</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>{{nonvalidepf2}}</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 ministères pour lesquelles les points focaux n'ont pas validé les données</h4>
        {% for ministere in ministeres %}
            {% set structure = settingsManager.getStructureYear(year.name,ministere) %}
            {% if (structure and structure.focal2)== false %}
                <span  class="btn btn-sm btn-danger" style="margin-bottom: 5px;">{{ministere.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 DPAF
        </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>{{validedpp2}}</h3>
                        <p class="mb-0">DPAF 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>{{nonvalidedpp2}}</h3>
                        <p class="mb-0">DPAF n'ont pas validés les données</p>
                    </div>
                    </div>
                </div>
                </div>
            </div>
            
        </div>
    {% endblock %}

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

{% endblock %}