{% 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 CLIENTES <i class="icon-arrow-down15"></i></h6>
            <div id="criteriaSearchCustomer"></div>
            <div>
                <small>(*) Sin criterios de búsqueda, se mostrarán los últimos 100 clientes. Con criterios un máximo de 2000 clientes ordenados. Ordenados por fecha de creación descendente.</small>
            </div>

        </h6>

    </div>

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

            <div class="row">

                <div class="col-md-2">
                    {{ form_row(searchForm.nameCustomer) }}
                    {{ form_row(searchForm.surnameCustomer) }}
                    {{ form_row(searchForm.cif) }}
                    {{ form_row(searchForm.telephone) }}
                </div>

                <div class="col-md-2">
                    {{ form_row(searchForm.typeCustomer) }}
                    {{ form_row(searchForm.fidelityCard) }}
                    {{ form_row(searchForm.zip) }}
                    {{ form_row(searchForm.email) }}
                </div>

                <div class="col-md-2">
                    {{ form_row(searchForm.minDateCreation) }}
                    {{ form_row(searchForm.maxDateCreation) }}
                    {{ form_row(searchForm.typeCustomerSource) }}
                    {{ form_row(searchForm.typeStatus) }}
                </div>

                <div class="col-md-2">
                    {{ form_row(searchForm.minDateSale) }}
                    {{ form_row(searchForm.maxDateSale) }}
                    {{ form_row(searchForm.websiteConfig) }}
                </div>

                <div class="col-md-2">
                    {{ form_row(searchForm.minDateWebOrder) }}
                    {{ form_row(searchForm.maxDateWebOrder) }}
                    {{ form_row(searchForm.piggyBank) }}
                </div>

                <div class="col-md-2">
                    {{ form_row(searchForm.minDob) }}
                    {{ form_row(searchForm.maxDob) }}
                    {{ form_row(searchForm.birthday) }}
                </div>

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


            </div>

            <div class="text-right">
                <a href="{{ path('clear_customer_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>

<script>
    $(document).ready( function () {


        // Month and day
        $("#searchCustomerForm_birthday").AnyTime_picker({
            format: "%d/%m"
        });

    });

</script>