{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        {{'Pagos a proveedores (control de facturas)'}}
    {% endblock %}

    {% block body %}
        <div class="card-content table-responsive">



            {{ form_start(filterForm, {'attr':{'data-remote':'true', 'data-url':filterForm.vars.action,'data-method':'GET', 'data-replacecontent':'true' }}) }}
                <div class="row">
                    <div class="col-md-2">
                        {{ form_row(filterForm.folio) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(filterForm.dateRange) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(filterForm.user) }}
                    </div>
                    <div class="col-md-4">
                        {{ form_row(filterForm.provider) }}
                        <div class="text-right" style="cursor: pointer;position: relative;top: -70px;">
                            {#Help#}
                            <a class="text-info loadinmodal"  data-action="{{ path('service_payment_help', {"type":'provider_invoices_list'}) }}" title="Ayuda">
                                <i class="fa fa-question-circle"></i>
                            </a>
                        </div>
                    </div>
                </div>
            <div class="row">
                <div class="col-md-2">
                    {{ form_row(filterForm.canBeInvoiced) }}
                </div>
                <div id="service_payment_filter_required_container">
                    <div class="col-md-3" >
                        {% if filterForm.required is defined %}
                            {{ form_row(filterForm.required) }}
                        {% endif %}
                    </div>
                    <div class="col-md-3">
                        {% if filterForm.invoiced is defined %}
                            {{ form_row(filterForm.invoiced) }}
                        {% endif %}
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-md-12">
                    <button class="btn-success btn" type="submit">Buscar</button>
                </div>
            </div>
            {{ form_end(filterForm) }}

            <table
                   data-unique-id="id"
                   data-show-refresh="true"
                   class="table table-hover"
                   data-toggle="table"
                   data-search="true"
                   data-pagination="true"
                   data-height="550"
                   data-page-list="[5, 10, 20, 50, 100, 200]"
                   data-show-columns="true"
                   data-side-pagination="server"
                   data-locale="es-MX"
                   data-url="{{ fetchRoute }}">
                <thead>
                <tr>

                    {% for field in fields %}
                        {% if field.name in hiddenFields %}
                            <th data-field="{{ field.name }}" data-visible="false">{{ field.name|trans|capitalize }}</th>
                        {% else %}
                            <th data-field="{{ field.name }}" data-sortable="{{ field.type ?'true':'false'}}">{{ field.name|trans|capitalize }}</th>
                        {% endif %}
                    {% endfor %}
                    <th data-field="actions" data-sortable="false">{{ "actions"|trans|capitalize }}</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    {% endblock %}