{% extends "base.html" %}
{% block title %}{% if is_edit %}Edit{% else %}Create{% endif %} {{ model_name }} — KORM Admin{% endblock %}
{% block content %}
<div class="topbar">
  <h2>{% if is_edit %}Edit{% else %}Create{% endif %} {{ model_name }}</h2>
  <div class="topbar-actions">
    <a href="/{{ model_name }}/" class="btn btn-sm">Back to list</a>
  </div>
</div>

{% if flash %}
<div class="alert alert-{{ flash.type }}">{{ flash.message }}</div>
{% endif %}

<div class="card">
  <div class="card-body">
    <form method="post" action="/{{ model_name }}/{% if is_edit %}{{ pk_value }}/edit{% else %}create{% endif %}" x-data="{ submitting: false }" @submit.prevent="submitting = true; $el.submit()">
      {% for col in columns %}
      {% if col.name not in skip_fields %}
      <div class="form-group">
        <label for="field_{{ col.name }}">
          {{ col.name }}
          {% if col.required %}<span style="color:var(--danger)">*</span>{% endif %}
        </label>

        {% if col.enum %}
        <select id="field_{{ col.name }}" name="{{ col.name }}" {% if col.required %}required{% endif %}>
          <option value="">— Select —</option>
          {% for opt in col.enum %}
          <option value="{{ opt }}" {% if values and values.get(col.name) == opt %}selected{% endif %}>{{ opt }}</option>
          {% endfor %}
        </select>

        {% elif col.type in ('boolean', 'bool') %}
        <select id="field_{{ col.name }}" name="{{ col.name }}">
          <option value="">—</option>
          <option value="true" {% if values and values.get(col.name) == True %}selected{% endif %}>True</option>
          <option value="false" {% if values and values.get(col.name) == False %}selected{% endif %}>False</option>
        </select>

        {% elif col.type in ('text', 'json') %}
        <textarea id="field_{{ col.name }}" name="{{ col.name }}" {% if col.required %}required{% endif %} {% if col.length %}maxlength="{{ col.length }}"{% endif %}>{{ values.get(col.name, '') if values else '' }}</textarea>

        {% elif col.type in ('datetime', 'timestamp') %}
        <input type="datetime-local" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}">

        {% elif col.type == 'date' %}
        <input type="date" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}">

        {% elif col.type in ('integer', 'increments', 'bigInteger', 'bigIncrements') %}
        <input type="number" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}" {% if col.required and col.name != model_pk %}required{% endif %} {% if col.min is not none %}min="{{ col.min }}"{% endif %} {% if col.max is not none %}max="{{ col.max }}"{% endif %} step="1">

        {% elif col.type in ('float', 'decimal') %}
        <input type="number" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}" step="any" {% if col.min is not none %}min="{{ col.min }}"{% endif %} {% if col.max is not none %}max="{{ col.max }}"{% endif %}>

        {% elif col.format == 'email' %}
        <input type="email" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}" {% if col.required %}required{% endif %}>

        {% elif col.format == 'url' %}
        <input type="url" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}">

        {% else %}
        <input type="text" id="field_{{ col.name }}" name="{{ col.name }}" value="{{ values.get(col.name, '') if values else '' }}" {% if col.required %}required{% endif %} {% if col.length %}maxlength="{{ col.length }}"{% endif %}>
        {% endif %}

        {% if col.nullable and not col.required %}
        <div class="hint">Leave empty for NULL</div>
        {% endif %}
      </div>
      {% endif %}
      {% endfor %}

      <div style="display:flex;gap:.5rem;margin-top:1.5rem">
        <button type="submit" class="btn btn-primary" :disabled="submitting">
          <span x-show="!submitting">{% if is_edit %}Save changes{% else %}Create{% endif %}</span>
          <span x-show="submitting">Saving…</span>
        </button>
        <a href="/{{ model_name }}/" class="btn">Cancel</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}