{% load widget_tweaks %}
<article class='panel is-info'>
    <div class='panel-heading py-2 is-size-6'>
        Search for vulnerabilities
        <div class="dropdown is-hoverable has-text-weight-normal">
            <div class="dropdown-trigger">
                <i class="fa fa-question-circle ml-2"></i>
            </div>
            <div class="dropdown-menu dropdown-instructions-width" id="dropdown-menu4" role="menu">
                <div class="dropdown-content dropdown-instructions-box-shadow">
                    <div class="dropdown-item">
                        Search for package vulnerabilities by <strong>vulnerability id</strong> such as "VCID-12453"
                        or by vulnerability <strong>alias</strong> such as "CVE-2009-3898" or "GHSA-2qrg-x229-3v8q".
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="panel-block">
        <div class="pb-3 width-100-pct">
            <form
                action="{% url 'vulnerability_search' %}"
                method="get"
                name="vulnerability_search_form"
            >
                <div class="field has-addons mt-3">
                    <div class="control width-100-pct">
                        {% render_field vulnerability_search_form.search class="input" %}
                    </div>
                    <div class="control">
                        <button class="button is-link" type="submit" id="submit_vuln">
                            Search
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</article>
