{% load i18n %}
<div class="widget
            {{ field.css_classes }}
            {% if field.errors %}widget-with-error{% endif %}
            {% if field.field.required %}widget-required{% else %}widget-optional{% endif %}"
     id="{{field.id_for_label}}_p">
  {% block widget-title %}
  <div class="title">
    {{ field.label_tag }}
    {% if field.field.required %}
    <span title="{% trans "This field is required." %}" class="required">*</span>
    {% else %}
    <span class="optional">{% trans "(optional)" %}</span>
    {% endif %}
  </div>
  {% endblock %}
  {% block widget-content %}
  <div class="content">
    {% block widget-error %}
    {% if field.errors %}
    <div class="error">
      {% for error in field.errors %}
      {{ error }}{% if not forloop.last %}<br>{% endif %}
      {% endfor %}
    </div>
    {% endif %}
    {% endblock %}
    {% block widget-control %}
    {{ field }}
    {% endblock %}
    {% block widget-hint %}
    {% if field.help_text %}
    <div class="hint">{{ field.help_text|safe }}</div>
    {% endif %}
    {% endblock %}
  </div>
  {% endblock %}
</div>