{% if addresses %}

  <div class="franklin-address-grid">

    {% for address in addresses %}

      <article class="franklin-address-card{% if address.default %} is-default{% endif %}">

        <div class="franklin-address-card-top">

          <div class="franklin-address-card-icon">
            <i class="bi bi-geo-alt-fill"></i>
          </div>

          <div class="franklin-address-card-title">
            <h3>
              {% if address.default %}
                Default Address
              {% else %}
                Saved Address {{ loop.index }}
              {% endif %}
            </h3>

            {% if address.default %}
              <span class="franklin-default-badge">
                <i class="bi bi-check-circle-fill"></i>
                {{ text_default }}
              </span>
            {% endif %}
          </div>

        </div>

        <div class="franklin-address-card-body">
          <div class="franklin-address-text">
            {{ address.address }}
          </div>
        </div>

        <div class="franklin-address-card-actions">

          <a href="{{ address.edit }}"
             data-bs-toggle="tooltip"
             title="{{ button_edit }}"
             class="btn btn-primary franklin-address-edit">
            <i class="bi bi-pencil-square"></i>
            <span>{{ button_edit }}</span>
          </a>

          <a href="{{ address.delete }}"
             data-bs-toggle="tooltip"
             title="{{ button_delete }}"
             class="btn btn-danger franklin-address-delete">
            <i class="bi bi-trash3"></i>
            <span>{{ button_delete }}</span>
          </a>

        </div>

      </article>

    {% endfor %}

  </div>

{% else %}

  <div class="franklin-address-empty">

    <div class="franklin-address-empty-icon">
      <i class="bi bi-geo-alt"></i>
    </div>

    <h3>No Saved Addresses</h3>

    <p>{{ text_no_results }}</p>

  </div>

{% endif %}