{% extends ('layouts/fullscreen.twig') %}

{% block sidebar %}

    <div class="innerSidebar navigationSidebarWrap">

        <div class="sidebarIntro">

            <h1 class="assessmentTitle">Online Doctor</h1>
            <p>
                Thank you for completing our online assessment.
                Based on your answers, we can now recommend the following medications.
            </p>

            <p>
                Please select the medication you would like to buy.
            </p>

        </div> <!-- .sidebarIntro -->


        <nav class="sidebarPageNav">

            <ul>

                <li>

                    <a
                            href="#"
                            class=""
                    >
                        <h4>Online Consultation</h4>
                        <h6>Let's find out which medication is best for you.</h6>
                    </a>
                </li>
                <li>

                    <a
                            href="#"
                            class="active"
                    >
                        <h4>Medication</h4>
                        <h6>Select from the list of recommended medication(s).</h6>
                    </a>
                </li>
                <li>

                    <a
                            href="#"
                            class=""
                    >
                        <h4>Checkout</h4>
                        <h6>Purchase your medication.</h6>
                    </a>
                </li>

            </ul>

        </nav> <!-- .sidebarPageNav -->

    </div> <!-- .innerSidebar -->

{% endblock %}

{% block content %}


    <div class="sidebarNavPage fullscreenPage">

            <div class="pages">

                <section class="page">

                    <div class="pageHeading">

                        <div class="innerPageHeader">

                            <h2>
                                <span class="sectionTitle">Subscription plan?</span>
                            </h2>


                        </div> <!-- .innerPageHeader -->

                    </div> <!-- .pageHeading -->

                    <div>
                        {% if go_back_url %}
                            <div class="row">
                                <a href="{{ go_back_url }}" class="button">Go back</a>
                            </div>
                        {% endif %}

                        <div class="row">
                            {% if (sub_config.interval_multiplier == 1) %}
                                <p>You can receive the product every {{ sub_config.interval | trim('s') }}.</p>
                            {% else %}
                                <p>You can receive the product every {{ sub_config.interval_multiplier }} {{ sub_config.interval }}.</p>
                            {% endif %}
                        </div>
                        <div class="row">
                            <a href="{{ accept_url }}">Yes, please.</a>
                        </div>
                        <div class="row">
                            <a href="{{ decline_url }}">No, thank you.</a>
                        </div>
                    </div>

                </section>

            </div> <!-- .pages -->

    </div> <!-- .nhsPrescriptionsWrapper -->


{% endblock %}
