{# templates/home/index.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}TQM
{% endblock %}

{% block body %}

{% set client = app.user.client %}

<div class="container-fluid px-lg-5">
    {% if client.hasAccessToModule('RCC') or client.hasAccessToModule('GRD') or client.hasAccessToModule('MOKPI') %}
        <div class="tqm-home-header mt-5">
            Excelência na Execução
        </div>
    {% endif %}
    <div class="row">
        {% if client.hasAccessToModule('RCC') %}
            <div class="col-lg-2 col-sm-6 text-center c-pointer">
                <a class="tqm-link" href="/initiatives/panel">
                    <span class="font-dark-blue d-block mt-3 mb-2"><strong>RCC</strong></span>
                    <img class="imgSize" src="/build/images/rcc.png" />
                    <span class="font-dark-blue d-block mt-2">Redução Contínua de Custos</span>
                </a>
            </div>
        {% endif %}
        {% if client.hasAccessToModule('GRD') %}
            <div class="col-lg-2 col-sm-6 text-center">
                <a class="tqm-link" href="{{ path('grd_action_index') }}">
                    <span class="font-dark-blue d-block mt-3 mb-2"><strong>GRD</strong></span>
                    <img class="imgSize" src="/build/images/grd.svg" />
                    <span class="font-dark-blue d-block mt-2">Gestão da Rotina Diária</span>
                </a>
            </div>
        {% endif %}
        {% if client.hasAccessToModule('MOKPI') %}
            <div class="col-lg-2 col-sm-6 text-center">
                <a class="tqm-link" href="{{ path('mokpi_index') }}">
                    <span class="font-dark-blue d-block mt-3 mb-2"><strong>MOKPI</strong></span>
                    <img class="imgSize" src="/build/images/mokpi.svg" />
                    <span class="font-dark-blue d-block mt-2">Indicadores Chaves da Operação</span>
                </a>
            </div>
        {% endif %}
        {% if client.hasAccessToModule('TNC') %}
            <div class="col-lg-2 col-sm-6 text-center">
                <a class="tqm-link" href="/tnc/">
                    <span class="font-dark-blue d-block mt-3 mb-2"><strong>TNC</strong></span>
                    <img class="imgSize" src="/build/images/tnc.png" />
                    <span class="font-dark-blue d-block mt-2">Tratativa de Não Conformidade</span>
                </a>
            </div>
        {% endif %}
        {# CCM - Gestão de Cuidados Clientes #}
            {% if client.hasAccessToModule('CCM') %}
                <div class="col-lg-2 col-sm-6 text-center">
                    <a class="tqm-link" href="/ccm/">
                        <span class="font-dark-blue d-block mt-3 mb-2"><strong>CCM</strong></span>
                        <img class="imgSize" src="/build/images/ccm.svg" />
                        <span class="font-dark-blue d-block mt-2">Gestão de Cuidados Clientes</span>
                    </a>
                </div>
            {% endif %}
   </div>
    {% if client.hasAccessToModule('CO') or client.hasAccessToModule('MTQM') or client.hasAccessToModule('PDP') %}
        <div class="tqm-home-header mt-5">
            Direções Estratégicas
        </div>
    {% endif %}
    <div class="row">
        {% if client.hasAccessToModule('CO') %}
            <div class="col-lg-2 col-sm-6 text-center">
                <a class="tqm-link" href="/co/">
                    <span class="font-dark-blue d-block mt-3 mb-3"><strong>CO</strong></span>
                    <img src="/build/images/cn.png" />
                    <span class="font-dark-blue d-block mt-2">Contexto Organizacional</span>
                </a>
            </div>
        {% endif %}
        {% if client.hasAccessToModule('MTQM') %}
            <div class="col-lg-2 col-sm-6 text-center">
                <a class="tqm-link" href="/tqm/">
                    <span class="font-dark-blue d-block mt-3 mb-2"><strong>MTQM</strong></span>
                    <img src="/build/images/mtx.png" />
                    <span class="font-dark-blue d-block mt-2">Mapa TQM</span>
                </a>
            </div>
        {% endif %}
        {% if client.hasAccessToModule('PDP') %}
            <div class="col-lg-2 col-sm-6 text-center">
                <a class="tqm-link" href="/pdp/">
                    <span class="font-dark-blue d-block mt-3 mb-3"><strong>PDP</strong></span>
                    <img height="74px" src="/build/images/pdp.png" />
                    <span class="font-dark-blue d-block mt-2">Processo Desenvolvimento Produto</span>
                </a>
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}