{% extends 'APYDataGridBundle::blocks.html.twig' %}
{% use 'USBSHBundle:Notification:includes/centerContentBox.html.twig' %}

{% block grid %}
    <table class="table table-hover table_listado">
        {% if grid.isTitleSectionVisible %}
        {% endif %}
        {{ grid_rows(grid) }}
    </table>
    {% if withjs %}
        {{ grid_scripts(grid) }}
    {% endif %}
{% endblock grid %}

{% block grid_rows %}
    <div class="documents top-content">
        <div class="col-sm-2 text-center">
        </div>
        <div class="col-sm-8 div-center">
            <div class="row">
                <div class="col-sm-3">
                    {% if "/1" in app.request.uri %}
                        <a href="{{path('us_bsh_notification_index',{'readed':false})}}">{{'bsh.notification.show.notreaded'|trans({},"USBSHBundle")}}</a>
                    {% else %}
                        <a href="{{path('us_bsh_notification_index',{'readed':true})}}">{{'bsh.notification.show.historial'|trans({},"USBSHBundle")}}</a>
                    {% endif %}
                </div>
            </div>
            {{ block('centerContentBox') }}
        </div>
        <div class="col-sm-2 text-right tamano">
            {{ grid_pager_results_perpage(grid) }}
        </div>
        <div style="clear: both;"></div>
    </div>
    <div class="phases pb-20">
        {{ render(controller('USBSHBundle:Timeline:phases')) }}
    </div>
{% endblock %}

{# ---------------------------------------------------- grid_pager -------------------------------------------------- #}
{% block grid_pager %}
    {% if pagerfanta %}
        {{ grid_pagerfanta(grid) }}
    {% else %}
        <form class ="form mt-20">
            {{ grid_pager_selectpage(grid) }}
        </form>
    {% endif %}
{% endblock grid_pager %}

{# ---------------------------------------------------- grid_pager_selectpage -------------------------------------------------- #}
{% block grid_pager_selectpage %}
    {% spaceless %}
        <div class="col-md-6">
            <div class="no-current col-md-1 text-center">
                {% if grid.page > 0 %}
                    <a href="{{grid_url('page', grid, grid.page - 1)}}"><span><</span></a>
                {% endif %}
            </div>
            {% if grid.page+1 == grid.pageCount and grid.page-1 >= 1 %}
                <a href="{{grid_url('page', grid, grid.page - 2)}}">
                    <div class="no-current col-md-1 text-center">{{grid.page-1 < 10?"0"}}{{grid.page-1}}</div>
                </a>
            {% endif%}
            {% if grid.page+1 > 1 %}
                <a href="{{grid_url('page', grid, grid.page - 1)}}">
                    <div class="no-current col-md-1 text-center">{{grid.page < 10?"0"}}{{grid.page}}</div>
                </a>
            {% endif %}
            <div class="current col-md-1 text-center">{{grid.page < 9?"0"}}{{grid.page+1}}</div>
            {% if grid.page+2 <= grid.pageCount %}
                <a href="{{grid_url('page', grid, grid.page + 1)}}">
                    <div class="no-current col-md-1 text-center">{{grid.page+2 < 10?"0"}}{{grid.page+2}}</div>
                </a>
            {% endif %}
            {% if grid.page == 0 and grid.page+3 <= grid.pageCount %}
                <a href="{{grid_url('page', grid, grid.page + 2)}}">
                    <div class="no-current col-md-1 text-center">{{grid.page+3 < 10?"0"}}{{grid.page+3}}</div>
                </a>
            {% endif%}
            <div class="no-current col-md-1 text-center">
                {% if grid.pageCount > grid.page + 1 %}
                    <a href="{{grid_url('page', grid, grid.page + 1)}}"><span>></span></a>
                {% endif %}
            </div>
        </div>
        <div class="col-md-6 text-right">
            <span class="">{{'grid.goto.page'|trans({},"USBackendBundle")}} <input type="text" onkeypress="if (this.value > 0 && this.value <={{grid.pageCount}} ) {
                        return {{ grid.hash }}_enterPage(event, parseInt(this.value) - 1);
                    }" class="form-control go-page text-center" value="{{grid.page+1}}">{{ 'of %count%'|trans({ '%count%' : grid.pageCount }) }} </span> 
        </div> 
    {% endspaceless %}
{% endblock grid_pager_selectpage %}

{# ---------------------------------------------------- grid_pager_results_perpage -------------------------------------------------- #}
{% block grid_pager_results_perpage %}
    {% set classes = ["big", "medium", "small"] %}
    <ul>
        {% set i = 8 %}
        {% for key, value in grid.limits %}
            <li class="col-xs-2 col-sm-12">
                <a onclick="return {{ grid.hash }}_resultsPerPage({{value}})" href="#">
                    <img src="/images/documents/icons19x19/{{ i }}{{grid.limits[key]!=grid.limit?'_inactivo'}}.png"/>
                </a>
            </li>
            {% set i = i+1 %}
        {% endfor %}
    </ul>
{% endblock grid_pager_results_perpage %}