{% load widget_tweaks %}

<div class="space-y-2">
    {% if label %}
    <label for="{{ field.id_for_label }}" class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
        {{ label }}
    </label>
    {% endif %}
    
    {% render_field field class+="flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50" placeholder=placeholder %}
    
    {% if field.help_text %}
    <p class="text-sm text-muted-foreground">{{ field.help_text }}</p>
    {% endif %}
    
    {% if field.errors %}
    <p class="text-sm font-medium text-destructive">{{ field.errors.0 }}</p>
    {% endif %}
</div>