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

    {% block title %}
        {{entityName|trans|capitalize}}
    {% endblock %}

    {% block body %}
        {% if error is defined %}
            <div class="alert alert-danger">
                {{ error }}
            </div>
        {% else %}
            {#{% if contract is defined %}#}
            {#<a class="loadinmodal" data-action="{{ path('concessionairepayment_index', {contract: contract.id}) }}" data-callback="refreshTables">#}
                {#<button type="submit" class="btn btn-primary">#}
                    {#Pagos#}
                    {#<div class="ripple-container"></div>#}
                {#</button>#}
            {#</a>#}
            {#{% endif %}#}

            {% if filterForm is defined %}
                <div id="App_collection_promissorynote">
                    {{ form_start(filterForm, {'attr':{'data-remote':'true', 'data-method':'GET', 'data-url':filterForm.vars.action, 'data-replacecontent':'true' }}) }}
                    <div class="row">
                        <div class="col-md-4">
                            {{ form_row(filterForm.concessionaire) }}
                        </div>
                        <div class="col-md-4">
                            {{ form_row(filterForm.contract) }}
                        </div>
                        <div class="col-md-4">
                            {{ form_row(filterForm.status) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            {{ form_row(filterForm.creationDate) }}
                        </div>
                        <div class="col-md-4">
                            {{ form_row(filterForm.proposedPaymentDate) }}
                        </div>
                        <div class="col-md-4">
                            {{ form_row(filterForm.realPaymentDate) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            {{ form_row(filterForm.type) }}
                        </div>
                        <div class="col-md-4">
                            {{ form_row(filterForm.linerClosers) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <button class="btn-success btn" type="submit">Buscar</button>
                        </div>
                    </div>
                    {{ form_end(filterForm) }}
                </div>
            {% endif %}


            <div class="card-content table-responsive">
                <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-sortable="{{ field.type ?'true':'false'}}" 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>

        {% endif %}


    {% endblock %}