{% extends 'USBackendBundle::baseGrid.html.twig' %}
{% use 'USBackendBundle:Question:includes/header.html.twig' %}
{% use 'USBackendBundle:Question:includes/list.html.twig' %}

{% block grid %}
    {% block header %}
        {{ parent() }}
    {% endblock %}
    <table class="table custom-table-hover table_listado question">
        {% 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_titles -------------------------------------------------- #}
{% block grid_titles %}
    <tr class="grid-row-titles">
        <th class="list row">
            {% if class == 'test' %}
                {% set col = 'col-md-3' %}
            {% else %}
                {% set col = 'col-md-4' %}
            {% endif %}
            {% for column in grid.columns %}
                {% if column.visible(grid.isReadyForExport) and column.renderBlockId!="id" %}
            <div class="{{column.renderBlockId=='actions'?col~' text-center':col}}">
                {{column.title}}
            </div>
        {% endif %}
    {% endfor %}
</th>
</tr>
{% endblock grid_titles %}

{# ---------------------------------------------------- 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-md-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 == "testQuestions_weight" %}
                                <td class="col-md-1 {% 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>
                            {% else %}
                                {% if class == 'test' %}
                                    {% set col = 'col-md-5' %}
                                {% else %}
                                    {% set col = 'col-md-6' %}
                                {% endif %}
                                <td class="{{ column.renderBlockId=="title"?col:'col-md-3'}} {{ column.id=='actions'?'text-center' }} 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 %}">
                                    {% if column.renderBlockId=="title" and class!='test' %}
                                        <div class="move-icon glyphicon glyphicon-move"></div>
                                    {% endif %}
                                    <span class="{{column.renderBlockId=="title"?'title'}}">{{ grid_cell(column, row, grid)|raw }}</span>
                                </td>
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                </tr>

            {% 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 %}

{# ---------------------------------------------------- grid_pager_selectpage -------------------------------------------------- #}
{% block grid_pager_selectpage %}
    {% spaceless %}

        <div class="col-md-6">
            <div class="no-current col-md-1 text-center">
                {#                <a href="#" {% if grid.page <= 0 %}onclick="return 0"{% endif %} onclick="return {{ grid.hash }}_previousPage();"><span class=""></span><</a>#}
                <a href="{{grid_url('page', grid, grid.page - 1)}}"><span><</span></a>
            </div>
            {% if grid.page+1 == grid.pageCount and grid.page-1 >= 1 %}
                <div class="no-current col-md-1 text-center">{{grid.page-1 < 10?"0"}}{{grid.page-1}}</div>
            {% endif%}
            {% if grid.page+1 > 1 %}
                <div class="no-current col-md-1 text-center">{{grid.page < 10?"0"}}{{grid.page}}</div>
            {% endif %}
            <div class="current col-md-1 text-center">{{grid.page < 9?"0"}}{{grid.page+1}}</div>
            {% if grid.page+2 <= grid.pageCount %}
                <div class="no-current col-md-1 text-center">{{grid.page+2 < 10?"0"}}{{grid.page+2}}</div>
            {% endif %}
            {% if grid.page == 0 and grid.page+3 <= grid.pageCount %}
                <div class="no-current col-md-1 text-center">{{grid.page+3 < 10?"0"}}{{grid.page+3}}</div>
            {% endif%}
            <div class="no-current col-md-1 text-center">
                {#                <a href="#" {% if grid.page >= grid.pageCount-1 %}onclick="return 0"{% endif %} onclick="return {{ grid.hash }}_nextPage();">><span class=""></span></a>#}
                <a href="{{grid_url('page', grid, grid.page + 1)}}"><span></span>></a></li>
            </div>

        </div>
            <div class="col-md-6 text-right">
                <span class="">{{'grid.goto.page'|trans({},"USBackendBundle")}}
                        <input id="go_to" data-url="{{grid_url('page', grid) }}" data-pageCount="{{grid.pageCount}}" 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}}"#}>
                    {{ 'of %count%'|trans({ '%count%' : grid.pageCount }) }}
                </span> 
            </div> 
        {#        <li class="blue go-page-form">Ir a p&aacute;gina <input class="form-control go-page">{{ 'of %count%'|trans({ '%count%' : grid.pageCount }) }}</li>#}
    {% endspaceless %}
    
{% endblock grid_pager_selectpage %}

{# -------------------------------------------- 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(false) %}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(false) %}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 %}


{#--------------------------------------------------------------------------------#}

{% block grid_column_type_cell %}
    {% if value == "single" %}
        {{'question.type.single'|trans({},"USBackendBundle")}}
    {% elseif value == "multiple" %}
        {{'question.type.multiple'|trans({},"USBackendBundle")}}
    {% elseif value == "open" %}
        {{'question.type.open'|trans({},"USBackendBundle")}}
    {% endif %}
{% endblock %}