{% if app.user is not null and selectViews is iterable and selectViews.0 is defined %}
{% set selectedView = 0 %}
{% if app.request.query.get('view') == 0 or app.request.query.get('view') %}
    {% set selectedView = app.request.query.get('view') %}
{% else %}
    {% for selectView in selectViews %}
        {% if app.user.config.views.defaults[selectView.filterKey] is defined and app.user.config.views.defaults[selectView.filterKey] == selectView.id %}
            {% set selectedView = selectView.id %}
        {% endif %}
    {% endfor %}
{% endif %}
<div class="input-append">
    <select name="vew" id="selectView" class="pull-left">
        <option value="0">{% trans %}view.selectview{% endtrans %}</option>
        {% for selectView in selectViews %}
        <option value="{{ selectView.id }}" {% if selectedView == selectView.id %}selected="selected" {% endif %}{% if selectView.owner.id == app.user.id %}data-delete-url="{{ path('view_delete', {'key': selectView.filterKey, 'id':selectView.id}) }}"{% else %}data-delete-url="0"{% endif %} data-savedefault-url="{{ path('view_save_default', {'key': selectView.filterKey, 'id':selectView.id}) }}">
            {{ selectView.title }} {% if app.user.config.views.defaults[selectView.filterKey] is defined and app.user.config.views.defaults[selectView.filterKey] == selectView.id %}[{% trans %}view.favorite{% endtrans %}]{% endif %}
        </option>
        {% endfor %}
    </select>
    <button class="btn pull-left" type="button" id="searchView">{% trans %}view.search{% endtrans %}</button>
    <div class="btn-group pull-right">
        <button class="btn dropdown-toggle" data-toggle="dropdown">
            {% trans %}view.options{% endtrans %}
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="javascript:void(0)" id="saveDefault">{% trans %}view.savedefault{% endtrans %}</a>
            {#<li><a href="javascript:void(0)" id="editView">{% trans %}view.edit{% endtrans %}</a>#}
            <li><a href="javascript:void(0)" id="deleteView">{% trans %}view.delete{% endtrans %}</a>
        </ul>
    </div>
</div>

    <div id="confirmDeleteView" title="{% trans %}view.deleteconfirmation.title{% endtrans %}" style="display:none">
        {% trans %}view.deleteconfirmation.description{% endtrans %}
    </div>
    <script>
        $('#selectView').change(function() {
            $("#selectView option:selected").each(function () {
                deletable = $(this).attr('data-delete-url');
            });
            if (deletable == true) {
                $('#deleteView').parent().hide();
                $('#editView').parent().hide();
            } else {
                $('#deleteView').parent().show();
                $('#editView').parent().show();
            }
        });

        $('#deleteView').click(function() {
            $("#selectView option:selected").each(function () {
                toDeleteUrl = $(this).attr('data-delete-url');
                val = $(this).val();
            });
            $( "#confirmDeleteView" ).dialog({
                modal: true,
                width: 600,
                buttons: [
                {   text: "{% trans %}view.deleteconfirmation.confirm{% endtrans %}",
                    click: function() {
                        $( this ).dialog( "close" );
                        openLoader();
                        $.ajax({type: 'GET', url: toDeleteUrl,
                            success: function(data, textStatus, jqXHR) {
                                closeLoader();
                                json = JSON.parse(data);
                                if (json.success == true) {
                                    $("#selectView option[value='"+val+"']").remove();
                                } else {
                                    alert("{% trans %}admin.failed{% endtrans %}");
                                }
                            },
                            error: function(data, textStatus, jqXHR) {
                                closeLoader();
                                alert("{% trans %}An error has occured.{% endtrans %}");
                            }
                        });
                    }
                },
                {   text: "{% trans %}view.deleteconfirmation.close{% endtrans %}",
                    click: function() {
                        $( this ).dialog( "close" );
                    }
                }]
            });
        });
        $('#saveDefault').click(function() {
            $("#selectView option:selected").each(function () {
                toDefaultUrl = $(this).attr('data-savedefault-url');
                val = $(this).val();
                isFavorite = $('#selectView option:selected:contains("[{% trans %}view.favorite{% endtrans %}]")').length;
            });
            openLoader();
            $.ajax({type: 'GET', url: toDefaultUrl,
                success: function(data, textStatus, jqXHR) {
                    closeLoader();
                    json = JSON.parse(data);
                    if (json.success == true) {
                        $("#selectView option").each(function () {
                            $(this).text($(this).text().replace('[{% trans %}view.favorite{% endtrans %}]', ''));
                        });
                        if (isFavorite == 0) {
                            txt = $("#selectView option[value='"+val+"']").text();
                            $("#selectView option[value='"+val+"']").text(txt + '[{% trans %}view.favorite{% endtrans %}]');
                        }
                    } else {
                        alert("{% trans %}admin.failed{% endtrans %}");
                    }
                },
                error: function(data, textStatus, jqXHR) {
                    closeLoader();
                    alert("{% trans %}An error has occured.{% endtrans %}");
                }
            });

        });
        $('#searchView').click(function() {
            val = $("#selectView").val();
            window.location = window.location.pathname + '?view=' + val;
        });
    </script>

{% endif %}