{% extends "base.html" %}
{% block title %}{% if exhibition %}Edit Exhibition{% else %}New Exhibition{% endif %} — ArtNode{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <a href="{{ url_for('exhibitions.index') }}" style="font-size:0.75rem;color:var(--text-muted);letter-spacing:0.06em;text-transform:uppercase;">&larr; Exhibitions</a>
    <div class="page-title" style="margin-top:4px;">{% if exhibition %}Edit Exhibition{% else %}New Exhibition{% endif %}</div>
  </div>
</div>
<div class="page-body">
  <form method="POST" action="">
    {{ form.hidden_tag() }}
    <div style="max-width:600px;">
      <div style="background:var(--surface);border:1px solid var(--border);padding:var(--space-xl);margin-bottom:var(--space-lg);">
        <div style="font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-lg);">Exhibition Details</div>
        <div class="form-group">{{ form.title.label(class="form-label") }}{{ form.title(class="form-control", placeholder="Exhibition title") }}{% if form.title.errors %}<div style="color:#c0392b;font-size:0.78rem;margin-top:4px;">{{ form.title.errors[0] }}</div>{% endif %}</div>
        <div class="form-group">{{ form.venue.label(class="form-label") }}{{ form.venue(class="form-control", placeholder="e.g. Galerie Beispiel, Zürich") }}</div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);">
          <div class="form-group">{{ form.start_date.label(class="form-label") }}{{ form.start_date(class="form-control") }}</div>
          <div class="form-group">{{ form.end_date.label(class="form-label") }}{{ form.end_date(class="form-control") }}</div>
        </div>
        <div class="form-group">
          <label class="form-label">Description</label>
          {% for lang in ["de","fr","it","en"] %}
          <div style="margin-bottom:var(--space-md);">
            <div style="font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;">{{ lang|upper }}</div>
            <textarea name="trans_description_{{ lang }}" class="form-control" rows="3"
                      placeholder="Description in {{ lang|upper }}...">{{ (exhibition.translations or {}).get(lang, {}).get("description", "") if exhibition else "" }}</textarea>
          </div>
          {% endfor %}
        </div>
        <label style="display:flex;align-items:center;gap:10px;cursor:pointer;font-size:0.88rem;margin-top:var(--space-md);">{{ form.is_active_show(style="width:16px;height:16px;") }} {{ form.is_active_show.label.text }}</label>
      </div>
      <div style="display:flex;gap:var(--space-md);justify-content:flex-end;">
        <a href="{{ url_for("exhibitions.index") }}" class="btn btn-secondary">Cancel</a>
        <button type="submit" class="btn btn-primary">{% if exhibition %}Save Changes{% else %}Create Exhibition{% endif %}</button>
      </div>
    </div>
  </form>
</div>
{% endblock %}