{% extends "sqladmin/layout.html" %}
{% from 'sqladmin/_macros.html' import render_form_fields %}

{% block content %}
<div class="col-12">
  <div class="card">
    <div class="card-header">
      <h3 class="card-title">New {{ model_view.name }}</h3>
    </div>
    <div class="card-body border-bottom py-3">
      {% block create_form %}
      <form action="{{ url_for('admin:create', identity=model_view.identity) }}"
            method="POST" enctype="multipart/form-data">
        <div class="row">
          {% if error %}
          <div class="alert alert-danger" role="alert">{{ error }}</div>
          {% endif %}
        </div>
        <fieldset class="form-fieldset">
          {{ render_form_fields(form, form_opts=form_opts,
             ajax_lookup_url=url_for('admin:ajax_lookup', identity=model_view.identity)) }}
        </fieldset>
        <div class="row mt-3">
          <div class="col-md-2">
            <a href="{{ url_for('admin:list', identity=model_view.identity) }}" class="btn">
              Cancel
            </a>
          </div>
          <div class="col-md-6">
            <div class="btn-group flex-wrap" data-toggle="buttons">
              {% block submit_buttons_bottom %}
                <input type="submit" name="save" value="Save" class="btn btn-primary">
                {% if model_view.can_edit %}
                <input type="submit" name="save" value="Save and continue editing" class="btn">
                {% endif %}
                <input type="submit" name="save" value="Save and add another" class="btn">
              {% endblock %}
            </div>
          </div>
        </div>
      </form>
      {% endblock %}
    </div>
  </div>

  {# ── Inline hint ── #}
  {% if model_view.inlines %}
  <div class="alert alert-info mt-3 d-flex align-items-center" style="gap:10px">
    <i class="fa fa-info-circle fa-lg text-info" style="flex-shrink:0"></i>
    <div>
      <strong>Related items</strong> ({{ model_view.inlines | map(attribute='inline_label') | join(', ') }})
      will be available to edit after saving.
      Use <strong>Save and continue editing</strong> to add them immediately.
    </div>
  </div>
  {% endif %}

</div>
{% endblock %}