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

{% block grid %}
    <style>
        .grid-filter-operator{display:none}
    </style>
    <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="top-content">
        <div class="documents row">
            <div class="col-sm-2 text-left tipo">
                <ul>
                    <form class="form type-form">
                        {% if grid.isFilterSectionVisible %}
                            {{ grid_filters(grid) }}
                        {% endif %}
                    </form>
                </ul>
            </div>
            <div class="col-sm-8 div-center">
                {{ block('centerContentBox') }}
            </div>
            <div class=" text-right tamano">
                {{ grid_pager_results_perpage(grid) }}
            </div>
        </div>
    </div>
    <div class="clear-both"></div>
    <div class="phases">
        {{ render(controller('USBSHBundle:Timeline:phases')) }}
    </div>
{% endblock %}



{# ---------------------------------------------------- grid_pager -------------------------------------------------- #}
{% block grid_pager %}
    {% if pagerfanta %}
        {{ grid_pagerfanta(grid) }}
    {% else %}
        <form class ="form">
            <div class="text-right">
                {{ grid_pager_selectpage(grid) }}
            </div>
        </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">
                {% set columna = "" %}
                {% for column in grid.columns %}
                    {% if column.title == 'Tipo' %}
                        {% set columna = column %}
                    {% endif %}
                {% endfor %}
                {{ grid_filter(columna, grid)|raw }}
            </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 type-input" 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"' : '' }} style="display: none;" />
    <!--<li class="col-xs-2 col-sm-12">
        <a href="#" onclick="changeInputValue('', '.type-input', '.type-form');"><img src="/images/documents/icons19x19/1{% if from != '' %}_inactivo{% endif %}.png"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="#" onclick="changeInputValue('text', '.type-input', '.type-form');"><img src="/images/documents/icons19x19/2{% if from != 'text' %}_inactivo{% endif %}.png"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="#" onclick="changeInputValue('image', '.type-input', '.type-form');"><img src="/images/documents/icons19x19/3{% if from != 'image' %}_inactivo{% endif %}.png"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="#" onclick="changeInputValue('video', '.type-input', '.type-form');"><img src="/images/documents/icons19x19/4{% if from != 'video' %}_inactivo{% endif %}.png"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="#" onclick="changeInputValue('audio', '.type-input', '.type-form');"><img src="/images/documents/icons19x19/5{% if from != 'audio' %}_inactivo{% endif %}.png"/></a>
    </li>-->
    <li class="col-xs-2 col-sm-12">
         <a href="{{path('us_bsh_drive_index',{'num':'phase_1'})}}"><img src="/images/documents/icons19x19/1_inactivo.png" style="width: 40px;"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="{{path('us_bsh_drive_index',{'num':'phase_2'})}}"><img src="/images/documents/icons19x19/2_inactivo.png"style="width: 40px;"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="{{path('us_bsh_drive_index',{'num':'phase_3'})}}"><img src="/images/documents/icons19x19/3_inactivo.png"style="width: 40px;"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="{{path('us_bsh_drive_index',{'num':'phase_4'})}}"><img src="/images/documents/icons19x19/4_inactivo.png"style="width: 40px;"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="{{path('us_bsh_drive_index',{'num':'phase_5'})}}"><img src="/images/documents/icons19x19/5_inactivo.png"style="width: 40px;"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="{{path('us_bsh_drive_index',{'num':'phase_6'})}}"><img src="/images/documents/icons19x19/6_inactivo.png"style="width: 40px;"/></a>
    </li>
    <li class="col-xs-2 col-sm-12">
        <a href="{{path('us_bsh_drive_index',{'num':'phase_7'})}}"><img src="/images/documents/icons19x19/7_inactivo.png"style="width: 40px;"/></a>
    </li>

    <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"' }} />
    <!--<script>
        function changeInputValue(value, classInput, classForm)
        {
        {% set from = 555 %}
                $(classInput).val(value);
                $(classForm).submit();
            }
    </script>-->
{% endblock grid_column_filter_type_input %}

{# ---------------------------------------------------- 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="">
                <a onclick="return {{ grid.hash }}_resultsPerPage({{value}})" href="#">
                    <img src="/images/documents/icons19x19/{{ i }}{{grid.limits[key]!=grid.limit?'_inactivo'}}.png"/>
                </a>
            </li>
            <li class="pt-19"></li>
                {% set i = i+1 %}
            {% endfor %}
    </ul>
{% endblock grid_pager_results_perpage %}