{% load i18n %}

<div class="announcement-container"
     data-dismiss-url="{{ dismiss_url }}"
     data-view="announcement">
    <div class="container">
        <div class="row">
            <div class="hidden-xs col-sm-1">
                <div class="icon"><i class="fa fa-bullhorn"></i></div>
            </div>

            <div class="col-xs-10">
                {% if message %}
                    {{ message|safe }}
                {% else %}
                    <div class="message">
                        <h1>{{ title }}</h1>
                        <p>{{ body|safe }}</p>
                    </div>
                {% endif %}
            </div>

            {% if dismiss_url %}
                <div class="col-xs-2 col-sm-1">
                    {% csrf_token %}
                    <a class="dismiss">
                        <span aria-hidden="true"><i class="fa fa-times"></i></span>
                        <span class="sr-only">{% trans "Close" %}</span>
                    </a>
                </div>
            {% endif %}
        </div>
    </div>
</div>
