websurfx/public/templates/search_bar.html

{{>bar this}}
    <div class="error_box">
        {{#if engineErrorsInfo}}
        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
            <img src="./images/warning.svg" alt="Info icon for error box" />
        </button>
        <div class="dropdown_error_box">
            {{#each engineErrorsInfo}}
            <div class="error_item">
                <span class="engine_name">{{{this.engine}}}</span>
                <span class="engine_name">{{{this.error}}}</span>
                <span class="severity_color" style="background: {{{this.severity_color}}};"></span>
            </div>
            {{/each}}
        </div>
        {{else}}
        <button onclick="toggleErrorBox()" class="error_box_toggle_button">
            <img src="./images/info.svg" alt="Warning icon for error box" />
        </button>
        <div class="dropdown_error_box">
            <div class="no_errors">
                Everything looks good 🙂!!
            </div>
        </div>
        {{/if}}
    </div>
</div>