{% load i18n %}
{% load static %}
<form hx-post="{{ url }}" hx-swap="none">
  {% csrf_token %}
  {% for field in form %}
    <div class="mb-4">
      <label for="{{ field.id_for_label }}"
             class="inline-block text-sm font-medium text-gray-900 dark:text-white ml-2">
        {{ field.label }}
      </label>
      {{ field }}
    </div>
  {% endfor %}

  {% for k, error in form.errors.items %}
    <span class="flex justify-center mb-2 text-sm font-medium text-red-900 dark:text-red-400">{{ error }}</span>
  {% endfor %}

  <button class="text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none
                   focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600
                   dark:hover:bg-primary-700 dark:focus:ring-primary-800 cursor-pointer"
  >
    {% translate 'Guardar' %}
  </button>
</form>