{strip}

<div class="s-checkout-success">
    <section class="s-text-section">
        {if !empty($payment_success) && !empty($theme_settings["checkout_payment_success_description"])}
            {$theme_settings["checkout_payment_success_description"]}

        {elseif !empty($thankyou_content)}
            {$thankyou_content|replace:'$order_id':"<a href=\"`$my_order_url`\" class=\"s-order-number\">`$order.id`</a>"}

        {else}
            <div>[`We successfully accepted your order, and will contact you asap.`]</div>
            <div>[`Your order number is `] <a href="{$wa->getUrl('shop/frontend/myOrder', ['id' => $order._id])}" class="s-order-number">{$order.id}</a>.</div>
        {/if}
    </section>

    {if !empty($payment)}
        <div class="s-plugin-wrapper">{$payment}</div>
    {/if}

    <p class="s-actions">
        <a class="s-link-back" href="{$wa_app_url}">
            <i class="svg-icon back size-10"></i> [`Back to the store`]
        </a>
    </p>

    <!-- plugin hook: 'frontend_checkout' -->
    {* @event frontend_checkout.%plugin_id% *}
    {foreach $frontend_checkout as $_}{$_}{/foreach}
</div>

{/strip}