{##
 # This file is part of the SgDatatablesBundle package.
 #
 # (c) stwe <https://github.com/stwe/DatatablesBundle>
 #
 # For the full copyright and license information, please view the LICENSE
 # file that was distributed with this source code.
 #}
{% extends '@SgDatatables/filter/select.html.twig' %}

{% block javascript %}
    {{ parent() }}

    <script type="text/javascript">
        $("#{{ filter_id_selector }}").select2({
            {% if column.filter.placeholder is not same as(null) %}
                placeholder: "{{ column.filter.placeholder }}",
            {% endif %}
            {% if column.filter.allowClear is not same as(null) %}
                allowClear: {{ column.filter.allowClear|sg_datatables_bool_var }},
            {% endif %}
            {% if column.filter.tags is not same as(null) %}
                tags: {{ column.filter.tags|sg_datatables_bool_var }},
            {% endif %}
            {% if column.filter.language is not same as(null) %}
                language: "{{ column.filter.language }}",
            {% else %}
                language: "{{ app.request.locale }}",
            {% endif %}
            dropdownAutoWidth : true,
            {% if column.filter.url is not same as(null) %}
                ajax: {
                    url: "{{ path(column.filter.url) }}",
                    dataType: 'json',
                    delay: {{ column.filter.delay }},
                    cache: {{ column.filter.cache|sg_datatables_bool_var }},
                    data: function (params) {
                        return {
                            q: params.term,
                            page: params.page
                        };
                    },
                    processResults: function (data, params) {
                        params.page = params.page || 1;

                        var resultArray = [];
                        for (var id in data) {
                            resultArray.push({
                                id : data[id],
                                text : data[id]
                            });
                        }

                        return {
                            results: resultArray,
                            pagination: {
                                more: (params.page * 30) < data.total_count
                            }
                        };
                    }
                },
            {% endif %}
        });
        {% if column.filter.searchColumn %}
            $("#{{ filter_id_selector }}").val($('#{{ filter_id_selector }} option:first-child').val()).trigger('change');
        {% endif %}
    </script>
{% endblock %}