{% if field.errors %}
<ul class="grid gap-2">
  {% for error in field.errors %}
  <li role="alert" class="alert alert-error">
    <i data-lucide="circle-x" class="size-4 lg:size-6"></i>
    <p>{{ error }}</p>
  </li>
  {% endfor %}
</ul>
{% endif %}
