{% extends "base_services.html.twig" %}

{% block title %}
    {{ parent() }}
    PLM Services
{% endblock %}

{% block body %}
    {{ parent() }}

    <div class="content">

        <div class="row">
            {% if app.user.hasServiceStatCA or app.user.hasServiceStatLoc %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-clic" href="{% if app.user.hasServiceStatCA %}{{ path('stat_ca') }}{% elseif app.user.hasServiceStatLoc %}{{ path('stat_loc') }}?type=BE{% endif %}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-warning-light text-warning mx-auto my-20">
                                <i class="fa fa-cloud"></i>
                            </div>
                            <div class="font-size-h3 mb-5">STATISTIQUES</div>
                            <div class="font-size-sm text-muted">Accéder aux statistiques</div>
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.hasServiceIndicateurRead or app.user.hasServiceIndicateurWrite %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-clic" href="{{ path('indicateurs') }}?group=COMMUN">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-info-light text-info mx-auto my-20">
                                <i class="fa fa-certificate"></i>
                            </div>
                            <div class="font-size-h3 mb-5">INDICATEURS</div>
                            <div class="font-size-sm text-muted">Voir les indicateurs qualités</div>
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.hasServiceAgendaBe %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('location_agenda') }}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-danger-light text-danger mx-auto my-20">
                                <i class="fa fa-tint"></i>
                            </div>
                            <div class="font-size-h3 mb-5">AGENDA BE</div>
                            <div class="font-size-sm text-muted">BL non facturés des articles en location</div>
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.hasServiceDouchetteBe %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('douchette_menu') }}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-danger-light text-danger mx-auto my-20">
                                <i class="fa fa-film"></i>
                            </div>
                            <div class="font-size-h3 mb-5">DOUCHETTE BE</div>
                            <div class="font-size-sm text-muted">Mesure et prélèvement</div>
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.hasServiceGestionApplication or app.user.isAdmin %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('user_tab') }}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-success-light text-success mx-auto my-20">
                                <i class="fa fa-check-square"></i>
                            </div>
                            <div class="font-size-h3 mb-5">GESTION APPLICATION</div>
                            <div class="font-size-sm text-muted">Gestion de l'application</div>
                        </div>
                    </a>
                </div>
            {% endif %}

{#            {% if app.user.hasServiceClientAffaire %}#}
{#                <div class="col-md-6 col-xl-4">#}
{#                    <a class="block block-rounded block-link-shadow block-service-click" href="{% if app.user.hasServiceClientRma and not app.user.isAdmin %}{{ path('user_list_client') }}{% else %}{{ path('user_list') }}{% endif %}">#}
{#                        <div class="block-content block-content-full text-center">#}
{#                            <div class="item item-circle bg-warning-light text-warning mx-auto my-20">#}
{#                                <i class="fa fa-users"></i>#}
{#                            </div>#}
{#                            {% if app.user.isClient %}#}
{#                                <div class="font-size-h3 mb-5">Utilisateurs</div>#}
{#                                <div class="font-size-sm text-muted">Liste des utilisateurs associés</div>#}
{#                            {% else %}#}
{#                                <div class="font-size-h3 mb-5">UTILISATEURS</div>#}
{#                                <div class="font-size-sm text-muted">Gestion des utilisateurs du site</div>#}
{#                            {% endif %}#}
{#                        </div>#}
{#                    </a>#}
{#                </div>#}
{#            {% endif %}#}

{#            {% if app.user.hasServiceClientAffaire %}#}
{#                <div class="col-md-6 col-xl-4">#}
{#                    <a class="block block-rounded block-link-shadow block-service-click" href="{% if app.user.hasServiceClientRma and not app.user.isAdmin %}{{ path('order_list_client') }}{% else %}{{ path('order_list') }}{% endif %}">#}
{#                        <div class="block-content block-content-full text-center">#}
{#                            <div class="item item-circle bg-info-light text-info mx-auto my-20">#}
{#                                <i class="fa fa-shopping-basket"></i>#}
{#                            </div>#}
{#                            {% if app.user.isClient %}#}
{#                                <div class="font-size-h3 mb-5">Commandes</div>#}
{#                                <div class="font-size-sm text-muted">Gestions des commandes</div>#}
{#                            {% else %}#}
{#                                <div class="font-size-h3 mb-5">COMMANDES</div>#}
{#                                <div class="font-size-sm text-muted">Gestions des commandes</div>#}
{#                            {% endif %}#}
{#                        </div>#}
{#                    </a>#}
{#                </div>#}
{#            {% endif %}#}

{#            {% if  app.user.hasServiceClientAgenda or app.user.isAdmin or app.user.hasServiceDemo or app.user.hasServiceAgendaBe %}#}
{#                <div class="col-md-6 col-xl-4">#}
{#                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('agenda_client') }}">#}
{#                        <div class="block-content block-content-full text-center">#}
{#                            <div class="item item-circle bg-warning-light text-warning mx-auto my-20">#}
{#                                <i class="fa fa-users"></i>#}
{#                            </div>#}
{#                            {% if app.user.isClient %}#}
{#                                <div class="font-size-h3 mb-5">Agenda Location</div>#}
{#                                <div class="font-size-sm text-muted">Accès à tous les Bons de Livraison</div>#}
{#                            {% else %}#}
{#                                <div class="font-size-h3 mb-5">AGENDA CLIENT</div>#}
{#                                <div class="font-size-sm text-muted">Accès à tous les BL</div>#}
{#                            {% endif %}#}
{#                        </div>#}
{#                    </a>#}
{#                </div>#}
{#            {% endif %}#}

            {% if app.user.hasServiceRma or app.user.isAdmin or app.user.hasServiceDemo or app.user.hasServiceClientRma %}
                <div class="col-md-6 col-xl-4">
                        <a class="block block-rounded block-link-shadow block-service-click" href="{% if app.user.hasServiceClientRma and not app.user.isAdmin %}{{ path('rma_list_client') }}{% else %}{{ path('rma_list') }}{% endif %}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-success-light text-success mx-auto my-20">
                                <i class="fa fa-check-square"></i>
                            </div>
                            {% if app.user.isClient %}
                                <div class="font-size-h3 mb-5">Service RMA</div>
                                <div class="font-size-sm text-muted">Gestion des RMA</div>
                            {% else %}
                                <div class="font-size-h3 mb-5">RMA</div>
                                <div class="font-size-sm text-muted">Gestion des RMA</div>
                            {% endif %}
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.hasServiceRepLoc or app.user.hasServiceRepLocAdmin or app.user.isAdmin %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('reploc_list') }}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-light text-secondary mx-auto my-20">
                                <i class="fa fa-wrench"></i>
                            </div>
                                <div class="font-size-h3 mb-5">REP/CAL LOC</div>
                                <div class="font-size-sm text-muted">Gestion des REPLOC et des CALLOC</div>
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.hasServiceCertificat or app.user.isAdmin %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('certificate_tab_list') }}">
                        <div class="block-content block-content-full text-center">
                            <div class="item item-circle bg-info-light text-primary mx-auto my-20">
                                <i style="color : #26c6da!important" class="fa fa-file"></i>
                            </div>
                            <div class="font-size-h3 mb-5">CERTIFICATS</div>
                            <div class="font-size-sm text-muted">Tableau des certificats</div>
                        </div>
                    </a>
                </div>
            {% endif %}

            {% if app.user.isAdmin or app.user.hasServiceTableauBl or app.user.hasServiceTableauClientBl %}
                <div class="col-md-6 col-xl-4">
                    <a class="block block-rounded block-link-shadow block-service-click" href="{{ path('article_client') }}">
                        <div class="block-content block-content-full text-center" style="height: 203.5px;">
                            <div class="item item-circle bg-info-light text-primary mx-auto my-20">
                                <i class="fa fa-users"></i>
                            </div>
                            {% if app.user.hasServiceTableauClientBl %}
                                <div class="font-size-h3 mb-5">Suivi Location</div>
                            {% else %}
                                <div class="font-size-h3 mb-5">SUIVI LOCATION CLIENT</div>
                            {% endif %}
                        </div>
                    </a>
                </div>
            {% endif %}

            <style>
                a.block.block-link-shadow:hover {
                    transform: translateY(-3px);
                }
                a.block.block-link-disable {
                    opacity: 0.5;
                }
            </style>
        </div>

    </div>
{% endblock %}