{% extends "site/layout/base_text.html" %}

{% load i18n %}

{% load com %}

{% block head %}

<script type="text/javascript">

<!--

function check_save(){

    needToConfirm = false;

    var newVersion = $('#id_new_version').attr('checked') ;

    var commentsKept = $('#id_keep_comments').attr('checked') ;

    var new_content = $('#id_content').val()

    var new_format = $('#id_format').val()

    if (commentsKept) {

        var pre_edit_url = tb_conf['pre_edit_url'] ;

        $.ajax({

           url: pre_edit_url,

           type:'POST',

           dataType:"json",

           data: { "new_content": new_content,  "new_format": new_format},

           success: function(obj){

               nb_removed = obj['nb_removed'];

               if (newVersion) {

                    if (nb_removed == 0) {

                        $('#edit_form').submit();

                    }

                    else {

                        var message = "{% blocktrans %}{nb_comments} comment(s) will be removed because the text they apply to has been changed. Do you want to continue?{% endblocktrans %}".replace("{nb_comments}", ""+nb_removed);

                        $('#check_save_dialog').html(message) ;

                        $('#check_save_dialog').dialog('open') ;

                    }

               }

               else {                  

                   if (nb_removed == 0) {

                        $('#edit_form').submit();

                    }

                   else {

                        var message = "{% blocktrans %}{nb_comments} comment(s) will be lost, do you want to continue?{% endblocktrans %}".replace("{nb_comments}", ""+nb_removed);

                        message = message + "<br />" + "({% blocktrans %}We suggest you create a new version{% endblocktrans %})" ;

                       $('#check_save_dialog').html(message) ;

                       $('#check_save_dialog').dialog('open') ;

                   }

               }

           },

           error: function(msg){

               alert("error: " + msg);

           }

        });

    }

    else {

        if (!newVersion) {

                var message = "{% blocktrans %}Since you chose not to create a new version all comments will be deleted, do you want to continue?{% endblocktrans %}" ;

                $('#check_save_dialog').html(message) ;

                $('#check_save_dialog').dialog('open') ;

        }

        else {

            $('#edit_form').submit();

        }

    }

}

$(function() {

	var buttons = {};

	buttons[gettext('No')] = function() {$(this).dialog('close');} ;

	buttons[gettext('Yes')] = function() {$(this).dialog('close');$('#edit_form').submit();} ;

    $('#check_save_dialog').dialog({

        bgiframe: true, 

        autoOpen: false,        

        title :gettext('Warning'),

        modal: true,

        buttons:buttons

    }) ;

    $("#save").click(function() { check_save() ;}) ;

}) ;

-->

</script>

{% endblock %}

{% block main %}

    {% include "site/macros/text_editor.html" %}

<script type="text/javascript">

<!--

tb_conf['current_tab'] = 'edit';

// keep get parameters!! 

tb_conf['pre_edit_url'] = '{% url text-preedit text.key %}?{{ request.GET.urlencode }}';

-->

</script>

<div style="display: none;">

    <div id="check_save_dialog"></div>

</div>

<div id="text_edit" class="tab-meta">

<form id="edit_form" class="text-form wizard-form" action="." method="post">

    <table class="wide_form">

        <tbody>

            {% include "site/macros/form_fields.html" %}

    <tr>

        <td style="vertical-align: top; width: 20%; text-align:right;">

        </td>

        <td>

            <label></label>

            <input name="save" id="save" type="button" value="{% blocktrans %}Save{% endblocktrans %}"/>            

        </td>

    </tr>

        </tbody>

    </table>

</form>

</div>

{% endblock %}