{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends 'template-parent.html.twig'%}

{% block titre_parent %}
	Accueil
{% endblock %}

{% block contenu_principal_parent %}
	<div class="container">
		<div class="row mt-5 justify-content-center">
			<div class="col-lg-8 col-sm-8 col-md-8 col-xs-8">

				<div class="row justify-content-center">
					{% if is_granted('ROLE_ATTACHE_COMMERCIAL') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div">
							<a href="{{path('app_pgi_commercial')}}" class="btn mb-2 btn-lg btn-circle" style="background-color: #DAE8FC; border-color: #6C8EBF" title="Département commercial">
								<i class="fa fa-globe fa-3x btn-circle-icon" aria-hidden="true" style="color: #6C8EBF; border-color: white"></i>
							</a>
							<p class="btn-circle-text">Commercial</p>
						</div>
					{% endif %}
					{% if is_granted('ROLE_RESPONSABLE_BACK_OFFICE') or is_granted('ROLE_ASSISTANT_LOGISTIQUE') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div" title="Département exploitation">
							<a href="{{path('app_pgi_exploitation')}}" class="btn mb-2 btn-lg btn-circle" style="background-color: #D5E8D4; border-color: #82B366">
								<i class="fa fa-home fa-3x btn-circle-icon" aria-hidden="true"></i>
							</a><br/>
							<p class="btn-circle-text">Exploitation</p>
						</div>
					{% endif %}
					{% if is_granted('ROLE_OFFICE_MANAGER') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div" title="Département ressources humaines">
							<a href="#" class="btn mb-2 btn-lg btn-circle" style="background-color: #F5F5F5; border-color: #666666" data-toggle="modal" data-target="#bientotDisponibleModal">
								<i class="fa fa-group fa-3x btn-circle-icon" aria-hidden="true"></i>
							</a><br/>
							<p class="btn-circle-text">Ressources humaines</p>
						</div>
					{% endif %}
					{% if is_granted('ROLE_ASSISTANT_COMPTABLE') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div">
							<a href="#" class="btn mb-2 btn-lg btn-circle" style="background-color: #FFF2CC; border-color: #D6B656" title="Département finances et comptabilité" data-toggle="modal" data-target="#bientotDisponibleModal">
								<i class="fa fa-credit-card fa-3x btn-circle-icon" aria-hidden="true"></i>
							</a><br/>
							<p class="btn-circle-text">Gestion, Finance &amp; Comptabilité</p>
						</div>
					{% endif %}
				</div>

				<div class="row mt-5 justify-content-center">
					{% if is_granted('ROLE_RESPONSABLE_PROJET') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div">
							<a href="#" class="btn mb-2 btn-lg btn-circle" style="background-color: #D0CEE2; border-color: #9673A6" title="Département process et développement" data-toggle="modal" data-target="#bientotDisponibleModal">
								<i class="fa fa-folder fa-3x btn-circle-icon" aria-hidden="true"></i>
							</a><br/>
							<p class="btn-circle-text">Process &amp; développement</p>
						</div>
					{% endif %}
					{% if is_granted('ROLE_OFFICE_MANAGER') or is_granted('ROLE_DIRECTEUR_GENERAL') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div" title="Département direction générale">
							<a href="#" class="btn mb-2 btn-lg btn-circle" style="background-color: #FFCCCC; border-color: #B85450" data-toggle="modal" data-target="#bientotDisponibleModal">
								<i class="fa fa-briefcase fa-3x btn-circle-icon" aria-hidden="true"></i>
							</a><br/>
							<p class="btn-circle-text">Direction générale</p>
						</div>
					{% endif %}
					{% if is_granted('ROLE_JURISTE') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div" title="Module juridique">
							<a href="#" class="btn mb-2 btn-lg btn-circle" style="background-color: #FFE6CC; border-color: #D79B00" data-toggle="modal" data-target="#bientotDisponibleModal">
								<i class="fa fa-balance-scale fa-3x btn-circle-icon" aria-hidden="true" style="color: #6C8EBF;"></i>
							</a><br/>
							<p class="btn-circle-text">Juridique</p>
						</div>
					{% endif %}
					{% if is_granted('ROLE_RESPONSABLE_RSE') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div" title="Services RSE">
							<a href="{{path('app_pgi_rse')}}" class="btn mb-2 btn-lg btn-circle" style="background-color: #DAE8FC; border-color: #6C8EBF">
								<i class="fa fa-podcast fa-3x btn-circle-icon" aria-hidden="true" style="color: #6C8EBF;"></i>
							</a><br/>
							<p class="btn-circle-text">Services RSE</p>
						</div>
					{% endif %}
				</div>
				<div class="row mt-5 justify-content-center">
					{% if is_granted('ROLE_RESPONSABLE_MOIJEUTRI') %}
						<div class="col-lg-3 col-sm-3 col-md-3 col-xs-3 btn-circle-div" title="Moi Jeu Tri">
							<a href="#" class="btn mb-2 btn-lg btn-circle" style="background-color: #FFFFFF; border-color: gray" data-toggle="modal" data-target="#bientotDisponibleModal">
								{# <i class="fa fa-recycle fa-3x btn-circle-icon" aria-hidden="true" style="color: #6C8EBF;"></i> #}
								<img src="{{asset('images/logo-moi-jeu-tri.png')}}" alt="" style="width:50px; height: 50px;"/>
							</a><br/>
							<p class="btn-circle-text">Moi Jeu Tri</p>
						</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
{% endblock %}