{% extends "admin/base_site.html" %}
{% load i18n l10n admin_urls static admin_modify cc_admin %}

{% block title %}{% if errors %}{% translate "Error:" %} {% endif %}{{ block.super }}{% endblock %}

{% block extrahead %}{{ block.super }}
<script src="{% url 'admin:jsi18n' %}"{% cc_nonce %}></script>
{% cc_media media %}
{% endblock %}

{% block coltype %}colM{% endblock %}

{% block bodyclass %}{{ block.super }} app-{{ opts.app_label }} model-{{ opts.model_name }} change-form{% endblock %}

{% if not is_popup %}
{% block breadcrumbs %}
<ol class="breadcrumbs">
  <li><a href="{% url 'admin:index' %}">{% translate 'Home' %}</a></li>
  <li><a href="{% url 'admin:app_list' app_label=opts.app_label %}">{{ opts.app_config.verbose_name }}</a></li>
  <li>{% if has_view_permission %}<a href="{% url opts|admin_urlname:'changelist' %}">{{ opts.verbose_name_plural|capfirst }}</a>{% else %}{{ opts.verbose_name_plural|capfirst }}{% endif %}</li>
  <li aria-current="page">{% if add %}{% blocktranslate with name=opts.verbose_name %}Add {{ name }}{% endblocktranslate %}{% else %}{{ original|truncatewords:"18" }}{% endif %}</li>
</ol>
{% endblock %}
{% endif %}

{% block content_title %}
  {% if cc.back_button and not is_popup and has_view_permission %}<a href="{% url opts|admin_urlname:'changelist' %}{% if preserved_filters %}?{{ preserved_filters }}{% endif %}" class="cc-back" data-back-link title="{% translate 'Back to the list' %}">{% icon "arrow-left" %}<span>{{ opts.verbose_name_plural|capfirst }}</span></a>{% endif %}
  <p class="cc-eyebrow">{{ opts.verbose_name|capfirst }}{% if change and original.pk %} · #{{ original.pk|unlocalize }}{% endif %}</p>
  <div class="cc-presence" data-presence hidden></div>
  <h1 {% if change and original %}data-recent-title data-recent-model="{{ opts.verbose_name|capfirst }}"{% endif %}>{% if add %}{% blocktranslate with name=opts.verbose_name %}New {{ name }}{% endblocktranslate %}{% else %}{{ original|truncatewords:"18" }}{% endif %}</h1>
  {% if subtitle and add %}<p class="cc-lead">{{ subtitle }}</p>{% endif %}
{% endblock %}

{% block content_subtitle %}{% endblock %}

{% block object-tools %}
{% if not is_popup %}
  <div class="cc-tools object-tools">
    {% include "cc_admin/action_buttons.html" with actions=cc_detail_actions %}
    {% if change %}{% block object-tools-items %}{% change_form_object_tools %}{% endblock %}{% endif %}
  </div>
{% endif %}
{% endblock %}

{% block content %}<div id="content-main">
<form {% if has_file_field %}enctype="multipart/form-data" {% endif %}{% if form_url %}action="{{ form_url }}" {% endif %}method="post" id="{{ opts.model_name }}_form" class="cc-form{% if cc_compressed %} cc-compressed{% endif %}" novalidate data-cc-form{% if cc.char_counter %} data-char-counter{% endif %}{% if change and original and cc.live.enabled and cc.live.forms and not is_popup %} data-live-object="{% cc_live_object opts original %}"{% endif %}{% if cc_warn_unsaved %} data-warn-unsaved{% endif %}{% if cc_conditional_fields and cc_conditional_fields != "{}" %} data-conditional="{{ cc_conditional_fields }}"{% endif %}>{% csrf_token %}{% block form_top %}{% endblock %}
<div>
{% if is_popup %}<input type="hidden" name="{{ is_popup_var }}" value="1">{% endif %}
{% if to_field %}<input type="hidden" name="{{ to_field_var }}" value="{{ to_field }}">{% endif %}
{% if source_model %}<input type="hidden" name="{{ source_model_var }}" value="{{ source_model }}">{% endif %}
{% if save_on_top %}{% block submit_buttons_top %}{% submit_row %}{% endblock %}{% endif %}
{% if cc_model_admin.change_form_before_template %}{% include cc_model_admin.change_form_before_template %}{% endif %}
{% if errors %}
  <div class="cc-note cc-tone-danger errornote">
    {% icon "circle-exclamation-point" %}
    <div><b>{% blocktranslate count counter=errors|length %}Please correct the error below.{% plural %}Please correct the errors below.{% endblocktranslate %}</b>{{ adminform.form.non_field_errors }}</div>
  </div>
{% endif %}

{% with split=adminform|cc_tab_fieldsets %}
{% cc_inline_tabs inline_admin_formsets as inline_tabs %}
{% if split.tabs or inline_tabs %}
  <nav class="cc-tabs cc-form-tabs" data-tabs role="tablist">
    <button type="button" form="cc-detached" class="cc-tab" data-tab="general" role="tab">{% translate 'General' %}</button>
    {% for fieldset in split.tabs %}<button type="button" form="cc-detached" class="cc-tab" data-tab="fs-{{ forloop.counter }}" role="tab">{{ fieldset.name|default:_("Details") }}</button>{% endfor %}
    {% for inline_admin_formset in inline_tabs %}<button type="button" form="cc-detached" class="cc-tab" data-tab="in-{{ inline_admin_formset.formset.prefix }}" role="tab">{% if inline_admin_formset.formset.max_num == 1 %}{{ inline_admin_formset.opts.verbose_name|capfirst }}{% else %}{{ inline_admin_formset.opts.verbose_name_plural|capfirst }}{% endif %}<em class="cc-count">{{ inline_admin_formset.formset.initial_form_count }}</em></button>{% endfor %}
  </nav>
{% endif %}
<div class="cc-form-layout{% if adminform|cc_has_aside %} has-aside{% endif %}">
  <div class="cc-form-main">
    {% block field_sets %}
    <div class="cc-tab-panel" data-tab-panel="general">
      {% for fieldset in split.rest %}{% if not fieldset|cc_has_class:"sidebar" %}
        {% include "admin/includes/fieldset.html" with heading_level=2 prefix="fieldset" id_prefix=0 id_suffix=forloop.counter0 %}
      {% endif %}{% endfor %}
    </div>
    {% for fieldset in split.tabs %}
      <div class="cc-tab-panel" data-tab-panel="fs-{{ forloop.counter }}">
        {% include "admin/includes/fieldset.html" with heading_level=2 prefix="fieldset" id_prefix=1 id_suffix=forloop.counter0 %}
      </div>
    {% endfor %}
    {% endblock %}

    {% block after_field_sets %}{% endblock %}

    {% block inline_field_sets %}
    {% for inline_admin_formset in inline_admin_formsets %}
      {% if inline_admin_formset.opts.tab %}<div class="cc-tab-panel" data-tab-panel="in-{{ inline_admin_formset.formset.prefix }}">{% else %}<div data-tab-panel-extra="general">{% endif %}
        {% include inline_admin_formset.opts.template %}
      </div>
    {% endfor %}
    {% endblock %}

    {% if cc_form_sections %}<div class="cc-form-sections">{% for html in cc_form_sections %}<div class="cc-card">{{ html }}</div>{% endfor %}</div>{% endif %}
    {% block after_related_objects %}{% endblock %}
    {% if cc_model_admin.change_form_after_template %}{% include cc_model_admin.change_form_after_template %}{% endif %}
  </div>
  {% if adminform|cc_has_aside %}
    <aside class="cc-form-aside">
      {% for fieldset in adminform %}{% if fieldset|cc_has_class:"sidebar" %}
        {% include "admin/includes/fieldset.html" with heading_level=2 prefix="aside" id_prefix=2 id_suffix=forloop.counter0 %}
      {% endif %}{% endfor %}
      {% if change and original and cc.show_history %}
        <div class="cc-card cc-meta-card">
          <dl>
            <div><dt>{% translate 'Record' %}</dt><dd class="cc-mono">#{{ original.pk|unlocalize }}</dd></div>
            <div><dt>{% translate 'Model' %}</dt><dd>{{ opts.app_label }}.{{ opts.model_name }}</dd></div>
          </dl>
        </div>
      {% endif %}
    </aside>
  {% endif %}
</div>
{% endwith %}

{% block submit_buttons_bottom %}{% submit_row %}{% endblock %}

{% block admin_change_form_document_ready %}
  <script id="django-admin-form-add-constants" src="{% static 'admin/js/change_form.js' %}"{% if adminform and add %} data-model-name="{{ opts.model_name }}"{% endif %} async{% cc_nonce %}></script>
{% endblock %}

{% prepopulated_fields_js %}
</div>
</form></div>
{% endblock %}