{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_HEADING_TITLE}

<script>
var JS_REALLY_TOGGLE_DEFAULT_ADDRESS_BOOK = '{$JS_REALLY_TOGGLE_DEFAULT_ADDRESS_BOOK}';
var TOGGLE_DEFAULT_ADDRESS_BOOK_LINK = '{$TOGGLE_DEFAULT_ADDRESS_BOOK_LINK}';
var DELETE_ADDRESS_BOOK_LINK = '{$DELETE_ADDRESS_BOOK_LINK}';
var JS_CONFIRM_REALLY_DELETE_ADDRESS_BOOK_ENTRY = '{$JS_CONFIRM_REALLY_DELETE_ADDRESS_BOOK_ENTRY}';
$(function(){
    $('a.toggle_default').each(function(){
        $(this).on('click',function(){
            yes = confirm(JS_REALLY_TOGGLE_DEFAULT_ADDRESS_BOOK);
            if(yes){
                window.location.href = TOGGLE_DEFAULT_ADDRESS_BOOK_LINK+$(this).data('abid');
            }
        });
    });
    $('a.delete_address_book').each(function(){
        $(this).on('click',function(){
            yes = confirm(JS_CONFIRM_REALLY_DELETE_ADDRESS_BOOK_ENTRY);
            if(yes){
                window.location.href = DELETE_ADDRESS_BOOK_LINK+$(this).data('abid');
            }
        });
    });
});
</script>
<div class="ui-widget" style="margin-top:50px;width: 1500px;">
    <div style="display: flex;">
        <div style="flex: 1;">
            {$ADDRESS_BOOKS}
        </div>

        <div style="flex:1;" class="ui-widget">
            {if $INSERT_MODE == '1'}
                <h3>{$TEXT_NEW_ADDRESS_BOOK_ENTRY}</h3>
            {else}
                <h3>Adressbuch Eintrag #{$ABID} aktualisieren</h3>
            {/if}
            {$UPDATE_FORM}
            <div class="ui-widget-content">
                {foreach from=$ADDRESS_BOOK item=ab}

                <div style="display: flex;padding: 3px;">
                    <div style="flex: 1;">{$ab.name}</div>
                    <div style="flex: 2;">{$ab.value}</div>
                </div>

                {/foreach}
                <input class="ui-button ui-corner-all ui-state-default" name="update_address_book" type="submit"/>
            </div>
            </form>
        </div>
    </div>
</div>