{block name=pages_checkout_subpagePayment}
    <div id="checkout-payment" class="row">
        <div class="col col-sm-4 col-md-3">
            <div class="well shipping-address address">
                <p class="headline-underline">{txt key=TEXT_SHIPPING_ADDRESS}</p>
                {if $shipping_address.customers_company}<p>{$shipping_address.customers_company}</p>{/if}
	            <p>{if $shipping_address.customers_title}{$shipping_address.customers_title} {/if}{$shipping_address.customers_firstname} {$shipping_address.customers_lastname}</p>
                <p>{$shipping_address.customers_street_address}</p>
                {if $shipping_address.customers_suburb}<p>{$shipping_address.customers_suburb}</p>{/if}
                <p>{$shipping_address.customers_postcode} {$shipping_address.customers_city}</p>
                <p>{$shipping_address.customers_country}</p>
            </div>
            <div class="well payment-address address">
                <p class="headline-underline clearfix">
                    {txt key=TEXT_PAYMENT_ADDRESS}
                    {if $payment_address.allow_change == true && $payment_address.address_class=='payment'}
                    <a title="{txt key=TEXT_EDIT}" class="btn btn-xs btn-primary pull-right" href="{link page='customer' paction='edit_address' params='adType=payment&abID' params_value=$payment_address.address_book_id conn=SSL}">
                        <span class="glyphicon glyphicon-pencil"></span>
                        <span class="sr-only">{txt key=TEXT_EDIT}</span>
                    </a>
                    {/if}
                </p>
                {if $payment_address.customers_company}<p>{$payment_address.customers_company}</p>{/if}
	            <p>{if $payment_address.customers_title}{$payment_address.customers_title} {/if}{$payment_address.customers_firstname} {$payment_address.customers_lastname}</p>
                <p>{$payment_address.customers_street_address}</p>
                {if $payment_address.customers_suburb}<p>{$payment_address.customers_suburb}</p>{/if}
                <p>{$payment_address.customers_postcode} {$payment_address.customers_city}</p>
                <p>{$payment_address.customers_country}</p>
                <p><br /></p>
                {if $shipping_address.allow_change == true}
                    {if $address_data|@count > 2}
                        {form type=form name=payment_address action='dynamic' link_params='page_action=payment' method=post conn=SSL}
                        <div class="form-group">
                            <label for="address_data">{txt key=TEXT_SELECT_PAYMENT_ADDRESS}</label>
                            {form id="address_data" class="form-control" type=select name=adID value=$address_data default=$smarty.session.customer->customer_payment_address.address_book_id params='onchange="this.form.submit();" data-style="btn-secondary"'}
                        </div>
                        {form type=hidden name=adType value=payment}
                        {form type=hidden name=action value=select_address}
                        {form type=formend}
                    {/if}
                    {if $add_new_address eq 1}
                        <!--<p>{txt key=TEXT_NEW_PAYMENT_ADDRESS}</p>-->
                        <a class="btn btn-primary" href="{link page='customer' paction='edit_address' params='adType=payment' conn=SSL}">
                            <span class="glyphicon glyphicon-plus"></span>
                            {txt key=BUTTON_ADD_ADDRESS}
                        </a>
                    {/if}
                {/if}
            </div>
        </div>
        <div class="col col-sm-8 col-md-9">
            <h1>{txt key=TEXT_SELECT_PAYMENT_DESC}</h1>
            {form type=form role="form" name=payment action='checkout' method=post conn=SSL}
            {form type=hidden name=action value=payment}

            <ul class="list-group">
                {foreach name=aussen item=pdata key=kdata from=$payment_data}
                <li class="list-group-item clearfix list-group-item-{$kdata}">{$pdata.payment}</li>
                {/foreach}
            </ul>

            {hook key=checkout_tpl_payment_comment}

            <div class="well form-counter">
                <p class="h4">{txt key=TEXT_COMMENTS} <small>{txt key=TEXT_MAX_CHARACTERS}</small></p>
                <textarea name="comments" id="comments" class="form-control autosizejs" cols="50" rows="3" placeholder="{txt key=TEXT_COMMENTS_DESC}" maxlength="255">{$smarty.session.order_comments}</textarea>
            </div>

            <div class="clearfix">
                <a href="javascript:history.back();" class="btn btn-default pull-left">
                    <i class="fa fa-chevron-left"></i>
                    {txt key=BUTTON_BACK}
                </a>
                <button id="{$page_action}-submit" type="submit" class="btn btn-success pull-right">
                    <span class="glyphicon glyphicon-ok"></span>
                    {txt key=BUTTON_NEXT}
                </button>
            </div>

            {hook key=checkout_tpl_payment}
            {form type=formend}

        </div>
    </div>
{/block}