{% 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">
                {% if '/phase' in app.request.uri %}
                    {% include 'USStatisticsBundle:Phase:includes/menu.html.twig' %}
                {% elseif '/activity' in app.request.uri %}
                    {% include 'USStatisticsBundle:Activity:includes/menu.html.twig' %}
                {% elseif '/status' in app.request.uri and '/active-plan' not in app.request.uri %}
                    {% include 'USStatisticsBundle:Status:includes/headerStatus.html.twig' %}
                {% elseif '/plan/incomplete' in app.request.uri %}
                    {% include 'USStatisticsBundle:Plan:includes/menu.html.twig' %}
                {% endif %}
            </div>
            <div class="col-md-3 search-section {{'/plan/complete' in app.request.uri or '/supportPlan' in app.request.uri?'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 %}

{% 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 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=" 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=" 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="list grid-row-cells {{ cycle(['odd', 'even'], loop.index) }}{% if row.class != '' %} {{ row.class }}{% endif %}">
                {{ gridColumns }}
            </tr>
        {% endspaceless %}
        {% set num = num+1 %}
    {% endfor %}
{% endblock %}

{% block grid_titles %}
    <tr class="grid-row-titles">
        {% for column in grid.columns %}
            {% if column.visible(grid.isReadyForExport) %}
                <th 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 %}">
                    <a class="order" href="{{ grid_url('order', grid, column) }}" title="{{ 'Order by'|trans }} {{ column.title|trans }}">{{ column.title|trans }}</a>
                </th>
            {% endif %}
        {% endfor %}
    </tr>
{% endblock %}

{# -------------------------------------------- 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) }}
    {% if '/incomplete-range-by-direction' in app.request.uri and '/incomplete-range-by-direction-and-hosttype' not in app.request.uri %}
        {% set placeholder = 'grid.search.bydirection'|trans({},"USBackendBundle") %}
    {% endif %}
    {% if '/incomplete-range-by-hosttype' in app.request.uri %}
        {% set placeholder = 'grid.search.byhosttype'|trans({},"USBackendBundle") %}
    {% endif %}
    {% if '/incomplete-range-by-direction-and-hosttype' in app.request.uri %}
        {% set placeholder = 'grid.search.bydirectionandhosttype'|trans({},"USBackendBundle") %}
    {% endif %}
    {% if '/incomplete-range-' in app.request.uri %}
        <input type="{{ column.inputType }}"  placeholder="{{placeholder}}" 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>
    {% endif %}
    {#    <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 %}