{config_load file=$language_path section="general"}
{if !$TRANSACTION and !$SHIPPINGS}
{yes_admin_page_menu additional_title=$ADDITIONAL_HEADING_TITLE main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
{/if}

<style>
.secupay_error > div{
    padding: 10px;
}
.col2{
    display: flex;
    font-size: 0.9em;
}
.col2 > div:first-child {
    width: 150px; /* oder jede andere feste Breite, z. B. 200px */
    font-weight: bold; /* optional zur besseren Lesbarkeit */
}

</style>

{if $ERROR_MSG != ''}
<div class="secupay_error">
    <div class="ui-state-error"><b>Secupay Error:</b> {$ERROR_MSG}</div>
</div>
{/if}


{if $TRANSACTION}
<div class="main">
    <div class="col2">
        <div>Status</div><div>-{$TRANSACTION->status}-
            {$TRANSACTION->basket_info->sum / 100} {$TRANSACTION->basket_info->currency}
            <i>{$TRANSACTION->payment_method}</i>
            {$TRANSACTION->intent}
            {if $TRANSACTION->is_demo == '1'}<font color="green"><b>DEMO</b></font>{/if}
        </div>
    </div><div class="col2">
        <div>Merchant</div><div>{$TRANSACTION->merchant->companyname} (#{$TRANSACTION->merchant->id})</div>
    </div><div class="col2">
        <div>Contract</div><div>{$TRANSACTION->contract->id}</div>
    </div><div class="col2">
        <div>Customer</div><div>#{$TRANSACTION->customer->id}<br />
            {if $TRANSACTION->customer->contact->companyname != ''}
                {$TRANSACTION->customer->contact->companyname}<br />
            {/if}
            {$TRANSACTION->customer->contact->name}<br />
            {$TRANSACTION->customer->contact->email}<br />
            {$TRANSACTION->customer->contact->address->street} {$TRANSACTION->customer->contact->address->street_number}<br />
            {if $TRANSACTION->customer->contact->address->additional_address_data != ''}
                {$TRANSACTION->customer->contact->address->additional_address_data}<br />
            {/if}
            {$TRANSACTION->customer->contact->address->country} {$TRANSACTION->customer->contact->address->postal_code} {$TRANSACTION->customer->contact->address->city}<br />
        </div>
    </div><div class="col2">
        <div>Payment Transactions</div>
        <div style="color: #666;">
            {foreach from=$TRANSACTION->transactions item=T}
                Trans ID: {$T->trans_id} ({$T->object})<br />
                ID: {$T->id}<br />
            {/foreach}
        </div>
    </div><div class="col2">
        <div>{#date_added#}</div><div>{$TRANSACTION->created}</div>
    </div><div class="col2">
        <div>{#date_last_modified#}</div><div>{$TRANSACTION->updated}</div>
        {if $TRANSACTION->payment_instructions->girocode_url != ''}
    </div><div class="col2">
        <div>Payment Instructions</div>
        <div>
            <img style="max-width: 100px;" align="left" src="{$TRANSACTION->payment_instructions->girocode_url}" alt="Giro Code URL"/>
            IBAN: {$TRANSACTION->payment_instructions->iban}<br />
            BIC: {$TRANSACTION->payment_instructions->bic}<br />
            Owner: {$TRANSACTION->payment_instructions->owner}<br />
            Bank: {$TRANSACTION->payment_instructions->bankname}<br />
            Subject (VWZ): {$TRANSACTION->payment_instructions->purpose}
        </div>
        {/if}
    </div>
</div>    

{elseif $SHIPPINGS}

<script>
    $(function(){
        $('a.select_all').on('click',function(){
            $('table.yes_secupay_shippings tbody input[name="orders_id[]"]').prop('checked',true);
        });
        $('a.unselect_all').on('click',function(){
            $('table.yes_secupay_shippings tbody input[name="orders_id[]"]').prop('checked',false);
        });
    });
</script>

<div class="main">
    <form action="secupay.php?action=set_delivery" method="post">
    {$SHIPPINGS}
    <div style="margin-top: 10px;">
        <a href="javascript:;" class="select_all ui-button ui-corner-all ui-state-highlight">{#select_all#}</a>
        &nbsp;
        <a href="javascript:;" class="unselect_all ui-button ui-corner-all ui-state-highlight">{#unselect_all#}</a>
        &nbsp;
        <input type="submit" value="{#save#}" class="ui-button ui-corner-all ui-state-default" />
    </div>
    </form>
</div>

{else}

    {$DATA}


    {if $PAGING.back != ''}
        <a href="{$PAGING.back}"><button class="ui-button ui-corner-all ui-state-default">{#back#}</button></a>
    {/if}

    Page {$PAGING.page} / {$PAGING.total_pages} (Total: {$PAGING.total_items})

    {if $PAGING.next != ''}
        <a href="{$PAGING.next}"><button class="ui-button ui-corner-all ui-state-default">{#continue#}</button></a>
    {/if}


{/if}