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

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


{% block page_content %}

<div class="container-fluid">
  <section>
  <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 commune.
            </div>
        {% else %}
            <div class="alert alert-danger">
              Vous ne pouvez pas envoyer des données pour l'année {{year.name}}. Veuillez contacter la DGCS-ODD.
            </div>     
        {% endif %}
      </div>
    </div>
    <div class="row">
      <div class="col-xl-4 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_commune_goal') }}"><p class="mb-0">ODD</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-4 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_commune_target') }}"><p class="mb-0">Cibles</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-4 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_commune_indicator') }}"><p class="mb-0">Indicateurs</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

<div class="row">
      <div class="col-xl-4 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>{{ciblesspacialisees | length}}</h3>
                <a href="{{ path('app_commune_targetspacialise') }}"><p class="mb-0">Cibles spatialisées</p></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-4 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 class="text-info">{{ settingsManager.getRIndicateursByCommune(year, commune)}} / {{indicateursRenseignables}}</h3>
                <a href="{{ path('app_commune_indicatorspacialise') }}"><p class="mb-0">Indicateurs renseignables</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-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>{{normes | length}}</h3>
                <p class="mb-0">Normes d'actions</p>
              </div>
              <div class="align-self-center">
                <i class="far fa-life-ring text-info fa-3x"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <h3>Les cibles spatialisées par la commune de {{commune.name}}</h3> <br>

              {% for odd in oddAll %}
							{% if settingsManager.getCibleCommuneByOdd(commune, odd) | length  > 0 %}
							{% for cible in settingsManager.getCibleCommuneByOdd(commune, odd) %}

                    <div class="card">
                      <div class="card-body">
                        <div class="d-flex justify-content-between px-md-1">
                          <div class="text-end">
                            <p><strong>Cible {{cible.code}} : </strong> {{ cible.description }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
									{% endfor %}
                  {% endif %}
                  
									{% endfor %}

   <h3>Les normes d'action de la commune</h3> <br>

   {% for norme in normes %}

                    <div class="card">
                      <div class="card-body">
                        <div class="d-flex justify-content-between px-md-1">
                          <div class="text-end">
                            <p><strong>Cible : {{ norme.target.code }}</strong></p>
                            <p><strong>{{ norme.code }} </strong> : {{ norme.name }}</p>
                          </div>
                        </div>
                      </div>
                    </div>
									{% endfor %}

  </section>
</div>
       
{% endblock %}

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