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

    {% block title %}
        {{ "Asignación de contrato" }}
    {% endblock %}
    {% block body %}
    <div class="container">
        <div class="row">
            <div class="col-2 col-lg-2"></div>
            <div class="col-8 col-lg-8">
                {{ form_start(filterForm, {'attr':{'data-remote':'true', 'data-callback':'onClientContractAssignation', 'data-method':'GET', 'data-url':filterForm.vars.action }}) }}
                    <div class="row">
                        <div class="col-lg-8">
                            {{ form_row(filterForm.stcUser) }}
                        </div>
                        <div class="col-lg-8">
                            {{ form_row(filterForm.rangeDate) }}
                        </div>
                        <div class="col-lg-8">
                            {{ form_row(filterForm.observations) }}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-9">
                            <button class="btn-success btn" type="submit">Asignar<div class="ripple-container"></div></button>
                        </div>
                    </div>
                {{ form_end(filterForm) }}
            </div>
            <div class="col-2 col-lg-2"></div>
        </div>

        <div class="row">
            <div class="col-lg-10">
                <div class="card-content table-responsive">
                    <table
                            data-unique-id="id"
                            id="assignation-table"
                            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 }}"
                            data-page-number="{{ pageNumber }}">
                        <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>
            </div>
        </div>
    </div>

    {% endblock %}