{% load crispy_forms_field %}
<div id="div_{{ field.auto_id }}">
  {% if field.label %}
    <label for="{{ field.id_for_label }}" class="block text-gray-700 text-sm font-bold mb-2">{{ field.label }}</label>
  {% endif %}
  <div class="relative">
    {% crispy_field field 'class' 'bg-white focus:outline-none border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal text-gray-700' %}
  </div>
  {% if field.errors %}
    <div class="text-red-600 text-sm mt-1">{{ field.errors }}</div>
  {% endif %}
  {% if field.help_text %}
    <p class="text-gray-500 text-sm mt-1">{{ field.help_text|safe }}</p>
  {% endif %}
</div>

