{# 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">
    
                <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>
                            {% if basket_object.hasNHSItems() or has_nhs %}
                                <ul>
                                    <li>We will now request your prescriptions from your GP surgery. It may take upto two working days to receive your prescription. Once received, your order will be dispensed and dispatched to the address provided.</li>
                                    <li>If there is a problem with receiving your prescription from your GP, we will get in touch as soon as possible to notify you. Your GP may request you contact them directly to discuss any problems with issuing your prescriptions.</li>
                                </ul>
                            {% else %}
                                <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>
                            {% endif %}
    
                        </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 %}
