{# set progress from 1-4 #}
{% set progress_nav = 4 %}
{% set content_class = 'isCheckout' %}

{% extends 'layouts/default.twig' %}

{% block content %}


    {% include 'includes/page_blocks/title_banner.twig' with {

        subtitle: 'Thank you',
        content: false,
        dark_background: false,
        class: 'checkoutTitle'
    }%}

    <div class="paymentCompletePage">

        <div class="wrapper">
            
            {% include 'navigation/breadcrumbs.twig' %}

            {% if is_consultation %}
            <div class="contentPageWrap orderComplete bookingComplete">
                <div class="checkCircle">
                    <i class="far fa-check"></i>
                </div>
                <div class="titleWrap">
                    <div class="innerText">
                        <h1>Booking Complete</h1>
                        <p>Thank you for booking online with {{ config('app.name') }}</p>
                    </div>
                </div>
                <img
                        srcset="{{ settings.SITE_URL }}{{ settings.THEME_URL }}/images/graphics/consultation_complete.svg"
                        alt="Booking Complete"
                >
                <div class="bookingCompleteText">
                    <p>
                        Your confirmation email includes a link to join your consultation
                    </p>
                </div>
            </div>
            {% else %}
            <div class="contentPageWrap orderComplete">

                {% if weight_verification_required %}
                    <div class="orderCompleteWeightVerification alert alertWarning">
                        <h4>One more step: weight verification</h4>
                        <p>
                            Before your prescription can be approved, we need two full-length photos
                            (front and side). It only takes a minute.
                        </p>
                        <a href="{{ route('members-weight-verification', [], false) }}" class="button">
                            Complete weight verification
                        </a>
                    </div>
                {% endif %}

                <div class="orderCompleteIntro">

                    <div class="innerContent">

                        <h4>{{ page_meta.page_sub_title }}</h4>
    
                        {% if payment_method == 'gpay' %}
                        <p>Your order was successfully processed using Google Pay.</p>
                        {% endif %}
    
                        <p>
                            You will shortly receive an email confirmation for this order. Please retain this for your records.
                        </p>
    
                    </div> <!-- .innerContent -->
    
                </div> <!-- .orderCompleteIntro -->
    
    
                <div class="orderCompleteSection">
    
                    <div class="orderCompleteInner">
    
                        <div class="whatYouDo">
    
                            <h5>What should you do next?</h5>
    
                            <ul>
                                <li>Check your inbox for your confirmation email.</li>
                                <li>If you have any questions then please <a href="/contact/" title="Contact Us">contact us</a></li>
                                <li>Expect your delivery within the time frame stated on the <a href="{{ delivery_page }}">delivery page.</a></li>
                            </ul>
    
                        </div>
    
                        <div class="whatWeDo">
    
                            <h5>What we will do now</h5>
                            <ul>
                                <li>Our medical team will now review your order</li>
                                <li>The pharmacy will then process and send your medication in discreet packaging.</li>
                            </ul>
    
                        </div>
    
                        {% if settings.MEMBERS_SECTION and member.id < 1 and settings.MEMBERS_BASKET == false %}
    
                            <div class="memberOptional formInline">
                                <form action="{{ route('members-register-action', [], false) }}" method="post">
    
                                    <div class="column">
    
                                        <h5>Optional Membership</h5>
    
                                        <p>
                                            Would you like to create an account with us to speed up future orders?
                                            <span>Just enter your chosen password, we'll do the rest!</span>
                                        </p>
    
                                    </div> <!-- .column -->
    
                                    <div class="column">
    
                                        <div class="row">
                                            <label for="password">New Password</label>
                                            <input type="password"
                                                   autocomplete="off"
                                                   name="password"
                                                   id="password"
                                                   value=""
                                                   class="text"
                                            />
                                        </div>
    
                                        <div class="row">
    
                                            <label for="confirm-password">
                                                Re-Enter Password*
                                            </label>
    
                                            <input type="password"
                                                   autocomplete="off"
                                                   name="password2"
                                                   id="confirm-password"
                                                   class="text"
                                            >
    
                                        </div>
    
                                    </div> <!-- / column -->
    
                                    <input id="fname"
                                           type="hidden"
                                           value="{{ basket_object.address.billing['firstname'] }}" name="billing_firstname"
                                    >
    
                                    <input id="sname"
                                           type="hidden"
                                           value="{{ basket_object.address.billing['lastname'] }}" name="billing_lastname"
                                    >
    
                                    <input id="phone-no"
                                           type="hidden"
                                           value="{{ basket_object.info['contact_no'] }}" name="contact_no"
                                    >
    
                                    <input id="personal-email"
                                           type="hidden"
                                           value="{{ basket_object.info['email'] }}"
                                           name="email"
                                    >
    
                                    <input id="billing-postcode-search"
                                           type="hidden"
                                           value="{{ basket_object.address.billing['postcode'] }}"
                                           name="billing_postcode"
                                           maxlength="10"
                                    >
    
                                    <input id="billing-address-1"
                                           type="hidden"
                                           value="{{ basket_object.address.billing['address1'] }}" name="billing_address1"
                                    >
    
                                    <input id="billing-address-2"
                                           type="hidden"
                                           value="{{ basket_object.address.billing['address2'] }}" name="billing_address2"
                                    >
    
                                    <input id="billing-city"
                                           type="hidden"
                                           value="{{ basket_object.address.billing['city'] }}" name="billing_city"
                                    >
    
                                    <input id="billing-country"
                                           type="hidden"
                                           name="billing_country"
                                           value="{{ basket_object.address.billing['country'] }}"
                                    >
    
                                    <input type="hidden" value="register" name="action">
    
                                    <button class="button" type="submit">Submit</button>
    
                                </form>
                            </div> <!-- .memberOptional -->
                        {% endif %}
    
                    </div> <!-- .orderCompleteInner -->
    
                </div> <!-- .orderCompleteSection -->


                <div class="orderCompleteFooter">
                    
                    <trustpilot-widget widget-type="testimonials" />
                    
                </div> <!-- .orderCompleteFooter -->
    
    
            </div> <!-- .contentPageWrap.orderComplete -->
            {% endif %}

        </div> <!-- .wrapper -->

    </div> <!-- .pageWrap -->

{% endblock %}
