{#BASE GRID para el Backend
si se desea customizar este base grid para un listado particular se deber redefinir los bloques que cambian en su respectivo Directorio
ejm:    USBackendBundle:User:grid.html.twig
#}
{% extends 'APYDataGridBundle::blocks.html.twig' %}

{% block grid %}
    <div class="row">
        <div class="cabecera_listado">
            <form>
                {% if grid.isFilterSectionVisible %}
                    <div class="col-md-3 pull-right search-section mb-20">
                        {{ grid_filters(grid) }}
                    </div>
                {% endif %}
            </form>

        </div>
    </div>
    <table class="table custom-table-hover table_listado">
        {% if grid.isTitleSectionVisible %}
            {{ grid_titles(grid) }}
        {% endif %}
        {{ grid_rows(grid) }}
    </table>
    {% if grid.isPagerSectionVisible %}
        {{ grid_pager(grid) }}
    {% endif %}
    {% if withjs %}
        {{ grid_scripts(grid) }}
    {% endif %}

    <script>
        $(".grid-reset").css("display", "none");
    </script>

{% endblock grid %}

{# ---------------------------------------------------- grid_rows --------------------------------------------------- #}
{% block grid_rows %}
    {% set num = 1 %}
    {% for row in grid.rows %}
        {% set last_row = loop.last %}
        {% spaceless %}
            {% set gridColumns %}
                <tr class="list row">
                    {% for column in grid.columns %}
                        {% if column.visible(grid.isReadyForExport) %}
                            {% if column.renderBlockId == "id" %}
                                <td style="display: none;" class="col-xs-1 grid-column-{{ column.renderBlockId }}{% if column.class %} {{ column.class }}{% endif %}{% if column.align != 'left'%} align-{{ column.align }}{% endif %}{% if loop.last %} last-column{% endif %}{% if last_row %} last-row{% endif %}">{{ grid_cell(column, row, grid)|raw }}</td>
                            {% elseif column.renderBlockId == "webIndex" %}
                                <td class="col-xs-1 grid-column-{{ column.renderBlockId }}{% if column.class %} {{ column.class }}{% endif %}{% if column.align != 'left'%} align-{{ column.align }}{% endif %}{% if loop.last %} last-column{% endif %}{% if last_row %} last-row{% endif %}">{{num}}</td>
                            {% else %}
                                <td class="{{ column.renderBlockId=="title"?'col-xs-5':'col-xs-3'}} grid-column-{{ column.renderBlockId }}{% if column.class %} {{ column.class }}{% endif %}{% if column.align != 'left'%} align-{{ column.align }}{% endif %}{% if loop.last %} last-column{% endif %}{% if last_row %} last-row{% endif %}">{{ grid_cell(column, row, grid)|raw }}</td>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </tr>

            {% endset %}
            <tr{% if row.color != '' %} style="background-color:{{ row.color }};"{% endif %} class="list grid-row-cells {{ cycle(['odd', 'even'], loop.index) }}{% if row.class != '' %} {{ row.class }}{% endif %}">
                {{ gridColumns }}
            </tr>
        {% endspaceless %}
        {% set num = num+1 %}
    {% endfor %}
{% endblock grid_rows %}

{# ---------------------------------------------------- grid_pager -------------------------------------------------- #}
{% block grid_pager %}
    {% if pagerfanta %}
        {{ grid_pagerfanta(grid) }}
    {% else %}
        <form class="input-form" action="{{grid.routeUrl}}">
            <ul class="pager">
                {{ grid_pager_selectpage(grid) }}
            </ul>
        </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_filters -------------------------------------------------- #}
{% block grid_filters %}
    <div class="btn-group btn-input order-by">
        <div class="btn-group">
            <div class="input-group search">
                {% for column in grid.columns %}
                    {% if column.visible(grid.isReadyForExport) %}
                        <th class="{% if column.class %}{{ column.class }}{% endif %}{% if loop.last %} last-column{% endif %}"{% if(column.size > -1) %} style="width:{{ column.size }}px;"{% endif %}>
                            {% if column.filterable %}
                                {{ grid_filter(column, grid)|raw }}
                            {% endif %}
                        </th>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock grid_filters %}

{# -------------------------------------------- grid_column_filter_type_input --------------------------------------- #}
{% block grid_column_filter_type_input %}
    {% set btwOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_BTW') %}
    {% set btweOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_BTWE') %}
    {% set isNullOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_ISNULL') %}
    {% set isNotNullOperator = constant('APY\\DataGridBundle\\Grid\\Column\\Column::OPERATOR_ISNOTNULL') %}
    {% set op = column.data.operator is defined ? column.data.operator : column.defaultOperator %}
    {% set from = column.data.from is defined ? column.data.from : null %}
    {% set to = column.data.to is defined ? column.data.to : null %}
    {{ grid_column_operator(column, grid, op, submitOnChange) }}
    <input type="{{ column.inputType }}"  placeholder="{{'grid.search'|trans({},"USBackendBundle")}}" value="{{ from }}" class="form-control" name="{{ grid.hash }}[{{ column.id }}][from]" id="{{ grid.hash }}__{{ column.id }}__query__from" {% if submitOnChange is sameas(true) %}onkeypress="return {{ grid.hash }}_submitForm(event, this.form);"{% endif%} {{ ( op == isNullOperator or op == isNotNullOperator ) ? 'style="display: none;" disabled="disabled"' : '' }} />
    <div class="input-group-btn">
        <button type="submit" class="btn">
            <span class="gray glyphicons glyphicons-search"></span>
        </button>
    </div>
    <input type="{{ column.inputType }}"  placeholder="{{'grid.search'|trans({},"USBackendBundle")}}" value="{{ to }}" class="form-control" name="{{ grid.hash }}[{{ column.id }}][to]" id="{{ grid.hash }}__{{ column.id }}__query__to" {% if submitOnChange is sameas(true) %}onkeypress="return {{ grid.hash }}_submitForm(event, this.form);"{% endif%} {{ ( op == btwOperator or op == btweOperator ) ? '': 'style="display: none;" disabled="disabled"' }} />

{% endblock grid_column_filter_type_input %}

{# --------------------------------------------------- grid_titles -------------------------------------------------- #}
{% block grid_titles %}
    <tr class="grid-row-titles">
        <td class="list row">
            {% for column in grid.columns %}
                {% if column.visible(grid.isReadyForExport) %}
                    {{column.title}}
                {% endif %}
            {% endfor %}
        </td>
    </tr>
{% endblock grid_titles %}

{# ------------------------------------------------ grid_column_actions_cell --------------------------------------------- #}
{% block grid_column_actions_cell %}
    {% set actions = column.getActionsToRender(row) %}
    {% for action in actions %}
        <a href="{{ url(action.route, column.routeParameters(row, action), false) }}" target="{{ action.target }}"{% if action.confirm %} onclick="return confirm('{{ action.confirmMessage }}')"{% endif %}{% for name, value in action.attributes %} {{ name }}="{{ value }}" {% endfor %}>
            {{ action.title|trans }}
        </a>
    {% endfor %}
{% endblock grid_column_actions_cell %}