{% if show_dummy_data == true %}
    {% set online_doctor = {
        'pagedata': {
            'Assessment Help': [{
                'Title': {'value': 'Need Help with Your Assessment?'},
                'Content': {'value': '<p>Our qualified healthcare professionals are here to help you complete your health assessment. Contact us if you have any questions.</p>'}
            }]
        }
    } %}
    {% set use_svg_logo = true %}
{% endif %}

{% if help_overlay is empty %}
    {% set help_overlay = online_doctor.pagedata['Assessment Help'][0] %}
{% endif %}

<div id="headerMini" class="headerMini">

    <div class="wrapper">

        <div class="headerGrid">

            <div class="headerLeft">
                {% include 'includes/elements/logo.twig' with {
                    svg_logo: use_svg_logo,
                    mini_logo: false
                }%}
                
            </div> <!-- .headerLeft -->

            <div class="headerRight">

                <div class="headerLinks">

                    {% if help_overlay['Content']['value'] is not empty or help_overlay['Title']['value'] is not empty %}

                        <span>Need help?</span>
                        <a class="js_helpOverlay" href="#helpOverlay" data-no-ajax="true">Help</a>

                        <div id="helpOverlay" class="popupContent">
                            <div class="innerPopupContent wysiwyg">
                                <h2 class="mainPopuheader">{{ help_overlay['Title']['value'] }}</h2>
                                {{ help_overlay['Content']['value']|raw }}
                            </div> <!-- .innerPopupContent -->
                        </div>
                    {% endif %}

                </div> <!-- .headerLinks -->

            </div> <!-- .headerRight -->

        </div> <!-- .headerGrid -->

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

</div> <!-- #header -->

