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

{% block page_title %}
  {% trans %}dashboard.title{% endtrans %} SIODD
  {% if ministry %} - {{ministry.name}} {% endif %}
{% endblock %}


{% block page_content %}
<div class="container-fluid">
  <section>
    {% if not is_granted('ROLE_MANAGER') and not is_granted('ROLE_INSTAD') %}
    <div class="row">
      <div class="col-xl-12 col-sm-12 col-12 mb-4">
        {% if fin %}
          <div class="alert alert-success">
            Vous avez jusqu'au {{ fin |date('d/m/Y')  }} pour envoyer les données de votre ministère.
          </div>
        {% else %}
          <div class="alert alert-danger">
            Vous ne pouvez pas envoyer des données pour cette année. Veuillez contacter la DGCS-ODD.
          </div>     
        {% endif %}
        </div>
      </div>
    </div>
    {% endif %}
    <div class="row">
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <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>{{odds}}</h3>
                <a href="{{ path('app_goals') }}"><p class="mb-0">ODD</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <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>{{cibles}}</h3>
                <a href="{{ path('app_targets') }}"><p class="mb-0">Cibles</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <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>{{indicateurs}}</h3>
                <a href="{{ path('app_indicators') }}"><p class="mb-0">Indicateurs</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <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>{{indicateurscommunaux}}</h3>
                <a href="{{ path('app_indicators_renseignables') }}"><p class="mb-0">Indicateurs communaux</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>



    {% if not is_granted('ROLE_MANAGER') and ministry %}
    <div class="row">
      <div class="col-xl-4 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div class="text-end">
                <h3>{{(is_granted('ROLE_INSTAD')  ? indicateursinstad : indicateursministere) | length}}</h3>
                <a href="{{ path('app_suiviIND') }}"><p class="mb-0">Indicateurs {{is_granted('ROLE_INSTAD') ? "de l'INSTaD" : "du ministère"}}</p></a>
              </div>
              <div class="align-self-center">
                <i class="fas fa-rocket text-danger fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-xl-4 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div class="text-end">
                <h3>{{(is_granted('ROLE_INSTAD')  ? settingsManager.getNoIndicateursINSTAD(year.name) : settingsManager.getNoIndicateursByMinistry(year.name, ministry)) | length}}</h3>
                <a href="{{ path('app_suiviIND') }}"><p class="mb-0">Indicateurs non renseignés</p></a>
              </div>
              <div class="align-self-center">
                <i class="far fa-life-ring text-info fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      {% if is_granted('ROLE_INSTAD') %}
      <div class="col-xl-4  col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div class="text-end">
                <h3>{{settingsManager.getRIndicateursINSTAD(year.name) | length}}</h3>
                <a href="{{ path('app_suiviIND') }}"><p class="mb-0">Indicateurs renseignés</p></a>
              </div>
              <div class="align-self-center">
                <i class="fas fa-chart-pie text-warning fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      {% else %}
      <div class="col-xl-4  col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div class="text-end">
                <h3>{{activities | length}}</h3>
                <a href="{{ path('app_suiviPTA') }}"><p class="mb-0">Activités du PTA</p></a>
              </div>
              <div class="align-self-center">
                <i class="fas fa-chart-pie text-warning fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>

      {% endif %}



    </div>
    {% endif  %}




    {% if is_granted('ROLE_MANAGER')  %}
    <div class="row">
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div class="text-end">
                <h3>{{aspirations}}</h3>
                <a href="{{ path('app_aspirations') }}"><p class="mb-0">Aspirations</p></a>
              </div>
              <div class="align-self-center">
                <i class="fas fa-rocket text-danger fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-info">{{objectifs}}</h3>
                <a href="{{ path('app_objectifs') }}"><p class="mb-0">Objectifs</p></a>
              </div>
              <div class="align-self-center">
                <i class="far fa-life-ring text-info fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-warning">{{domaines}}</h3>
                <a href="{{ path('app_domaines') }}"><p class="mb-0">Domaines</p></a>
              </div>
              <div class="align-self-center">
                <i class="fas fa-chart-pie text-warning fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-success">{{users}}</h3>
                <a href="{{ path('app_users') }}"><p class="mb-0">Utilisateurs</p></a>
              </div>
              <div class="align-self-center">
                <i class="far fa-user text-success fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-info">{{admins}}</h3>
                <p class="mb-0">Administrateurs</p>
              </div>
              <div class="align-self-center">
                <i class="fas fa-book-open text-info fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-warning">{{managers}}</h3>
                <p class="mb-0">Managers</p>
              </div>
              <div class="align-self-center">
                <i class="far fa-comments text-warning fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-success">{{dpp}}</h3>
                <p class="mb-0">Validateurs</p>
              </div>
              <div class="align-self-center">
                <i class="fas fa-mug-hot text-success fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-sm-6 col-12 mb-4">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <h3 class="text-danger">{{focaux}}</h3>
                <p class="mb-0">Points focaux</p>
              </div>
              <div class="align-self-center">
                <i class="fas fa-map-signs text-danger fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
    <h2 class="m-0 text-dark" style="margin-bottom : 10px;">
        Points sur les indicateurs des ministères
    </h2>

    <div class="row">
        <div class="col-sm-6">
            <div class="text-left">
                  <a href="{{ path('statistiques_ministeres') }}" class="mb-2 mr-2 btn-shadow  btn btn-success text-right">
                      Voir les Statistiques
                  </a>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="text-right">
                  <a href="{{ path('all_data_indicateurs') }}" class="mb-2 mr-2 btn-shadow  btn btn-info text-right">
                      Télécharger toutes les valeurs des indicateurs
                  </a>
            </div>
        </div>
    </div>

    <table id="ministereTable" class="table table-striped">
                <thead>
                    <tr>
                            <th>Ministère</th>
                            <th>Nombre</th>
                            <th>Renseignés</th>
                            <th>Reste</th>
                            <th>PF</th>
                            <th>DPAF</th>
                            <th>Autoriser</th>
                            <th>Exporter</th>
                    </tr>
                </thead>

                <tr>
                            <td>Institut National de la Statistique et de la Démographie</td>
                            <td>{{ settingsManager.getIndicateursInstad() | length}}</td>
                            <td>{{ settingsManager.getRIndicateursINSTAD(year.name) }}</td>
                            <td><strong>{{ settingsManager.getNoIndicateursINSTAD(year.name) | length}}</strong></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td><a  class="btn btn-sm btn-primary" href="{{ path('app_export_indicateurs_ministere', { 'id': 0 }) }}">Exporter</a></td>
                </tr>

                {% for ministere in ministeres %}


<!-- Valide Modal -->
        <div class="modal fade" id="valideModalM{{ ministere.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h4" id="myLargeModalLabel">Autorisation de saisie des indicateurs</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{ path('reinit_ministere_indicateur', { 'id': ministere.id }) }}" method="get" enctype="multipart/form-data">
                    <div class="modal-body">
                           Vous êtes sur le point d'autoriser le {{ ministere.name }} à saisir ses indicateurs. Voulez-vous vraiment donner cette autorisation?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-success">Autotiser</button>
                    </div>
                    </form>
                </div>
            </div>   
        </div>


                {% set structure = settingsManager.getStructureYear(year.name,ministere) %}
                <tr>
                            <td>{{ ministere.name }}</td>
                            <td>{{ministere.indicators | length }}</td>
                            <td>{{ settingsManager.getRIndicateursByMinistry(year.name, ministere)}}</td>
                            <td><strong>{{ settingsManager.getNoIndicateursByMinistry(year.name, ministere) | length}}</strong></td>
                            <td>{{(structure and structure.focal) ? 'Oui' : 'Non'}}</td>
                            <td>{{(structure and structure.dpp) ? 'Oui' : 'Non'}}</td>
                            <td>{% if structure and (structure.focal or structure.dpp) %}<a  class="btn btn-sm btn-success" href="#" data-toggle="modal" data-target="#valideModalM{{ ministere.id }}">Autoriser</a>{% endif %}</td>
                            <td><a  class="btn btn-sm btn-primary" href="{{ path('app_export_indicateurs_ministere', { 'id': ministere.id }) }}">Exporter</a></td>
                </tr>
                {% endfor %}
                </table>

                
        {% endblock %}
        
    {% endembed %}

    {% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}

    <h2 class="text-dark" style="margin-top:0px;"> 
        Points sur les activités du PTA des ministères
    </h2>

    <table id="ptaTable" class="table table-striped">
                <thead>
                    <tr>
                            <th>Ministère</th>
                            <th>Nombre d'activité</th>
                            <th>PF</th>
                            <th>DPAF</th>
                            <th>Autoriser</th>
                    </tr>
                </thead>

                {% for ministere in ministeres %}

<!-- Valide Modal -->
        <div class="modal fade" id="valideModalA{{ ministere.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h4" id="myLargeModalLabel">Autorisation de saisie des activités</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{ path('reinit_ministere_activite', { 'id': ministere.id }) }}" method="get" enctype="multipart/form-data">
                    <div class="modal-body">
                           Vous êtes sur le point d'autoriser le {{ ministere.name }} à saisir ses activités. Voulez-vous vraiment donner cette autorisation?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-success">Autotiser</button>
                    </div>
                    </form>
                </div>
            </div>   
        </div>
                
                {% set structure = settingsManager.getStructureYear(year.name,ministere) %}
                <tr>
                            <td>{{ ministere.name }}</td>
                            <td>{{ settingsManager.getActicitiesByMinistry(year, ministere) | length }}</td>
                            <td>{{(structure and structure.focal2) ? 'Oui' : 'Non'}}</td>
                            <td>{{(structure and structure.dpp2) ? 'Oui' : 'Non'}}</td>
                            <td>{% if structure and (structure.focal2 or structure.dpp2) %}<a  class="btn btn-sm btn-primary" href="#" data-toggle="modal" data-target="#valideModalA{{ ministere.id }}">Autoriser</a>{% endif %}</td>
                        
                </tr>
                {% endfor %}
                </table>
                
        {% endblock %}
        
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
    <h2 class="m-0 text-dark" style="margin-top : 20px;">
        Points du renseignement des indicateurs des communes
    </h2>

    <div class="row">
        <div class="col-sm-6">
            <div class="text-left">
                  <a href="{{ path('statistiques_communes') }}" class="mb-2 mr-2 btn-shadow  btn btn-success text-right">
                      Voir les Statistiques
                  </a>
            </div>
        </div>
          <div class="col-sm-6">
            <div class="text-right">
                  <a href="{{ path('all_data_communes') }}" class="mb-2 mr-2 btn-shadow  btn btn-info text-right">
                      Télécharger toutes les données des communes
                  </a>
            </div>
          </div>
        </div>
    </div>
    <div style="padding: 1.25rem !important;">
    <table id="communeTable" class="table table-striped">
                <thead>
                    <tr>
                            <th>Commune</th>
                            <th>Nombre</th>
                            <th>Renseignés</th>
                            <th>Reste</th>
                            <th>PF</th>
                            <th>SE</th>
                            <th>Avis DDD</th>
                            <th>Observation</th>
                            <th>Actions</th>
                    </tr>
                </thead>

                {% for commune in communes %}


<!-- Valide Modal -->
        <div class="modal fade" id="valideModalC{{ commune.id }}" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title h4" id="myLargeModalLabel">Autorisation de saisie des indicateurs</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{ path('reinit_commune_indicateur', { 'id': commune.id }) }}" method="get" enctype="multipart/form-data">
                    <div class="modal-body">
                           Vous êtes sur le point d'autoriser la commune de {{ commune.name }} à saisir ses indicateurs. Voulez-vous vraiment donner cette autorisation?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-success">Autoriser</button>
                    </div>
                    </form>
                </div>
            </div>   
        </div>


                {% set structure = settingsManager.getStructureYear(year.name,null,commune) %}
                <tr>
                            <td>{{ commune.name }}</td>
                            <td>{{indicateurscommunaux }}</td>
                            <td>{{ settingsManager.getRIndicateursByCommune(year, commune)}}</td>
                            <td><strong>{{ settingsManager.getNoIndicateursByCommune(year, commune) | length}}</strong></td>
                            <td>{{(structure and structure.focal2) ? 'Oui' : 'Non'}}</td>
                            <td>{{(structure and structure.dpp2) ? 'Oui' : 'Non'}}</td>
                            <td>{{ structure  ? structure.avis : '' }}</td>
                            <td>{{ structure  ? structure.observation : '' }}</td>
                            <td width="145px">
                              <a  class="btn btn-sm btn-primary" href="{{ path('export_commune', { 'id': commune.id }) }}">Exporter</a>
                              {% if structure and (structure.focal2 or structure.dpp2) %}<a  class="btn btn-sm btn-success" href="#" data-toggle="modal" data-target="#valideModalC{{ commune.id }}">Autoriser</a>{% endif %}
                              
                            </td>
                        
                </tr>
                {% endfor %}
                </table>
          </div>
                
        {% endblock %}
        
    {% endembed %}


    {% else %}
    <h2 class="m-0 text-dark">
        Les indicateurs non renseignés
    </h2>
    {% set nonrenseignes = is_granted('ROLE_INSTAD') ? settingsManager.getNoIndicateursINSTAD(year.name) : settingsManager.getNoIndicateursByMinistry(year.name,ministry)  %}
    {% for indicator in nonrenseignes %}
    <div class="col-xl-12 col-sm-12 col-12 mb-12">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <p class="text-danger">Indicateur : {{indicator.code}}</p>
                <p class="mb-0">{{indicator.name}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      {% endfor %}

    <h2 class="text-dark">
        Les indicateurs que {{is_granted('ROLE_INSTAD') ? "l'INSTaD" : "le ministère"}} renseigne
    </h2>
    </br>
    <div class="row">
    {% for indicator in indicators %}
    <div class="col-xl-12 col-sm-12 col-12 mb-12">
        <div class="card">
          <div class="card-body">
            <div class="d-flex justify-content-between px-md-1">
              <div>
                <p class="text-danger">Indicateur : {{indicator.code}}</p>
                <p class="mb-0">{{indicator.name}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      {% endfor %}
      </div>
    {% endif %}
  </section>
</div>
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('plugins/datatables/jquery.dataTables.js') }}"></script>
    <script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
    <script src="{{ asset('plugins/datatables/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables/buttons.flash.min.js') }}"></script>
    
    <script src="{{ asset('plugins/datatables/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables/buttons.print.min.js') }}"></script>

    <script src="{{ asset('plugins/datatables/jszip.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables/pdfmake.min.js') }}"></script>
    <script src="{{ asset('plugins/datatables/vfs_fonts.js') }}"></script>

    <script>
        $(function () {
            $("#ministereTable").DataTable({
                dom: 'Bfrtip',
                "pageLength": 10,
                buttons: [
                    'copy', 'excel', 'print'
                ],
            });
        });
    </script>

    <script>
        $(function () {
            $("#ptaTable").DataTable({
                dom: 'Bfrtip',
                "pageLength": 10,
                buttons: [
                    'copy', 'excel', 'print'
                ],
            });
        });
    </script>

    <script>
        $(function () {
            $("#communeTable").DataTable({
                dom: 'Bfrtip',
                "pageLength": 10,
                buttons: [
                    'copy', 'excel', 'print'
                ],
            });
        });
    </script>
{% endblock %}

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