{% if available %}
<span class="slug-status available">Available</span>
{% else %}
<span class="slug-status taken">Already taken</span>
{% if !suggestions.is_empty() %}
<span class="slug-suggestions">
    Try: {% for s in suggestions %}
    <a href="#" class="slug-suggestion-link" onclick="var i=this.closest('.form-group').querySelector('input[name=slug]');if(i){i.value=this.dataset.slug;i.dispatchEvent(new Event('keyup',{bubbles:true}));}return false;" data-slug="{{ s }}">{{ s }}</a>
    {% endfor %}
</span>
{% endif %}
{% endif %}