<div class="index-btn">
    {% if is_granted('ROLE_OTS_CORDINATOR')
    or is_granted('ROLE_SUPER_SUPERVISOR')
    or is_granted('ROLE_SUPERVISOR')
    or is_granted('ROLE_ACCOUNTING')
    or is_granted('ROLE_HUMAN_RESOURCES') %}
        {% if is_granted('ROLE_OTS_CORDINATOR')
        or is_granted('ROLE_SUPER_SUPERVISOR')
        or is_granted('ROLE_ACCOUNTING')
        or is_granted('ROLE_SUPERVISOR') %}
            <div class="col-lg-12 index-button-title">
                <span class="glyphicon glyphicon-list-alt pull-left"></span><strong>Reports</strong>
            </div>
            <div class="col-lg-12 index-button-content">
                {% if is_granted('ROLE_OTS_CORDINATOR')
                or is_granted('ROLE_SUPER_SUPERVISOR')
                or is_granted('ROLE_SUPERVISOR') %}
                    <a href="{{ path('reports_woworker') }}" class="inner-button-4">
                        Work orders<div>
                            <img src="{{ asset('bundles/vgmwo/images/Icons/rworkorder-active.png') }}">
                        </div>
                    </a>
                    <a href="{{ path('reports_jobs_worker') }}" class="inner-button-4">
                        Time records
                        <div>
                            <img src="{{ asset('bundles/vgmwo/images/Icons/rtimerecord-active.png') }}">
                        </div>
                    </a>
                {% endif %}
                {% if is_granted('ROLE_SUPER_SUPERVISOR')
                or is_granted('ROLE_ACCOUNTING') %}
                    <a href="{{ path('reports_invoices') }}" class="inner-button-4">
                        Invoicing<div>
                            <img src="{{ asset('bundles/vgmwo/images/Icons/invoicing-active.png') }}">
                        </div>
                    </a>
                {% endif %}
            </div>
        {% else %}
            <div class="col-lg-12 index-button-title">
                <span class="glyphicon glyphicon-list-alt pull-left"></span><strong>Reports</strong>
            </div>
            <div class="col-lg-12 index-button-content">
                <div class="inner-button-disabled-4">
                    Work orders
                    <div>
                        <img src="{{ asset('bundles/vgmwo/images/Icons/rworkorder-disabled.png') }}">
                    </div>
                </div>
                <a href="{{ path('reports_jobs_worker') }}" class="inner-button-4">
                    Time records
                    <div>
                        <img src="{{ asset('bundles/vgmwo/images/Icons/rtimerecord-active.png') }}">
                    </div>
                </a>
            </div>
        {% endif %}
    {% else %}
        <div class="col-lg-12 index-button-disabled-title">
            <span class="glyphicon glyphicon-list-alt pull-left"></span><strong>Reports</strong>
        </div>
        <div class="col-lg-12 index-button-disabled-content">
            <div class="inner-button-disabled-4">
                Work orders
                <div>
                    <img src="{{ asset('bundles/vgmwo/images/Icons/rworkorder-disabled.png') }}">
                </div>
            </div>
            <div class="inner-button-disabled-4">
                Time records
                <div>
                    <img src="{{ asset('bundles/vgmwo/images/Icons/rtimerecord-disabled.png') }}">
                </div>
            </div>
        </div>
    {% endif %}
</div>