{% extends 'frontend/layout.html.twig' %}

{% block content %}
<div class="container single-template">
	<div class="page-header">
		<h1 class="page-title">
			Les applications de SIG-ODD
            {% if ministry %} | {{ministry.name}} {% endif %}
		</h1>
	</div>
<section id="services" class="services">
    <div class="container">

        <div class="row">

            <div class="col-md-{{ is_granted('ROLE_ADMIN') ? 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>
                    <a href="{{ path('app_mesodd_dashboard') }}"><h4 class="title">MeSODD</h4>
                    <p class="description" style="color: #FFFFFF;"><b>Mesure Sensibilité ODD</b><br>Cette application permet une évaluation ex ante des Plans de Travail Annuel des Ministères aux ODD</p></a>
                </div>
            </div>
            <div class="col-md-{{ is_granted('ROLE_ADMIN') ? 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>
                    <a href="{{ path('app_suiodd_dashboard') }}"><h4 class="title">SIODD</h4>
                    <p class="description" style="color: #FFFFFF;"><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></a>
                </div>
            </div>

            {% if is_granted('ROLE_ADMIN') %}
            <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>
                    <a href="{{ path('app_config_dashboard') }}"><h4 class="title">Configuration</h4>
                    <p class="description" style="color: #FFFFFF;"><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></a>
                </div>
            </div>
            {% endif %}

        </div>

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