{% form_theme searchForm 'bootstrap_3_layout.html.twig' %}
{{ form_start(searchForm, {'action' : path('stock_list'),'method':'GET'} ) }}
<div class="panel-body">

    <div class="row">
        <div class="col-md-4">
            {{ form_row(searchForm.alias) }}

            {% if group.groupConfiguration.useLocatorAlias %}
                {{ form_row(searchForm.locatorAlias) }}
            {% endif %}
            {% if group.groupConfiguration.useLocator %}
                {{ form_row(searchForm.locator) }}
            {% endif %}
            {% if group.groupConfiguration.showAutoincrementNumberForArticle %}
                {{ form_row(searchForm.autoIncrement) }}
            {% endif %}

            {{ form_row(searchForm.dealer) }}
            {{ form_row(searchForm.brand) }}

            {{ form_row(searchForm.articleModel) }}

            {{ form_row(searchForm.articleColor) }}

            {% if roleRight == true %}
                {{ form_row(searchForm.minDateOfSold) }}
                {{ form_row(searchForm.maxDateOfSold) }}
            {% else %}
                <div class="hidden">
                    {{ form_row(searchForm.minDateOfSold) }}
                    {{ form_row(searchForm.maxDateOfSold) }}
                </div>
            {% endif %}

            {% if isLite == true %}
                {{ form_row(searchForm.typeStatusStock) }}
            {% endif %}


        </div>


        <div class="col-md-4">
            {{ form_row(searchForm.serie) }}
            {{ form_row(searchForm.section) }}
            {{ form_row(searchForm.category) }}
            {{ form_row(searchForm.subcategory) }}

            {{ form_row(searchForm.season) }}
            {{ form_row(searchForm.typeArticle) }}

            {% if isLite == false %}
                {{ form_row(searchForm.typeStatusStock) }}
            {% endif %}

            {% if isLite == false %}
                {{ form_row(searchForm.orders) }}
                {{ form_row(searchForm.reception) }}
            {% else %}
                <div class="hidden">
                    {{ form_row(searchForm.orders) }}
                    {{ form_row(searchForm.reception) }}
                </div>
            {% endif %}

            {{ form_row(searchForm.marketplace) }}
            {{ form_row(searchForm.onlineOffline) }}

        </div>

        <div class="col-md-4">
            {{ form_row(searchForm.typeSize) }}
            {{ form_row(searchForm.shop) }}
            {{ form_row(searchForm.shopOwner) }}
            {{ form_row(searchForm.companyOwner) }}

            {{ form_row(searchForm.costPriceFrom) }}
            {{ form_row(searchForm.costPriceTo) }}
            {{ form_row(searchForm.priceFrom) }}
            {{ form_row(searchForm.priceTo) }}
            {{ form_row(searchForm.qtyFrom) }}
            {{ form_row(searchForm.qtyTo) }}
        </div>
    </div>

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


<script>


    $(document).ready(function(){

        var route = Routing.generate('_ajax_load_article_model');
        $.ajax({
            type: "GET",
            async: false,
            cache: false,
            timeout: 30000,
            url: route,
            data: null,
            success: function(result) {
                for (i = 0; i < result.length; ++i) {
                    optionText = result[i]["description"];
                    optionValue = result[i]["id"];

                    $('#searchStockForm_articleModel').append(`<option value="${optionValue}">
                                           ${optionText}
                                      </option>`);
                }
                $('#searchStockForm_articleModel').select2();

                //SEARCH CRITERIA PLUGIN
                core_stock_search_criteria.getCriteria();
            },
            error: function(err) {
                console.log(err);
            }
        });


    })

</script>