
<div id="checkout">
    <div class="progress">
        <div class="{if $page_action == payment OR $page_action == confirmation}cursor-pointer{else}cursor-help{/if} progress-bar {if $page_action == shipping}progress-bar-success progress-bar-striped active{/if} {if $page_action == payment OR $page_action == confirmation OR $page_action == success}progress-bar-success done{/if}"
            style="width: 25%"
            title="{txt key=TEXT_SELECT_SHIPPING_DESC}"
            onclick="{if $page_action == payment OR $page_action == confirmation}document.location.href='{link page='checkout' paction='shipping' conn=SSL}'{/if}">
            <span>{txt key=TEXT_SELECT_SHIPPING}</span>
        </div>
        <div class="{if $page_action == confirmation}cursor-pointer{else}cursor-help{/if} progress-bar {if $page_action == payment}progress-bar-success progress-bar-striped active{else}progress-bar-default{/if} {if $page_action == confirmation OR $page_action == success}progress-bar-success done{/if}"
            style="width: 25%"
            title="{txt key=TEXT_SELECT_PAYMENT_DESC}"
            onclick="{if $page_action == confirmation}document.location.href='{link page='checkout' paction='payment' conn=SSL}'{/if}">
            <span>{txt key=TEXT_SELECT_PAYMENT}</span>
        </div>
        <div class="cursor-help progress-bar {if $page_action == confirmation}progress-bar-success progress-bar-striped active{else}progress-bar-default{/if} {if $page_action == success}progress-bar-success done{/if}"
            style="width: 25%"
            title="{txt key=TEXT_CONFIRMATION_DESC}">
            <span>{txt key=TEXT_CONFIRMATION}</span>
        </div>
        <div class="cursor-help progress-bar {if $page_action == success}progress-bar-success progress-bar-striped active{else}progress-bar-default{/if} {if $page_action == success}progress-bar-success done{/if}"
            style="width: 25%"
            title="{txt key=TEXT_SUCCESS_DESC}">
            <span>{txt key=TEXT_SUCCESS}</span>
        </div>
    </div>

    {$message}

    {if $page_action == shipping}
        {include file="xtCore/pages/checkout/subpage_shipping.html" type="tpl_include"}
    {/if}

    {if $page_action == payment}
        {include file="xtCore/pages/checkout/subpage_payment.html" type="tpl_include"}
    {/if}

    {if $page_action == confirmation}
        {include file="xtCore/pages/checkout/subpage_confirmation.html" type="tpl_include"}
    {/if}

    {if $page_action == pay}
        {include file="xtCore/pages/checkout/subpage_pay.html" type="tpl_include"}
    {/if}

    {if $page_action == pay_frame}
        {include file="xtCore/pages/checkout/subpage_pay_iframe.html" type="tpl_include"}
    {/if}

    {if $page_action == success}
        {include file="xtCore/pages/checkout/subpage_success.html" type="tpl_include"}
    {/if}

</div>
