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

{% block members_content %}

    {% include 'members/dashboard/members_welcome.twig' %}

    {% if not member.nhs_member %}
        <div class="nhsMessage">
            Did you know you can order your NHS prescriptions online? <br>
            <a href="/members/nhs/registration.php">Register</a> today,
            and we can deliver your NHS prescriptions to your door.
        </div> <!-- .nhsMessage -->
    {% endif %}

    {% if success is not empty %}
        <div class="success">
            {{ success }}
        </div>
    {% endif %}

    {% include 'includes/elements/intro_block.twig' with {
        intro_title: 'Dashboard',
        intro_content: false,
        class: 'membersIntro dashboardIntro',
        use_h1: true
    }%}

    <div class="membersContentGrid">

        <div class="membersDashboardGrid">


            <div class="dashBoardBox">

                <a href="{{ route('members-orders', [], false) }}">

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

                    <h4>Orders</h4>

                </a>

            </div> <!-- .dashBoardRow -->

            <div class="dashBoardBox">
                
                <a href="{{ route('members-account', [], false) ~ '#addresses' }}">

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

                    <h4>Addresses</h4>

                </a>

            </div> <!-- .dashBoardRow -->

            <div class="dashBoardBox">

                <a href="{{ route('members-account', [], false) }}">

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

                    <h4>Account details</h4>

                </a>

            </div> <!-- .dashBoardRow -->
            
            <div class="dashBoardBox">
                
                <a href="{{ route('members-health-profile', [], false) }}">

                    <div class="cardHeading">
                        <div class="iconWrapper">
                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/svgs/doctor.svg')|raw }}
                        </div> <!-- .iconWrapper -->
                    </div> <!-- .cardHeading -->
                    
                    <h4>Healthcare profile</h4>
                    
                </a>
                
            </div> <!-- .dashBoardRow -->


            <div class="dashBoardBox">

                <a href="/members/messages/">

                    <div class="cardHeading">
                        <div class="iconWrapper">
                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/envelope.svg')|raw }}
                        </div> <!-- .iconWrapper -->
                    </div> <!-- .cardHeading -->

                    <h4>Messages</h4>

                </a>

            </div> <!-- .dashBoardRow -->

            <div class="dashBoardBox">

                <a href="{{ route('members-logout') }}">

                    <div class="cardHeading">
                        <div class="iconWrapper">
                            {{ file_get_contents(settings.SITE_PATH ~ settings.THEME_URL ~ '/images/icons/logout.svg')|raw }}
                        </div> <!-- .iconWrapper -->
                    </div> <!-- .cardHeading -->

                    <h4>Logout</h4>

                </a>

            </div> <!-- .dashBoardRow -->
       

            
        </div> <!-- .membersDashboardLinks -->

    </div> <!-- .membersContentGrid -->

{% endblock %}
