{% extends 'base.html.twig' %}
{% block subreport_title %}| Chattigo{% endblock %}

{% block page_content %}
    {% for opt in nomDisplay %}
        <input type="hidden" id="nomDisplay" value="{{ opt.nomdisplay|e }}">
    {% endfor %}
    {% if is_granted('ROLE_FISCALIZADOR') %}
        <div class="box-header with-border">
            <div class="col-sm-3 pull-left">
                <h5 class="box-title">Reportes</h5>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-red">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Reporte Asistencia</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-ticket"></i>
                </div>
                <a href="{{ path( 'super_marcaje') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-aqua">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Reporte Jornadas</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-calendar-check-o"></i>
                </div>
                <a href="{{ path('supasist') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-green">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Domingos y Festivos</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-gift"></i>
                </div>
                <a href="{{ path('super_festivos') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-red">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Reporte Modificaciones</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-edit"></i>
                </div>
                <a href="{{ path('super_modificaciones') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-yellow">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Exceso Jornada</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-calendar-plus-o"></i>
                </div>
                <a href="{{ path('super_exceso') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>

        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-yellow">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Turnos Planeados</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-calendar"></i>
                </div>
                <a href="{{ path('super_turnos') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-green">
                <div class="inner">
                    <p>Reporte</p>
                    <h4 style="font-size: 1.8em !important">Emails Enviados</h4>
                </div>
                <div class="icon">
                    <i class="fa fa-mail-forward"></i>
                </div>
                <a href="{{ path('super_emails') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
    {% else %}
        <div class="box-header with-border">
            <div class="col-sm-3 pull-left">
                <h5 class="box-title">Reportes</h5>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-red">
                <div class="inner">
                    <h4 style="font-size: 1.8em !important">Reporte Asistencia</h4>
                    <p>Reporte</p>
                </div>
                <div class="icon">
                    <i class="fa fa-ticket"></i>
                </div>
                <a href="{{ path( 'marcaje') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-aqua">
                <div class="inner">
                    <h4 style="font-size: 1.8em !important">Reporte de Jornada</h4>
                    <p>Reporte</p>
                </div>
                <div class="icon">
                    <i class="fa fa-calendar-check-o"></i>
                </div>
                <a href="{{ path('asistencia') }}" class="small-box-footer">
                    ir a reporte <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="box-header with-border">
            <div class="col-sm-3 pull-left">
                <h5 class="box-title">Ajustes</h5>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-aqua">
                <div class="inner">
                    <h4 style="font-size: 1.8em !important">Datos Personales</h4>
                    <p>Ajustes</p>
                </div>
                <div class="icon">
                    <i class="fa fa-user"></i>
                </div>
                <a href="{{ path('datos_personales') }}" class="small-box-footer">
                    ir a ajustes <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-yellow">
                <div class="inner">
                    <h4 style="font-size: 1.8em !important">Clave Sistema</h4>
                    <p>Ajuste</p>
                </div>
                <div class="icon">
                    <i class="fa fa-lock"></i>
                </div>
                <a href="{{ path('clave_web') }}" class="small-box-footer">
                    ir a ajustes <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-red">
                <div class="inner">
                    <h4 style="font-size: 1.8em !important">Clave Reloj</h4>
                    <p>Ajuste</p>
                </div>
                <div class="icon">
                    <i class="fa fa-clock-o"></i>
                </div>
                <a href="{{ path( 'clave_reloj') }}" class="small-box-footer">
                    ir a ajuste <i class="fa fa-arrow-circle-right"></i>
                </a>
            </div>
        </div>
    {% endif %}

<script>
//    console.log(document.getElementById("nomDisplay").value)
</script>

{% endblock %}