{% extends "admin/base.html" %}
{% from "admin/macros/forms.html" import csrf %}
{% from "admin/macros/widgets.html" import widget %}
{% from "admin/macros/cells.html" import cell_text %}
{% from "admin/macros/history.html" import entry_item %}
{% from "admin/macros/comments.html" import card as comment_card %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
<div class="page-header d-print-none">
  <div class="row g-2 align-items-center">
    <div class="col">
      <h2 class="page-title">{{ title }}{% if subtitle %} <span class="text-secondary">/ {{ subtitle }}</span>{% endif %}</h2>
    </div>
    <div class="col-auto ms-auto d-print-none">
      <a href="{{ admin.list_path() }}" class="btn">Back to {{ admin.plural_name | lower }}</a>
    </div>
  </div>
</div>
{% if errors.get('__all__') %}
<div class="alert alert-danger">
  <ul class="mb-0">
    {% for error in errors.get('__all__') %}<li>{{ error }}</li>{% endfor %}
  </ul>
</div>
{% endif %}
<form method="post" action="{{ action }}" enctype="multipart/form-data"
      data-prepopulated-fields='{{ prepopulated_fields | tojson }}'>
  {{ csrf(csrf_token) }}
  <div class="row">
    <div class="col-lg-8">
      <div class="card">
        <div class="card-body">
          {% for fieldset in form_layout %}
          {% if 'collapse' in fieldset.classes %}<details class="mb-4">
            <summary class="h3">{{ fieldset.title or 'More options' }}</summary>
          {% else %}<fieldset class="mb-4">{% if fieldset.title %}
            <legend class="h3">{{ fieldset.title }}</legend>{% endif %}{% endif %}
            {% if fieldset.description %}<p class="text-secondary">{{ fieldset.description }}</p>{% endif %}
            {% for row in fieldset.rows %}<div class="row">
              {% for spec in row %}
              <div class="col-md-{{ 12 // (row|length if row|length < 5 else 4) }}">
                {% if readonly or spec.readonly %}
                <div class="mb-3">
                  <div class="form-label">{{ spec.label }}</div>
                  <div class="form-control-plaintext">{{ cell_text(readonly_cells.get(spec.name)) }}</div>
                  {% if spec.help_text %}<small class="form-hint">{{ spec.help_text }}</small>{% endif %}
                </div>
                {% else %}
                {{ widget(spec, values.get(spec.name, ''), errors.get(spec.name), choices.get(spec.name, []), readonly or spec.readonly, autocomplete_url=autocomplete_urls.get(spec.name, ''), file_url=file_urls.get(spec.name, '')) }}
                {% endif %}
              </div>{% endfor %}
            </div>{% endfor %}
          {% if 'collapse' in fieldset.classes %}</details>{% else %}</fieldset>{% endif %}
          {% endfor %}
        </div>
      </div>
      {% include "admin/model/inlines.html" %}
      {% if not readonly %}
      <div class="btn-list mt-3">
        <button type="submit" name="_action" value="save" class="btn btn-primary">Save</button>
        {% if can_add %}<button type="submit" name="_action" value="add_another" class="btn">Save and add another</button>{% endif %}
        {% if can_continue %}<button type="submit" name="_action" value="continue" class="btn">Save and continue editing</button>{% endif %}
        {% if can_add and not is_add %}<button type="submit" name="_action" value="save_as_new" class="btn">Save as new</button>{% endif %}
      </div>
      {% endif %}
    </div>
    {% if history or comments %}
    <div class="col-lg-4">
      {% if comments %}{{ comment_card(comments) }}{% endif %}
      {% if history %}
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">History <span class="badge bg-blue-lt ms-1">{{ history.count }}</span></h3>
          <div class="card-options">
            <a href="{{ history.url }}" class="btn btn-sm">Full history</a>
          </div>
        </div>
        <div class="card-body">
          {% if not history.entries %}
          <div class="text-secondary">No changes recorded yet.</div>
          {% endif %}
          {% for entry in history.entries %}
            {{ entry_item(entry) }}
          {% endfor %}
        </div>
      </div>
      {% endif %}
    </div>
    {% endif %}
  </div>
</form>
{% endblock %}