{config_load file=$language_path section="general"}
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS right_content=$PAGE_HEADING_RIGHT_CONTENT}
<br clear="all" />
{$WYSIWYG}
<script type="text/javascript">
    var REALLY_DELETE_EMAILFILTER_ADDRESS = '{$REALLY_DELETE_EMAILFILTER_ADDRESS}';
{literal}
tinymce.editors = [];
$(function(){
    $('form[name="own_email_form"] input#save_own_mailaddress').on('click',function(){
	process_user_profile_save_button($(this),false);
	var btn = $(this);
	var target_url = $('form[name="own_email_form"]').attr('action');
	var target_data = {use_own_mailaddress: ($('input[name="use_own_mailaddress"]').prop('checked'))?1:0};
	save_user_profile(target_url,target_data,btn);
    });
    $('form[name="email_signature_form"] input#save_email_signature').on('click',function(){
	process_user_profile_save_button($(this),false);
	var btn = $(this);
	var target_url = $('form[name="email_signature_form"]').attr('action');
	var target_data = {email_signature: tinyMCE.activeEditor.getContent()};
	save_user_profile(target_url,target_data,btn);
    });
    $('form[name="select_orders_default_search_type_form"] input#save_order_search_type').on('click',function(){
	process_user_profile_save_button($(this),false);
	var btn = $(this);
	var target_url = $('form[name="select_orders_default_search_type_form"]').attr('action');
	var target_data = {orders_default_search_type: $('select[name="orders_default_search_type"]').val()};
	save_user_profile(target_url,target_data,btn);
    });
    $('form[name="ti"] input#save_ti').on('click',function(){
	process_user_profile_save_button($(this),false);
	var btn = $(this);
	var target_url = $('form[name="ti"]').attr('action');
	var target_data = $('form[name="ti"]').serialize();
	save_user_profile(target_url,target_data,btn);
    });
    $('form[name="account_categories"] input#save_user_categories').on('click',function(){
	process_user_profile_save_button($(this),false);
	var btn = $(this);
	var target_url = $('form[name="account_categories"]').attr('action');
	var target_data = $('form[name="account_categories"]').serialize();
	save_user_profile(target_url,target_data,btn);
    });
    $('button#add_emailfilter_address').on('click',function(){
        let user_input_address = $('input[name="address"]').val();
        $.ajax({
            url: 'start.php?action=user_profile&upef_action=add&address='+encodeURIComponent(user_input_address),
            dataType: 'json',
            success: function( json ){
                if(json.ERROR){
                    alert('Fehler: '+json.MSG);
                    return false;
                }
                $('#emailfilter_addresses').append('<span class="emailfilter_address" onclick="emailfilter_remove(this)">'+user_input_address+'</span>');
                $('input[name="address"]').val('');
            },error:   function(xhr){
                alert('cant add emailfilter address - please contact yes team');
            }
        });
    });
});

function save_user_profile(target_url, target_data, button){
	$.ajax({
	   url:  target_url,
	   data: target_data,
	   dataType: 'json',
	   success: function(json){
	       if(json.ERROR != ''){
		    alert(json.ERROR);
	       }else{
		    process_user_profile_save_button(button,true);
	       }

	   }
	});
}
function process_user_profile_save_button(element,show){
    if(show){
	element.effect('fade',{},250,function(){
	    element.show();
	});
    }else{
	element.hide();
    }
}
function emailfilter_remove(elm){
    let address = $(elm).text();
    if(confirm(REALLY_DELETE_EMAILFILTER_ADDRESS)){
        $.ajax({
            url: 'start.php?action=user_profile&upef_action=del&address='+encodeURIComponent(address),
            dataType: 'json',
            success: function( json ){
                if(json.ERROR){
                    alert('Fehler: '+json.MSG);
                    return false;
                }
                $('.emailfilter_address').each(function(){
                    if( $(this).text() === address ){
                        $(this).remove();
                    }
                });
            },error:   function(xhr){
                alert('cant add emailfilter address - please contact yes team');
            }
        });
    }
    return false;
}
{/literal}
</script>
<style type="text/css">
    {literal}
    table.wechsel tbody tr:nth-child(odd) {background-color:rgba(0, 0, 0, 0.1);}
    .emailfilter_address{
            border: 1px solid #000;
            padding: 5px;
            background-color: #88FF88;
            color: #000;
            font-size: 0.8em;
            cursor: pointer;
            display: inline-block;
            margin: 4px;
    }
    {/literal}
</style>
<div class="ui-widget">
    <div class="ui-widget-content" style="padding: 2px;">
    {$FORM_USE_OWN_MAIL}
    <div class="ui-widget-header">{$TEXT_ADMIN_USE_OWN_ADDRESS_IN_MAILMASTER_SHORT}</div>
    <label for="use_own_mailaddress">{$INPUT_USE_OWN_MAIL}&nbsp;{$TEXT_ADMIN_USE_OWN_ADDRESS_IN_MAILMASTER}</label>
    <br />
    <label for="save_own_mailaddress"><input class="ui-button ui-state-default" type="button" id="save_own_mailaddress" value="{#save#}" /></label>
    
    {$FORM_END}
    </div>
    <br clear="all" />
    <div class="ui-widget-content" style="padding: 2px;">
    {$FORM_EMAIL_SIGNATURE}
    <div class="ui-widget-header">{$TEXT_ADMIN_EMAIL_SIGNATURE}</div>
    {$INPUT_EMAIL_SIGNATURE}
    <br />
    <label for="save_email_signature"><input class="ui-button ui-state-default" type="button" id="save_email_signature" value="{#save#}" /></label>
    {$FORM_END}
    </div>
    <br clear="all" />
    <div class="ui-widget-content" style="padding: 2px;">
    {$FORM_ORDER_SEARCH_TYPE}
    <div class="ui-widget-header">{$TEXT_ORDER_SEARCH_TYPE}</div>
    <label for="orders_default_search_type">{$TEXT_ORDER_SEARCH_TYPE_INPUT} {$INPUT_ORDER_SEARCH_TYPE}</label>
    <br />
    <label for="save_order_search_type"><input class="ui-button ui-state-default" type="button" id="save_order_search_type" value="{#save#}" /></label>
    {$FORM_END}
    </div>
    <br clear="all" />
    <div class="ui-widget-content" style="padding: 2px;">
    {$FORM_TEXTITEMS}
    <div class="ui-widget-header">{$TEXT_TEXTITEMS}</div>
    <table border="0" class="wechsel">
	<thead>
	    <tr>
		<th></th>
		<th>{$TEXT_TEXTITEMS_CLASS}</th>
		<th>{$TEXT_TEXTITEMS_MODULE}</th>
	    </tr>
	</thead>
	<tbody>
	    {foreach from=$textitems item=ti}
	    <tr>
		<td>{$ti.input}</td>
		<td>{$ti.class}</td>
		<td>{$ti.title}</td>
	    </tr>
	    {/foreach}
	</tbody>
    </table>
    <br />
    <label for="subject_from_textitem">{$INPUT_TEXTITEMS_SUBJECT_RULE} {$TEXT_TEXTITEMS_SUBJECT_RULE}</label>
    <br />
    <label for="save_ti"><input class="ui-button ui-state-default" type="button" id="save_ti" value="{#save#}" /></label>
    {$FORM_END}
    </div>
    
    <br clear="all" />
    <div class="ui-widget-content" style="padding: 2px;">
	<div class="ui-widget-header">{$TEXT_EMAILFILTER_ADDRESSES}</div>
        <p>{$TEXT_EMAILFILTER_ADDRESSES_INTRO}</p>
        <div id="emailfilter_addresses">
    {foreach from=$EMAILFILTER_ADDRESSES item=a}
    <span class="emailfilter_address" onclick="emailfilter_remove(this)">{$a}</span>
    {/foreach}
        </div>
    {#email_address#} <input type="email" name="address" value="" /><button class="ui-button ui-corner-all ui-state-default" id="add_emailfilter_address">{#add#}</button>
    </div>
    
    <br clear="all" />
    <div class="ui-widget-content" style="padding: 2px;">
	<div class="ui-widget-header">{$TEXT_USER_CATEGORIES}</div>
	{$FORM_USER_CATEGORIES}

	<p>{$TEXT_USER_CATEGORIES_INTRO}</p>
	<table class="yes-ui-table">
	    <tbody>
	{foreach name=blah item=cat from=$fields}
	<tr>
		<td>{$cat.text}</td>
	</tr>
	{/foreach}
	    </tbody>
	</table>
	<br>

	<label for="save_user_categories"><input class="ui-button ui-state-default" type="button" id="save_user_categories" value="{#save#}" /></label>
	{$FORM_END}
    </div>
    <div>
    <div class="ui-widget-content" style="padding: 2px;">
	<div class="ui-widget-header">Admin Layout Theme</div>

        {$FORM_THEME}
        Theme: {$INPUT_THEME}
        <br />
        <label for="save_theme"><input class="ui-button ui-state-default" type="submit" value="{#save#}" /></label>
        {$FORM_END}
    </div>
    
</div>