{#
/**
 * @file
 * Theme override for the Email Unsubscribe form.
 */
#}

<div class="container my-5">
  <div class="card shadow-sm border-0">
    <div class="card-body p-5">
      <h2 class="h4 mb-4 text-center">Manage Your Email Preferences</h2>

      <form{{ attributes.addClass('email-unsubscribe-form') }} method="post" {{ form.attributes|without('class')|raw }}>
        
        {% if form.info %}
          <div class="alert alert-secondary mb-4">
            {{ form.info }}
          </div>
        {% endif %}

        {# === Mailing Lists Section === #}
        {% if form.mailing_lists %}
          <fieldset class="mb-4">
            <legend class="fw-semibold mb-3">{{ form.mailing_lists['#title'] }}</legend>
            <div class="fieldset-wrapper">
              {% for key, item in form.mailing_lists %}
                {% if key|first != '#' %}
                  <div class="form-check mb-3">
                    {{ item }} {# Renders checkbox input, label, and description automatically #}
                  </div>
                {% endif %}
              {% endfor %}
            </div>
          </fieldset>
        {% endif %}

        {# === Administrative Mailings Section === #}
        {% if form.admin_mailings %}
          <fieldset class="mb-4">
            <legend class="fw-semibold mb-3">{{ form.admin_mailings['#title'] }}</legend>
            <div class="fieldset-wrapper">
              {% for key, item in form.admin_mailings %}
                {% if key|first != '#' %}
                  <div class="form-check mb-3">
                    {{ item }} {# Renders checkbox input, label, and description automatically #}
                  </div>
                {% endif %}
              {% endfor %}
            </div>
          </fieldset>
        {% endif %}

        {# === Unsubscribe From All === #}
        {% if form.unsubscribe_all %}
          <div class="form-check mb-4">
            {{ form.unsubscribe_all }} {# Renders checkbox input + label automatically #}
          </div>
        {% endif %}

        {# === Submit Button === #}
        <div class="d-grid">
          {{ form.actions.submit }}
        </div>

        {# === Hidden Fields === #}
        {{ form.form_build_id }}
        {{ form.form_token }}
        {{ form.form_id }}
      </form>
    </div>
  </div>
</div>