<!-- Bootstrap Navigation Bar -->
{% if(aSurveyInfo.class.navbar) %}
<div class="{{ aSurveyInfo.class.navbar }} navbar-fixed-top" {{ aSurveyInfo.attr.navbar }}>
    <div  style="width:100%" class="{{ aSurveyInfo.class.navbarheader }}  " {{ aSurveyInfo.attr.navbarheader }} >
        <button type="button" class="{{ aSurveyInfo.class.navbartoggle }}" {{ aSurveyInfo.attr.navbartoggle }}  >
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
 
        {# Logo option #}
        {% if( aSurveyInfo.options.brandlogo == "on") %}
            <div class="{{ aSurveyInfo.class.navbarbrand }} logo-container hidden-xs"  {{ aSurveyInfo.attr.navbarbrand }}  >
                {{ image(aSurveyInfo.options.brandlogofile, aSurveyInfo.name, {"class": "logo img-responsive pull-left"}) }}
                {{ image("./files/Boot001_klein.jpg","LimeSurvey1", {"class": "logo img-responsive pull-left"}) }}
                {{ image("./files/Boot002_klein.jpg","LimeSurvey2", {"class": "logo img-responsive pull-left"}) }}
 
           </div>
        {% else %}
            <div class="{{ aSurveyInfo.class.navbarbrand }}"  {{ aSurveyInfo.attr.navbarbrand }} >
                {{ aSurveyInfo.name }}
            </div>
        {% endif %}
 
        <div style="float:right" class="{{ aSurveyInfo.class.navbarbrand }} logo-container hidden-xs"  {{ aSurveyInfo.attr.navbarbrand }}  >
                {{ image("./files/Boot003_klein.jpg","LimeSurvey3", {"class": "logo img-responsive pull-left"}) }}
                {{ image("./files/Boot004_klein.jpg","LimeSurvey4", {"class": "logo img-responsive pull-right"}) }}
        </div>
        
    </div>
</div>
{% endif %}