{include file="orderforms/hostique/common.tpl"}

<div id="order-standard_cart" class="order-shell order-shell--complete order-shell--complete-modern">
    <div class="hostique-complete-shell">
        <section class="hostique-complete-hero">
            <div class="hostique-complete-hero__status">
                <span class="hostique-complete-hero__icon"><i class="fas fa-check"></i></span>
                <div class="hostique-complete-hero__copy">
                    <h1>{$LANG.orderconfirmation}</h1>
                    <p>{$LANG.orderfinalinstructions}</p>
                </div>
            </div>
        </section>

        <section class="hostique-complete-card">
            <div class="hostique-complete-card__ornament" aria-hidden="true">
                <span class="hostique-complete-card__spark hostique-complete-card__spark--one"></span>
                <span class="hostique-complete-card__spark hostique-complete-card__spark--two"></span>
                <span class="hostique-complete-card__spark hostique-complete-card__spark--three"></span>
                <span class="hostique-complete-card__badge"><i class="fas fa-check"></i></span>
            </div>

            <div class="hostique-complete-card__body">
                <h2>{$LANG.orderreceived}</h2>
                <p>{$LANG.orderfinalinstructions}</p>

                <div class="hostique-complete-card__orderbox">
                    <span class="hostique-complete-card__ordericon"><i class="fas fa-receipt"></i></span>
                    <div class="hostique-complete-card__ordercopy">
                        <small>{$LANG.ordernumberis}</small>
                        <strong>{$ordernumber}</strong>
                    </div>
                </div>

                {if $expressCheckoutInfo}
                    <div class="alert alert-info text-center hostique-complete-card__alert">
                        {$expressCheckoutInfo}
                    </div>
                {elseif $expressCheckoutError}
                    <div class="alert alert-danger text-center hostique-complete-card__alert">
                        {$expressCheckoutError}
                    </div>
                {elseif $invoiceid && !$ispaid}
                    <div class="alert alert-warning text-center hostique-complete-card__alert">
                        {$LANG.ordercompletebutnotpaid}
                        <br /><br />
                        <a href="{$WEB_ROOT}/viewinvoice.php?id={$invoiceid}" target="_blank" class="alert-link">
                            {$LANG.invoicenumber}{$invoiceid}
                        </a>
                    </div>
                {/if}

                <div class="hostique-complete-card__actions">
                    <a href="{$WEB_ROOT}/clientarea.php" class="hostique-complete-card__action hostique-complete-card__action--primary">
                        <span>{$LANG.orderForm.continueToClientArea}</span>
                        <i class="fas fa-arrow-right"></i>
                    </a>
                    {if $invoiceid}
                        <a href="{$WEB_ROOT}/viewinvoice.php?id={$invoiceid}" class="hostique-complete-card__action hostique-complete-card__action--secondary">
                            <span>{$LANG.invoicenumber}{$invoiceid}</span>
                            <i class="fas fa-file-invoice"></i>
                        </a>
                    {/if}
                </div>
            </div>
        </section>

        {foreach $addons_html as $addon_html}
            <div class="order-confirmation-addon-output">
                {$addon_html}
            </div>
        {/foreach}

        {if $ispaid}{/if}

        {if $hasRecommendations}
            {include file="orderforms/hostique/includes/product-recommendations.tpl"}
        {/if}
    </div>
</div>
