{% extends "dashboard/base.html" %}
{% load dash_extras %}

{% block extra_head %}{{ form.media }}{% endblock %}

{% block content %}
<form method="post" enctype="multipart/form-data" class="reveal mx-auto max-w-3xl">
  {% csrf_token %}

  <div class="card card-glow p-6 sm:p-8">
    {% if form.non_field_errors %}
      <div class="mb-5 rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-300">
        {% for e in form.non_field_errors %}<p>{{ e }}</p>{% endfor %}
      </div>
    {% endif %}

    <div class="grid gap-5 sm:grid-cols-2">
      {% for field in form %}
        {% if field.field.widget.input_type == 'hidden' %}
          {{ field }}
        {% else %}
          {% field_widget_type field as wtype %}
          {% if wtype == 'Textarea' or wtype == 'SelectMultiple' or wtype == 'TinyMCE' %}
            {% include "dashboard/partials/field.html" with field=field wide=True %}
          {% else %}
            {% include "dashboard/partials/field.html" with field=field wide=False %}
          {% endif %}
        {% endif %}
      {% endfor %}
    </div>
  </div>

  <div class="sticky bottom-0 mt-5 flex flex-wrap gap-3 rounded-2xl border border-white/10 glass p-4">
    <button type="submit" class="btn btn-primary btn-shine flex-1 sm:flex-none">
      <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>
      Simpan
    </button>
    {% if cancel_url %}
      <a href="{% url cancel_url %}" class="btn btn-ghost">Batal</a>
    {% endif %}
  </div>
</form>
{% endblock %}