{{#partial "head"}}
{{{ checkout.checkout_head }}}
{{{ stylesheet '/assets/css/optimized-checkout.css' }}}

{{!-- Remove Google font generated by BC --}}
{{!--
    {{ getFontsCollection }}
--}}

{{{ stylesheet '/assets/css/theme.css' }}}

<script type="text/javascript">
    window.language = {{{langJson 'optimized_checkout'}}};
</script>

{{{head.scripts}}}

{{/partial}}

{{#partial "page"}}
<header class="checkoutHeader optimizedCheckout-header">
    <div class="checkoutHeader-content">
        <h1 class="is-srOnly">{{lang 'checkout.title'}}</h1>
        <h2 class="checkoutHeader-heading">
            <a class="checkoutHeader-link" href="{{urls.home}}">
                {{#if checkout.header_image}}
                    <img alt="{{settings.store_logo.title}}" class="checkoutHeader-logo" id="logoImage" src="{{ checkout.header_image }}"/>
                {{ else }}
                    <span class="header-logo-text">{{settings.store_logo.title}}</span>
                {{/if}}
            </a>
            <div class="secure-checkout">
                <div class="secure-checkout-text">Secure Checkout</div>
                <p><span class="bold">NEED HELP? </span>Call us at <a href="tel:+18004471070" class="bold">1-800-447-1070</a></p>
            </div>
        </h2>
    </div>
</header>

{{{ checkout.order_confirmation_content }}}

<div class="layout">
    <div class="order-confirmation-faq u-hidden">
        <h3>Frequently Asked Questions:</h3>
        <div class="faq-text">
            <ul>
                <li><b>Order Cancellation</b>
                    <p>We are unable to cancel orders placed on Group.com.</p>
                </li>

                <li><b>Downloadable Item Access</b>
                    <p>You can access your downloadable items in the “Order Summary” on this page by clicking the link for each downloadable item. An email order confirmation with your downloadable item links will be sent within 30 minutes of placing your order.</p>
                </li>

                <li><b>Shipping Information</b>
                    <p>2nd Day Air and Next Day Air orders must be placed by 11:30am MT to be shipped same day. Orders placed on Friday with an overnight shipping request will not be delivered on Saturday. Customers will receive these orders on Monday or the following business day (during holidays). Standard shipping to Hawaii or Alaska can range from 14-21 business days.</p>
                </li>
            </ul>
        </div>
        <p>Still have questions? <a href="https://grouppublishingps.zendesk.com/hc/en-us" target="_blank">Click here</a> to contact our Customer Support Team.</p>
        <div class="downloadButtonContainer u-hidden">
            <a href="" target="_blank">
                <button class="button optimizedCheckout-buttonSecondary">Go To Downloads</button>
            </a>
        </div>
    </div>
</div>

<div class="orderConfirmation-extracontent layout">
    <div class="extracontent">
        <div class="extra-main">
            <div class="title">
                <span>Save Your Information for Next Time</span>
            </div>
            <div class="desc">
                <span>For a faster checkout and more personalized experience, create a personal shopper account for youself or register for your church/organization.</span>
            </div>
        </div>
        <div class="extra-secondary">
            <div class="extracontent-item">
                <div class="extracontent-box">
                    <div class="box-title">
                        <div>
                        <i class="icon"><img src="{{cdn 'img/order_confirm_church.svg'}}" alt=""></i><span>New Church / Organization</span>
                        </div>
                    </div>
                    <div class="box-text">
                        <ul>
                            <li><b>Churches & organizations</b> can choose to be billed or pay with a credit card. If you’d like to set up a New Church account, please click here.</li>

                            <li><b>Tax exempt churches & organizations</b> will need to submit a current and valid tax-exempt certificate prior to ordering. Please email newtogroup@group.com with questions.</li>

                            <li><b>IMPORTANT:</b> Church/Org accounts are available to U.S. customers only.</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="extracontent-or">
                <div class="or-wrapper">
                    <span>OR</span>
                </div>
            </div>
            <div class="extracontent-item">
                <div class="extracontent-box">
                    <div class="box-title">
                        <div>
                        <i class="icon"><img src="{{cdn 'img/order_confirm_user.svg'}}" alt=""></i><span>New Shopper</span>
                        </div>
                    </div>
                    <div class="box-text">
                        <ul>
                            <li><b>Shopper accounts</b> are available immediately. Shopper accounts can only pay with a credit card.</li>

                            <li>Shopper accounts are available to U.S., Canada, and International customers.</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--GPI ADDED REGION-->{{{region name="CMS_ORDER_CONFIRMATION"}}}

{{> components/common/custom-footer }}

{{{ footer.scripts }}}

<!--GPI ADDED BUNDLE B2B SCRIPTS-->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<script>
window.b3checkoutId = '{{checkout.order.id}}';
</script>


<script type="text/javascript">
setTimeout(function() {
    $('.order-confirmation-faq').removeClass('u-hidden').insertAfter('#checkout-app .layout-main .orderConfirmation');
    $('.downloadButtonContainer').insertAfter('.continueButtonContainer');
}, 2500);

fetch('/api/storefront/order/{{checkout.order.id}}', {
    credentials: 'include'
}).then(function (response) {
    return response.json();
}).then(function (order) {
    const digitalItems = order.lineItems.digitalItems;

    // display download button
    if (digitalItems.length) {
        if (digitalItems[0].downloadPageUrl) {
            $('.downloadButtonContainer a').attr('href', digitalItems[0].downloadPageUrl);
            $('.downloadButtonContainer').removeClass('u-hidden');
        }
    }
});
</script>
{{/partial}}

{{> layout/empty}}