{% extends 'APYDataGridBundle::blocks.html.twig' %}

{# ---------------------------------------------------- custom filter for date --------------------------------------------------- #}

{% 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' %}
                {% elseif '/satisfaction/range/' in app.request.uri %}
                    {% include 'USStatisticsBundle:Satisfaction: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 grid %}


{% block grid_column_filter_type_input2 %}
    {# Operator #}
    {% 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 %}

    {# Query #}
    {% set from = column.data.from is defined ? column.data.from : null %}
    {% set to = column.data.to is defined ? column.data.to : null %}

    {# Display #}
    <span class="grid-filter-input">
        {{ block('grid_column_operator')}}
        <span class="grid-filter-input-query">
            <input type="date" value="{{ from }}" class="grid-filter-input-query-from" name="{{ grid.hash }}[{{ column.id }}][from]" id="{{ grid.hash }}__{{ column.id }}__query__from" {% if submitOnChange is sameas(true) %}onkeypress="if (event.which == 13) {
                        this.form.submit();
                    }"{% endif%} {{ ( op == isNullOperator or op == isNotNullOperator ) ? 'style="display: none;" disabled="disabled"' : '' }} />
            <input type="date" value="{{ to }}" class="grid-filter-input-query-to" name="{{ grid.hash }}[{{ column.id }}][to]" id="{{ grid.hash }}__{{ column.id }}__query__to" {% if submitOnChange is sameas(true) %}onkeypress="if (event.which == 13) {
                        this.form.submit();
                    }"{% endif%} {{ ( op == btwOperator or op == btweOperator ) ? '': 'style="display: none;" disabled="disabled"' }} />
        </span>
    </span>
    <div id="search-button" class="input-group-btn">
        <button type="submit" class="btn">
            <span class="gray glyphicons glyphicons-search"></span>
        </button>
    </div>
{% endblock grid_column_filter_type_input2 %}


{% block grid_exports %}
    <div class="exports">
        {% spaceless %}
            <select name="{{grid.hash}}[{{ constant('APY\\DataGridBundle\\Grid\\Grid::REQUEST_QUERY_EXPORT') }}]" style="display:none;">
                <option value="0"></option>
                {#            {% for key, export in grid.exports %}#}
                {#            <option value="{{key}}">{{ export.title|trans }}</option>#}
                {#            {% endfor %}#}
            </select>
            <input type="submit" value="{{ 'Export'|trans }}"/>
        {% endspaceless %}
    </div>
{% endblock grid_exports %}

{% block grid_column_cell %}
    {{ value!='false' and value!=''?value:0 }} {{column.id=='completePercent' and value==''?' %'}}
{% endblock %}

{# ---------------------------------------------------- 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 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>
                        {% elseif column.renderBlockId == "0" or column.renderBlockId == "25" or column.renderBlockId == "50" 
                                or column.renderBlockId == "75" or column.renderBlockId == "100"%}
                            <td class="col-md-2">{{ grid_cell(column, row, grid)|raw }}</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 grid_rows %}

{# ---------------------------------------------------- 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_pager_selectpage -------------------------------------------------- #}
{% block grid_pager_selectpage %}
    <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> 
{% endblock %}

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

{# ------------------------------------------------ custom cells --------------------------------------------- #}
{% block grid_column_boolean_cell %}
    {{value=="false"?"0":"1"}}
{% endblock %}

{% block grid_column_direction_cell %}
    {{value==""?"empty":value}}
{% endblock %}

{% block grid_column_hostType_cell %}
     {% if value == "extern" %}
         {{'user.hostType.extern'|trans({},"USBackendBundle")}}
     {% elseif value == "intern"%}
         {{'user.hostType.intern'|trans({},"USBackendBundle")}}
     {% elseif value == "outsourced" %}
         {{'user.hostType.outsourced'|trans({},"USBackendBundle")}}
     {% elseif value == "trainee" %}
         {{'user.hostType.trainee'|trans({},"USBackendBundle")}}
     {% endif %}
{% endblock %}


{% block grid_column_name_cell %}
    {{ value |replace({'phase_':''}) }}
{% endblock %}


{% block grid_column_phase_cell %}
    {{ value |replace({'phase_':''}) }}
{% endblock %}

{% block grid_column_type_cell %}
     {% if value == "extern" %}
         {{'user.hostType.extern'|trans({},"USBackendBundle")}}
     {% elseif value == "intern"%}
         {{'user.hostType.intern'|trans({},"USBackendBundle")}}
     {% elseif value == "outsourced" %}
         {{'user.hostType.outsourced'|trans({},"USBackendBundle")}}
     {% elseif value == "trainee" %}
         {{'user.hostType.trainee'|trans({},"USBackendBundle")}}
     {% endif %}
{% endblock %}

{#{% block grid_titles %}
    <tr class="grid-row-titles">
    {% for column in grid.columns %}
        {% if column.visible(grid.isReadyForExport) %}
            <th class="{% if column.align != 'left'%}align-{{ column.align }}{% endif %}{% if column.class %} {{ column.class }}{% endif %}{% if loop.last %} last-column{% endif %}"{% if(column.size > -1) %} style="width:{{ column.size }}px;"{% endif %}>
            {%- spaceless %}
            {% if column.type == 'massaction' %}
                <input type="checkbox" class="grid-mass-selector" onclick="{{ grid.hash }}_markVisible(this.checked);"/>
            {% else %}
                {% set columnTitle = grid.prefixTitle ~ column.title ~ '__abbr' %}
                {% if columnTitle|trans == columnTitle %}
                    {% set columnTitle = grid.prefixTitle ~ column.title %}
                {% endif %}
                    {{ columnTitle|trans }}
            {% endif %}
            {% endspaceless -%}
            </th>
        {% endif %}
    {% endfor %}
    </tr>
{% endblock grid_titles %}#}