{% extends 'USStatisticsBundle::baseGrid.html.twig' %}

{% block grid %}
    <style>
        .grid-filter-operator{display:none}
    </style>
    <div class="row">
        <div class="cabecera_listado">
            <div class="clearfix"></div>
            <div class="col-md-12">
                <form id="{{ grid.hash }}" action="{{ grid.routeUrl }}" method="get">
                    {% if grid.exports|length > 0 %}
                        {{ grid_exports(grid) }}
                    {% endif %}
                </form>
            </div>
            <div class="col-md-9">
            </div>
            <div class="col-md-3 search-section mt-27n">
                <form action="{{grid.routeUrl}}" class="form search-form">
                    {% if grid.isFilterSectionVisible %}
                        {{ grid_filters(grid) }}
                    {% endif %}
                </form>
            </div>
        </div>
        <div class="nav nav-tabs pull-right">
        </div>
    </div>
    <table class="table custom-table-hover table_listado">
        {% if grid.isTitleSectionVisible %}
            {{ grid_titles(grid) }}
        {% endif %}
        <tbody>
            {{ grid_rows(grid) }}
        </tbody>
    </table>
    {% if grid.isPagerSectionVisible %}
        {{ grid_pager(grid) }}
    {% endif %}
    {% if withjs %}
        {{ grid_scripts(grid) }}
    {% endif %}

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

{% endblock grid %}

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

{# -------------------------------------------------- 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.byname'|trans({},"USBackendBundle")}}" value="{{ from }}" class="form-control" name="{{ grid.hash }}[{{ column.id }}][from]" id="{{ grid.hash }}__{{ column.id }}__query__from"  {{ ( op == isNullOperator or op == isNotNullOperator ) ? 'style="display: none;" disabled="disabled"' : '' }} />
    <div id="search-button" class="input-group-btn">
        <button type="submit" class="btn">
            <span class="gray glyphicons glyphicons-search"></span>
        </button>
    </div>
    {#    <input type="{{ column.inputType }}"  placeholder="Buscar..." value="{{ to }}" class="form-control" name="{{ grid.hash }}[{{ column.id }}][to]" id="{{ grid.hash }}__{{ column.id }}__query__to" {{ ( op == btwOperator or op == btweOperator ) ? '': 'style="display: none;" disabled="disabled"' }} />#}

{% endblock grid_column_filter_type_input %}


{# ---------------------------------------------------- grid_rows --------------------------------------------------- #}
{% block grid_rows %}
    {% set num = 1 %}
    {% for row in grid.rows %}
        {% set last_row = loop.last %}
        {% spaceless %}
            {% set gridColumns %}

                {% for column in grid.columns %}
                    {% if column.visible(grid.isReadyForExport) %}
                        {% if column.renderBlockId == "id" %}
                            <td style="display: none;" class=" 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="list 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="list 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 %}
            {% endset %}
            <tr{% if row.color != '' %} style="background-color:{{ row.color }};"{% endif %} class=" 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 %}


{# ---------------------------------------------------- render custom fields--------------------------------------------------- #}

{% block grid_column_id_user_firstname_cell %}
    {{ row.getField('user.firstname') ~ ' ' ~ row.getField('user.lastname') }}
{% endblock %}

{% block grid_column_id_responsible_firstname_cell %}
    {{ row.getField('responsible.firstname') ~ ' ' ~ row.getField('responsible.lastname') }}
{% endblock %}

{% block grid_column_id_status_cell %}
    {#       <span class="glyphicon glyphicon-ok"></span>  #}
    {# todo: TimelineActivity Helper, to show status #}
    {{value}}
{% endblock %}