{config_load file=$language_path section="general"}
<script type="text/javascript">
var BASEURL = '{$BASEURL}';
var icon_delete = '{icon type="delete"}';
var text_delete = '{#delete#}';
var REALLY_DELETE = '{$REALLY_DELETE}';
{literal}
$().ready(function(){
    $('input.add_memo').click(function(){
	$('div.add_memo').toggle();
    });
    $('div.add_memo').toggle();
    $('form[name="memo_add"]').submit(function(e){
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: $('form[name="memo_add"]').attr('action'),
            data: $('form[name="memo_add"]').serialize(),
            dataType: 'json',
            success: function(json){
                if(json.MSG != ''){
                    alert(json.MSG);
                }
                if(json.ACK == 1){
                    $('#memo_table tbody').append(
                            '<tr>'
                            +'  <td>'+json.ITEM.memo_date+'</td>'
                            +'  <td>'+json.ITEM.memo_title+'</td>'
                            +'  <td>'+json.ITEM.memo_text+'</td>'
                            +'  <td>'+json.ITEM.poster+'</td>'
                            +'  <td><a href="javascript:;" onclick="memo_delete(this,'+json.ITEM.memo_id+')" title="'+text_delete+'">'+icon_delete+'</a>',
                            +'</tr>'
                    );
                    $('form[name="memo_add"] input[name="memo_title"]').val('');
                    $('form[name="memo_add"] textarea').val('');
                    // zb bei rueckerstatten
                    let currentMemoNum = parseInt($('a#memo_link').parent().find('b').text());
                    $('a#memo_link').parent().find('b').text(currentMemoNum+1);
                    $('div.add_memo').hide();
                }
            },
            error: function(xhr){
                alert('Error cant save Memo');
            }
        });
        return false;
    });
});

function memo_delete(elm,id){
    if(!confirm(REALLY_DELETE)){
        return false;
    }
    $.ajax({
        url: 'customers.php?special=remove_memo&memoID='+id,
        dataType: 'json',
        success: function(json){
            if(json.MSG != ''){
                alert(json.MSG);
            }
            if(json.ACK == 1){
                $(elm).parent().parent().remove();
                // zb bei rueckerstatten
                let currentMemoNum = parseInt($('a#memo_link').parent().find('b').text());
                $('a#memo_link').parent().find('b').text(currentMemoNum-1);
            }
        }
    });
}

{/literal}
</script>

<div class="ui-widget" style="font-size:0.8em;">
    
<div class="add_memo ui-widget-content" style="padding: 4px;">
    {$FORM}
        <fieldset>
            <legend>Memo {#add#}</legend>
            <label for="memo_title">{$TEXT_TITLE}:<br /></label>
            {$INPUT_TITLE}<br />
            <label for="memo_text">{$ENTRY_MEMO}:<br /></label>
            {$INPUT_TEXT}<br />
            <input type="submit" value="{#add#}" class="ui-button ui-corner-all ui-state-default" />
        </fieldset>
    </form>
</div>
{$MEMOS}
<br />
<input class="ui-button ui-corner-all ui-state-highlight add_memo" value="{$ENTRY_MEMO} {#add#}" type="button"/>
</div>