{% extends '@!EasyAdmin/default/list.html.twig' %}

{% block content_header_wrapper %}{% endblock %}

{% block new_action %}
    <li>
        <a class="nav-link" href="{{ path('easyadmin', _request_parameters|merge({ action: _action.name })) }}" target="{{ _action.target }}">
            <div class="icon-new">
                <i class="s-24 icon-add_circle"></i>
            </div>
            <div class="link-new">
                {{ _action.label is defined and not _action.label is empty ? _action.label|trans(_trans_parameters) |trans(_trans_parameters)}}
            </div>
        </a>
    </li>
{% endblock new_action %}

{% block search_action %}

{% endblock search_action %}

{% block filters_action %}

{% endblock filters_action %}


{% block wrapper %}
{# bloque de search #}
<br>
    <div class="row">
        
        {% block column_search_left %}
        {% endblock %}

        {% block buttons_top_table %}
        {% endblock buttons_top_table %}

        {% block column_search_middle %}
            {% if not _has_filters %}
                <div class="col-md-5">
                    {% if easyadmin_action_is_enabled_for_list_view('search', _entity_config.name) %}
                        {% set _action = easyadmin_get_action_for_list_view('search', _entity_config.name) %}
                        <div class="form-action form-action-search {{ _action.css_class|default('') }} ">
                            <form method="get" action="{{ path('easyadmin') }}">
                                {% block search_form %}
                                    <input type="hidden" name="action" value="search">
                                    <input type="hidden" name="entity" value="{{ _request_parameters.entity }}">
                                    {# if the Request query doesn't define 'sortField' and 'sortDirection', we add them in the
                                    controller (but they don't appear in the request URI). When users click on a column to
                                    sort results, 'sortField' and 'sortDirection' are added to the Request query and they
                                        appear in the request URI too. So, checking if 'sortField' and 'sortDirection' is the
                                        only way to differentiate between sorting made by user and sorting made by us. We only
                                        need to persist the sorting if it's explicitly made by the user. #}
                                    {% if 'sortField' in app.request.uri %}
                                        <input type="hidden" name="sortField" value="{{ _request_parameters.sortField }}">
                                    {% endif %}
                                    {% if 'sortDirection' in app.request.uri %}
                                        <input type="hidden" name="sortDirection" value="{{ _request_parameters.sortDirection }}">
                                    {% endif %}
                                    <input type="hidden" name="menuIndex" value="{{ _request_parameters.menuIndex }}">
                                    <input type="hidden" name="submenuIndex" value="{{ _request_parameters.submenuIndex }}">
                                    {% for name, value in _request_parameters.filters|easyadmin_form_hidden_params('filters') %}
                                    <input type="hidden" name="{{ name }}" value="{{ value }}">
                                    {% endfor %}
                                    <div class="form-group">
                                        <div class="form-widget">
                                            <input class="form-control search-input" type="search" name="query" value="{{ app.request.get('query')|default('') }}" placeholder="{{ _action.label|default('action.search')|trans(_trans_parameters) }}" style="padding-left: 32px !important;">
                                        </div>
                                        <div>
                                            <button type="submit" class="btn btn-success">{{'Search'|trans}}</button>
                                        </div>
                                    </div>

                                {% endblock %}
                            </form>
                        </div>
                    {% endif %}
                </div>
            {% endif %}
        {% endblock %}
            
        {% block column_search_right %}
            <div class="col-md-7 d-flex justify-content-end">
                {% if _has_filters %}                
                    {% set _applied_filters = app.request.attributes.get('easyadmin').filters.applied|default(false) %}
                    <div class="action-filters">
                        <a type="button" href="{{ path('easyadmin', _request_parameters|merge({ action: 'filters', referer_action: app.request.get('action') })) }}" class="btn btn-outline-primary btn-lg btn-send-invitation action-filters-button {{ _applied_filters ? 'action-filters-applied' }}" data-modal="#modal-filters" style="padding-top: 12px !important;">
                            {{ 'filter.title'|trans(_trans_parameters, 'EasyAdminBundle') }}{% if _applied_filters %} <span class="">({{ _applied_filters|length }})</span>{% endif %}
                            <i class="fa fa-filter fa-fw" style='margin-right: 0px !important;'></i>
                        </a>
                        {% if _applied_filters %}
                            <a href="{{ path('easyadmin', _request_parameters|merge({ filters: null })) }}" class="btn btn-outline-primary btn-lg btn-send-invitation action-filters-reset" style="padding-top: 12px !important;">
                                <i class="fa fa-close" style='margin-right: 0px !important;'></i>
                            </a>
                        {% endif %}
                    </div>
                <div class='cont-modal-filter'>
                    {{ include('@EasyAdmin/default/includes/_filters_modal.html.twig') }}
                </div>
                {% endif %}
                
                <div class="dropdown ml-3">
                    <button class="btn btn-outline-primary btn-lg btn-send-invitation dropdown-toggle-more-actions" type="button" data-toggle="dropdown" aria-expanded="false">
                        <span>{{'CreateOrderClient.ver'|trans()}} <b>({{app.request.get('max_per_page') ? app.request.get('max_per_page') : 15}})</b></span>
                        <i class="s-24 fas fa-angle-down" aria-hidden="true"></i>
                    </button>
                    <div class="dropdown-menu">
                        <a role="button" type="button" class="dropdown-item" href="{{ path('easyadmin', _request_parameters|merge({ action: 'list', referer_action: app.request.get('action'), max_per_page: 15 })) }}">15</a>
                        <a role="button" type="button" class="dropdown-item" href="{{ path('easyadmin', _request_parameters|merge({ action: 'list', referer_action: app.request.get('action'), max_per_page: 30 })) }}">30</a>
                        <a role="button" type="button" class="dropdown-item" href="{{ path('easyadmin', _request_parameters|merge({ action: 'list', referer_action: app.request.get('action'), max_per_page: 60 })) }}">60</a>
                        <a role="button" type="button" class="dropdown-item" href="{{ path('easyadmin', _request_parameters|merge({ action: 'list', referer_action: app.request.get('action'), max_per_page: 120 })) }}">120</a>
                        <a role="button" type="button" class="dropdown-item" href="{{ path('easyadmin', _request_parameters|merge({ action: 'list', referer_action: app.request.get('action'), max_per_page: 240 })) }}">240</a>
                    </div>
                </div>

                {% block more_actions %}
                    {# Defino este bloque para agregar mas opciones en la vista de listados #}
                {% endblock %}
            </div>
        {% endblock %}

    </div>
{{ parent() }}
{% endblock %}

{% block body_custom_javascript %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            $(".content-wrapper").css("min-height",$(".content").height() + 155)
            $(".content-wrapper").css("overflow-x","scroll")
            $(".search-input").css("padding-left","30px !important")
            $(".form-widget").css("padding-left","0px !important")
            $('.dropdown-toggle-more-actions').dropdown()
        })
    </script>
{% endblock body_custom_javascript %}