{block name=pages_checkout}
    <div id="checkout">
        <div class="progress checkout-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 class="hidden-xs">{txt key=TEXT_SELECT_SHIPPING}</span>
                <span class="visible-xs"></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 class="hidden-xs">{txt key=TEXT_SELECT_PAYMENT}</span>
                <span class="visible-xs"></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 class="hidden-xs">{txt key=TEXT_CONFIRMATION}</span>
                <span class="visible-xs"></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 class="hidden-xs">{txt key=TEXT_SUCCESS}</span>
                <span class="visible-xs"></span>
            </div>
        </div>

        {$message}



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

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

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

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

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

        {block name=pages_checkout_include_subpageSuccess}
            {if $page_action == success}
            {include file="xtCore/pages/checkout/subpage_success.html" type="tpl_include"}
            {/if}
        {/block}
    </div>
{/block}