{% form_theme searchForm 'bootstrap_3_layout.html.twig' %}
<div class="panel panel-white">
    <div class="panel-heading collapsed" data-toggle="collapse" href="#searcher">
        <h6 class="text-color3">
            <h6 style="cursor: pointer">BUSCADOR DE FACTURAS <i class="icon-arrow-down15"></i></h6>
            <div id="criteriaSearchInvoice"></div>
            <div>
                <small>(*) Sin criterio de fechas, se mostrarán un máximo de 50 registros.</small>
            </div>
        </h6>

    </div>

    <div id="searcher" class="panel-collapse collapse">
        {{ form_start(searchForm, {'action' : path('invoices'),'method':'GET'} ) }}
        <div class="panel-body">

            <div class="row">

                <div class="col-md-3">
                    {{ form_row(searchForm.codeInvoice) }}
                </div>

                <div class="col-md-3">
                    {{ form_row(searchForm.reception) }}
                </div>

                <div class="col-md-3">
                    {{ form_row(searchForm.numDeliveryNote) }}
                </div>


                <div class="col-md-3">
                    <div class="row" style="background-color: #BEBEBE">
                        <div class="col-md-6">
                            {{ form_row(searchForm.minDateInvoice) }}
                        </div>
                        <div class="col-md-6">
                            {{ form_row(searchForm.maxDateInvoice) }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">

                <div class="col-md-3">
                    {{ form_row(searchForm.dealer) }}
                </div>

                <div class="col-md-3">
                    {{ form_row(searchForm.company) }}
                </div>

                <div class="col-md-3">
                    {{ form_row(searchForm.typeStatusInvoice) }}
                </div>

                <div class="col-md-3">
                    <div class="row" style="background-color: #D3D3D3">
                        <div class="col-md-6">
                            {{ form_row(searchForm.minDatePayment) }}
                        </div>
                        <div class="col-md-6">
                            {{ form_row(searchForm.maxDatePayment) }}
                        </div>
                    </div>
                </div>

            </div>


            <div class="text-right">
                <a href="{{ path('clear_invoice_search') }}" id="clear" class="btn bg-color7 btn-rounded">Limpiar<i class="glyphicon glyphicon-remove position-right"></i></a>
                <button type="submit" class="btn bg-color3 btn-rounded">Buscar<i class="icon-search4 position-right"></i></button>
            </div>

        </div>
        {{ form_end(searchForm) }}
    </div>
</div>