{#
  Coffee House Form Field — Label + input + error + help text.

  Usage:
    {% with field_name="email", field_label="Email Address", field_type="email", field_value=user.email, field_required=true, field_error=errors.email, field_help="We'll never share your email" %}
    {% include "components/form_field.html" %}
    {% endwith %}

  For select fields:
    {% with field_name="role", field_label="Role", field_type="select", field_options=[{"value":"admin","label":"Admin"},{"value":"user","label":"User"}], field_value="user" %}
    {% include "components/form_field.html" %}
    {% endwith %}

  For textarea:
    {% with field_name="notes", field_label="Notes", field_type="textarea", field_rows=4 %}
    {% include "components/form_field.html" %}
    {% endwith %}
#}
<div class="form-control w-full{% if field_error is defined and field_error %} has-error{% endif %}">
    <label class="label" for="{{ field_name }}">
        <span class="label-text font-medium">
            {{ field_label | default(field_name) }}
            {% if field_required is defined and field_required %}
            <span class="text-error">*</span>
            {% endif %}
        </span>
    </label>

    {% set _type = field_type | default("text") %}
    {% set _error_id = field_name ~ "-error" if (field_error is defined and field_error) else "" %}

    {% if _type == "select" %}
    <select
        id="{{ field_name }}"
        name="{{ field_name }}"
        class="select select-bordered w-full{% if field_error is defined and field_error %} select-error{% endif %}"
        {% if field_required is defined and field_required %}required{% endif %}
        {% if _error_id %}aria-describedby="{{ _error_id }}"{% endif %}
        {% if field_disabled is defined and field_disabled %}disabled{% endif %}
    >
        {% if field_placeholder is defined and field_placeholder %}
        <option value="" disabled {% if not field_value %}selected{% endif %}>{{ field_placeholder }}</option>
        {% endif %}
        {% if field_options is defined and field_options %}
        {% for opt in field_options %}
        <option value="{{ opt.value }}" {% if field_value is defined and field_value == opt.value %}selected{% endif %}>{{ opt.label }}</option>
        {% endfor %}
        {% endif %}
    </select>

    {% elif _type == "textarea" %}
    <textarea
        id="{{ field_name }}"
        name="{{ field_name }}"
        class="textarea textarea-bordered w-full{% if field_error is defined and field_error %} textarea-error{% endif %}"
        rows="{{ field_rows | default(3) }}"
        {% if field_placeholder is defined %}placeholder="{{ field_placeholder }}"{% endif %}
        {% if field_required is defined and field_required %}required{% endif %}
        {% if _error_id %}aria-describedby="{{ _error_id }}"{% endif %}
        {% if field_disabled is defined and field_disabled %}disabled{% endif %}
    >{{ field_value | default("") }}</textarea>

    {% else %}
    <input
        type="{{ _type }}"
        id="{{ field_name }}"
        name="{{ field_name }}"
        value="{{ field_value | default('') }}"
        class="input input-bordered w-full{% if field_error is defined and field_error %} input-error{% endif %}"
        {% if field_placeholder is defined %}placeholder="{{ field_placeholder }}"{% endif %}
        {% if field_required is defined and field_required %}required{% endif %}
        {% if _error_id %}aria-describedby="{{ _error_id }}"{% endif %}
        {% if field_disabled is defined and field_disabled %}disabled{% endif %}
        {% if field_min is defined %}min="{{ field_min }}"{% endif %}
        {% if field_max is defined %}max="{{ field_max }}"{% endif %}
        {% if field_pattern is defined %}pattern="{{ field_pattern }}"{% endif %}
    >
    {% endif %}

    {% if field_error is defined and field_error %}
    <label class="label" id="{{ _error_id }}">
        <span class="label-text-alt text-error">{{ field_error }}</span>
    </label>
    {% elif field_help is defined and field_help %}
    <label class="label">
        <span class="label-text-alt text-base-content/50">{{ field_help }}</span>
    </label>
    {% endif %}
</div>