{% set is_login_page = true %}
{% extends 'layouts/fullscreen.twig' %}


{% block sidebar %}
  {% include 'members/login/sidebar_login_form.twig' %}
{% endblock %}


{% block content %}

    <div class="pageWrap">

        <div class="contentPageWrap membersWrap publicMembersArea {% if is_nhs_login is not empty %}fullWidth{% endif %}">

            <div class="innerPageContent">

                {% if is_nhs_login is empty %}
                    {% include 'includes/partials/fullscreen_page_heading.twig' with {
                        title: 'New to ' ~ config('app.name') ~ '?',
                        content: 'There are many great benefits to registering an account with us.',
                        icon: false,
                        use_h2: true
                    }%}
                {% endif %}

                {% if is_nhs_login is empty %}
                    <div class="memberRegister">

                        <div class="innerMemberBox">

                            <ul class="iconList">
                                <li>Edit your details</li>
                                <li>Manage your health profile</li>
                                <li>Faster checkout</li>
                                <li>Re-order previous treatments</li>
                            </ul>

                            <a href="{{ route('members-register', {
                                'redirect': request.redirect
                            }, false) }}" class="buttonAlt">Register Now</a>

                        </div> <!-- .innerMemberBox -->

                    </div> <!-- .memberRegister -->
                {% else %}
                    <div class="memberRegister">

                        <div class="nhsRegistrationIntro">

                            {% include 'includes/elements/intro_block.twig' with {
                                intro_title: 'Simple as 1,2,3.',
                                intro_content: '',
                                class: ''
                            }%}


                            <div class="nhsGridWrap">

                                <ul class="nhsIconGrid">

                                    <li class="iconWrapper">

                                        <div class="iconBox">
                                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/svgs/treatments.svg')|raw }}
                                        </div> <!-- .iconBox -->

                                        <div class="iconTitle">
                                            Let us know what you need
                                        </div> <!-- .iconTitle -->

                                    </li> <!-- .iconWrapper -->

                                    <li class="iconWrapper">

                                        <div class="iconBox">
                                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/svgs/relax.svg')|raw }}
                                        </div> <!-- .iconBox -->

                                        <div class="iconTitle">
                                            Sit back and relax…
                                        </div> <!-- .iconTitle -->

                                    </li> <!-- .iconWrapper -->

                                    <li class="iconWrapper">

                                        <div class="iconBox">
                                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/svgs/delivery.svg')|raw }}
                                        </div> <!-- .iconBox -->

                                        <div class="iconTitle">
                                            We’ll deliver everything you need
                                        </div> <!-- .iconTitle -->

                                    </li> <!-- .iconWrapper -->

                                </ul> <!-- .nhsIconGrid -->

                            </div> <!-- .nhsGridWrap -->

                            <div class="nhsSectionCta">

                                <p>Get started ordering your NHS prescriptions today.</p>

                                <div class="buttonWrapper">
                                    <a href="/members/nhs/registration.php" class="button">Get started</a>
                                </div> <!-- .buttonWrapper -->

                            </div> <!-- .nhsSectionCta -->

                        </div> <!-- .nhsRegistrationIntro -->


                    </div> <!-- .memberRegister -->
                {% endif %}

            </div> <!-- .innerPageContent -->

        </div> <!-- .contentPageWrap.membersWrap -->

    </div>

{% endblock %}


