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

{% block page_title %}Système Intégré de Gestion des ODD{% endblock %}
{% block page_subtitle %}{% endblock %}
{% block page_breadcrumb %}Applications{% endblock %}

{% block page_content %}
<section id="services" class="services">
    <div class="container">

        <div class="row">

            <div class="col-md-{{ is_granted('ROLE_MANAGER') ? 4 : 6 }}" data-aos="fade-up" data-aos-delay="100">
                <div class="icon-box p-4" style="background-color: #4bc0c0;">
                    <div class="icon"><i class="las la-file-alt" style="color: #fff;"></i></div>
                    <h4 class="title"><a href="{{ path('app_mesodd_dashboard') }}">MeSODD</a></h4>
                    <p class="description"><b>Mesure Sensibilité ODD</b><br>Cette application permet une évaluation ex ante des Plans de Travail Annuel des Ministères aux ODD</p>
                </div>
            </div>
            <div class="col-md-{{ is_granted('ROLE_MANAGER') ? 4 : 6 }}" data-aos="fade-up" data-aos-delay="100">
                <div class="icon-box p-4" style="background-color:#ffcd56;">
                    <div class="icon"><i class="las la-tachometer-alt" style="color:#fff;"></i></div>
                    <h4 class="title"><a href="{{ path('app_suiodd_dashboard') }}">SIODD</a></h4>
                    <p class="description"><b>Suivi des Indices ODD</b><br>Cette application calcule les indices de performance des ODD et le Suivi des actions prioritaires du costing des ODD</p>
                </div>
            </div>

            {% if is_granted('ROLE_MANAGER') %}
            <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                <div class="icon-box p-4" style="background-color: #ff6384;">
                    <div class="icon"><i class="las la-globe-americas" style="color: #fff;"></i></div>
                    <h4 class="title"><a href="{{ path('app_config_dashboard') }}">Config</a></h4>
                    <p class="description"><b>Configuration générale SigODD</b><br>Cette application offre une vue générale sur l'ensemble des outils de configuration des applications du SigODD</p>
                </div>
            </div>
            {% endif %}

        </div>

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