{% if button == 'save' %}
    <a href="javascript:void(0)" id="saveView"><img src="{{ asset('twtools/images/icones/16x16/save_as.png') }}" alt="{% trans %}view.save{% endtrans %}" title="{% trans %}view.save{% endtrans %}"/></a>
    <script>
        $('#saveView').click(function() {
            $( "#formCompleteView" ).dialog({ 
                modal: true,
                width: 600, 
                buttons: [ 
                {   text: "{% trans %}view.saveconfirmation.save{% endtrans %}", 
                    click: function() {
                        if ($('#titleViewCopy').val() == '') {
                            $("#formCompleteView").addClass("error");
                            $("#formCompleteView .help-inline").show();
                        } else {
                            $( this ).dialog( "close" );
                            $('#titleView').val($('#titleViewCopy').val());
                            data = $('#bulk').serialize();
                            openLoader();
                            $.ajax({type: 'GET', url: "{{ path('view_new', {'key': filterKey}) }}", data: data,
                                success: function(data, textStatus, jqXHR) {
                                    closeLoader();
                                    json = JSON.parse(data);
                                    if (json.success == true) {
                                        $('#selectView').append('<option value="'+json.values.id+'" selected="selected" data-savedefault-url="/admin/views/'+json.values.key+'/default/'+json.values.id+'" data-delete-url="/admin/views/'+json.values.key+'/delete/'+json.values.id+'">'+json.values.title+'</option>');
                                    } else {
                                        alert("{% trans %}admin.failed{% endtrans %}");
                                    }
                                },
                                error: function(data, textStatus, jqXHR) {
                                    closeLoader();
                                    alert("An error has occured.");
                                }
                            });
                        }
                    }
                },
                {   text: "{% trans %}view.saveconfirmation.close{% endtrans %}",
                    click: function() {
                        $( this ).dialog( "close" );
                    }
                }] 
            });
        });
    </script>
    <input type="hidden" name="titleView" value="My view" class="input-xlarge" id="titleView" />
    <div class="control-group form-horizontal" id="formCompleteView" title="{% trans %}view.saveconfirmation.title{% endtrans %}" style="display:none">
        <label class="control-label">{% trans %}view.saveconfirmation.titleLabel{% endtrans %}</label>
        <div class="controls">
            <input type="text" name="titleViewCopy" id="titleViewCopy" value="" class="input-xlarge" />
            <span class="help-inline" style="display:none">Ce champs doit être rempli.</span>
        </div>
    </div>
    
    
{% else %}
    <img src="{{ asset('twtools/images/icones/16x16/filter.png') }}" alt="{% trans %}Filter{% endtrans %}" title="{% trans %}Filter{% endtrans %}"/>
{% endif %}