{% load i18n widget_tweaks %}

{# expects: field, col_class (optional), rows (optional) #}
<div class="{{ col_class|default:'col-12' }}">

  {# Checkbox renders its own label #}
  {% if field|widget_type != "checkboxinput" %}
    <label class="form-label" for="{{ field.id_for_label }}">
      {{ field.label }}
      {% if field.field.required %}<span class="text-danger">*</span>{% endif %}
    </label>
  {% endif %}

  {# CKEditor (or any complex widget): render as-is #}
  {% if field.field.widget.template_name and "ckeditor" in field.field.widget.template_name %}
    {{ field }}

  {# Textarea #}
  {% elif field|widget_type == "textarea" %}
    {{ field|add_class:"form-control"|attr:"rows:"|add_error_class:"is-invalid" }}

  {# Select / Multi-select #}
  {% elif field|widget_type == "select" or field|widget_type == "selectmultiple" %}
    {{ field|add_class:"form-select"|add_error_class:"is-invalid" }}

  {# Checkbox #}
  {% elif field|widget_type == "checkboxinput" %}
    <div class="form-check mt-2">
      {{ field|add_class:"form-check-input"|add_error_class:"is-invalid" }}
      <label class="form-check-label" for="{{ field.id_for_label }}">
        {{ field.label }}
        {% if field.field.required %}<span class="text-danger">*</span>{% endif %}
      </label>
    </div>

  {# File input #}
  {% elif field|widget_type == "clearablefileinput" or field|widget_type == "fileinput" %}
    {{ field|add_class:"form-control"|add_error_class:"is-invalid" }}

    {% if field.value %}
      <div class="form-text">
        {% trans "Current:" %}
        {% if field.value.url %}
          <a href="{{ field.value.url }}" target="_blank" rel="noopener">{{ field.value }}</a>
        {% else %}
          {{ field.value }}
        {% endif %}
      </div>
    {% endif %}

  {# Default input (text, number, email, etc.) #}
  {% else %}
    {{ field|add_class:"form-control"|add_error_class:"is-invalid" }}
  {% endif %}

  {% if field.help_text %}
    <div class="form-text">{{ field.help_text }}</div>
  {% endif %}

  {% for e in field.errors %}
    <div class="invalid-feedback d-block">{{ e }}</div>
  {% endfor %}
</div>