{% extends "admin.html" %}

{% block admin_content %}
<section class="admin-section website-content-organizer" aria-labelledby="website-content-organizer-heading">
  <div class="admin-section-heading">
    <div>
      <h2 id="website-content-organizer-heading">{% if is_en %}Website content{% else %}网站内容{% endif %}</h2>
      <p>{% if is_en %}Edit website copy, the QR code and search presentation.{% else %}修改网站文字、二维码和搜索展示。{% endif %}</p>
    </div>
  </div>
  <div class="website-content-controls">
    <nav class="website-content-sections" aria-label="{% if is_en %}Website content areas{% else %}网站内容分区{% endif %}">
      <a href="/admin/site?section=home&amp;content_lang={{ content_lang }}{% if is_en %}&amp;lang=en{% endif %}"{% if section == "home" %} aria-current="page"{% endif %}>{% if is_en %}Home page{% else %}首页{% endif %}</a>
      <a href="/admin/site?section=site_shell&amp;content_lang={{ content_lang }}{% if is_en %}&amp;lang=en{% endif %}"{% if section == "site_shell" %} aria-current="page"{% endif %}>{% if is_en %}Header and footer{% else %}页头页脚{% endif %}</a>
      <a href="/admin/site?section=qr{% if is_en %}&amp;lang=en{% endif %}"{% if section == "qr" %} aria-current="page"{% endif %}>{% if is_en %}QR code{% else %}二维码{% endif %}</a>
      <a href="/admin/seo?content_lang={{ content_lang }}{% if is_en %}&amp;lang=en{% endif %}">SEO</a>
    </nav>
    {% if section != "qr" %}
    <nav class="website-content-languages" aria-label="{% if is_en %}Content language{% else %}内容语种{% endif %}">
      <a href="/admin/site?section={{ section }}&amp;content_lang=zh-CN{% if is_en %}&amp;lang=en{% endif %}"{% if content_lang == "zh-CN" %} aria-current="page"{% endif %}>简体中文</a>
      <a href="/admin/site?section={{ section }}&amp;content_lang=en{% if is_en %}&amp;lang=en{% endif %}"{% if content_lang == "en" %} aria-current="page"{% endif %}>English</a>
    </nav>
    {% else %}
    <span class="website-content-bilingual">{% if is_en %}Chinese and English together{% else %}中英文共同维护{% endif %}</span>
    {% endif %}
  </div>
</section>

{% if section != "qr" %}
<section class="admin-section" aria-labelledby="site-content-heading">
  <div class="admin-section-heading">
    <div>
      <h2 id="site-content-heading">{% if section == "home" %}{% if is_en %}Home-page content{% else %}首页内容{% endif %}{% else %}{% if is_en %}Header and footer{% else %}页头与页脚{% endif %}{% endif %}</h2>
      <p>{% if is_en %}Edit the selected language, then preview and publish it.{% else %}修改当前语种内容，保存后可预览并发布。{% endif %}</p>
    </div>
  </div>

  {% if let Some(message) = content_error %}
  <div class="admin-feedback" data-tone="error" role="alert"><p>{{ message }}</p></div>
  {% endif %}

  <details class="admin-simple-editor site-simple-create">
    <summary>{% if is_en %}Create draft for this area{% else %}创建当前分区草稿{% endif %}</summary>
    <div class="site-simple-create-grid">
      <form hx-post="/admin/site/content/draft" hx-target="#admin-global-feedback" hx-swap="innerHTML">
        <input type="hidden" name="document_key" value="{{ document_key }}">
        <input type="hidden" name="content_locale" value="{{ content_lang }}">
        {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
        <button class="button button-secondary" type="submit">{% if is_en %}Create draft{% else %}创建草稿{% endif %}</button>
      </form>
    </div>
  </details>

  {% if content_editors.is_empty() && content_error.is_none() %}
  <div class="admin-empty site-simple-empty">
    <strong>{% if is_en %}No editable items{% else %}暂无可编辑内容{% endif %}</strong>
    <p>{% if is_en %}Use “Add content” to create the first draft.{% else %}点击“新增内容”创建第一条草稿。{% endif %}</p>
  </div>
  {% endif %}

  <div class="admin-simple-list site-simple-list">
    {% for editor in content_editors %}
    <article class="admin-simple-record">
      <details data-site-content-editor>
        <summary>
          <span class="site-simple-record-heading">
            <span>
              <strong>{% if is_en %}{{ editor.document_label_en }}{% else %}{{ editor.document_label_zh }}{% endif %} · {% if is_en %}{{ editor.locale_label_en }}{% else %}{{ editor.locale_label_zh }}{% endif %}</strong>
              <small>{% if is_en %}Draft · revision{% else %}草稿 · 修订{% endif %} {{ editor.revision }}</small>
            </span>
            <span class="site-content-dirty" data-site-content-dirty hidden>{% if is_en %}Unsaved{% else %}未保存{% endif %}</span>
          </span>
        </summary>

        <form class="site-simple-content-form" data-site-content-form hx-post="/admin/site/content/{{ editor.id }}" hx-target="#admin-global-feedback" hx-swap="innerHTML">
          <input type="hidden" name="expected_revision" value="{{ editor.revision }}">
          {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
          <div class="site-simple-groups">
            {% for section in editor.sections %}
            <fieldset class="site-simple-group">
              <legend>{% if is_en %}{{ section.title_en }}{% else %}{{ section.title_zh }}{% endif %}</legend>
              <div class="site-simple-fields">
                {% for field in section.fields %}
                <label class="admin-field site-simple-field" data-kind="{{ field.kind }}">
                  <span>{% if is_en %}{{ field.label_en }}{% else %}{{ field.label_zh }}{% endif %}</span>
                  {% if field.kind == "textarea" %}
                  <textarea name="field:{{ field.path }}" rows="4" required>{{ field.value }}</textarea>
                  {% else if field.kind == "boolean" %}
                  <select name="field:{{ field.path }}" required>
                    <option value="false"{% if field.value == "false" %} selected{% endif %}>{% if is_en %}No{% else %}否{% endif %}</option>
                    <option value="true"{% if field.value == "true" %} selected{% endif %}>{% if is_en %}Yes{% else %}是{% endif %}</option>
                  </select>
                  {% else if field.kind == "media" %}
                  <select name="field:{{ field.path }}">
                    <option value=""{% if field.value.is_empty() %} selected{% endif %}>{% if is_en %}No QR code{% else %}不显示二维码{% endif %}</option>
                    <option value="home_qr"{% if field.value == "home_qr" %} selected{% endif %}>{% if is_en %}Published home QR{% else %}已发布首页二维码{% endif %}</option>
                  </select>
                  {% else %}
                  <input name="field:{{ field.path }}" value="{{ field.value }}" required{% if field.kind == "link" %} inputmode="url" spellcheck="false"{% endif %}>
                  {% endif %}
                </label>
                {% endfor %}
              </div>
            </fieldset>
            {% endfor %}
          </div>
          <div class="admin-actions site-simple-actions">
            <button class="button button-primary" type="submit">{% if is_en %}Save{% else %}保存{% endif %}</button>
            <a class="button button-secondary" href="/admin/site/content/{{ editor.id }}/preview" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer" data-site-content-preview>{% if is_en %}Preview{% else %}预览{% endif %}</a>
          </div>
        </form>
        <div class="admin-actions site-simple-actions site-simple-transitions">
          <form hx-post="/admin/site/content/{{ editor.id }}/publish" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Publish the saved version?{% else %}确认发布已保存版本？{% endif %}">
            <input type="hidden" name="expected_revision" value="{{ editor.revision }}">
            <input type="hidden" name="document_key" value="{{ document_key }}">
            <input type="hidden" name="content_locale" value="{{ content_lang }}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-primary" type="submit">{% if is_en %}Publish{% else %}发布{% endif %}</button>
          </form>
          <form hx-post="/admin/site/content/{{ editor.id }}/delete" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Delete this draft?{% else %}确认删除这条草稿？{% endif %}">
            <input type="hidden" name="expected_revision" value="{{ editor.revision }}">
            <input type="hidden" name="document_key" value="{{ document_key }}">
            <input type="hidden" name="content_locale" value="{{ content_lang }}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-secondary" type="submit">{% if is_en %}Delete{% else %}删除{% endif %}</button>
          </form>
        </div>
      </details>
    </article>
    {% endfor %}
  </div>

  {% if !content_history.is_empty() %}
  <details class="admin-simple-editor site-simple-history">
    <summary>{% if is_en %}Previous versions{% else %}历史版本{% endif %} ({{ content_history.len() }})</summary>
    <div class="site-history-list">
      {% for item in content_history %}
      <article class="site-history-row">
        <div>
          <strong>{% if is_en %}{{ item.document_label_en }}{% else %}{{ item.document_label_zh }}{% endif %} · {% if is_en %}{{ item.locale_label_en }}{% else %}{{ item.locale_label_zh }}{% endif %}</strong>
          <small>{{ item.state }} · {% if is_en %}revision{% else %}修订{% endif %} {{ item.revision }} · {{ item.updated_at }}</small>
        </div>
        <div class="admin-actions">
          <a class="button button-secondary" href="/admin/site/content/{{ item.id }}/preview" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer">{% if is_en %}Preview{% else %}预览{% endif %}</a>
          {% if item.is_published %}
          <form hx-post="/admin/site/content/{{ item.id }}/revoke" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Revoke this published version?{% else %}确认撤销此已发布版本？{% endif %}">
            <input type="hidden" name="expected_revision" value="{{ item.revision }}">
            <input type="hidden" name="document_key" value="{{ document_key }}">
            <input type="hidden" name="content_locale" value="{{ content_lang }}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-secondary" type="submit">{% if is_en %}Revoke{% else %}撤销{% endif %}</button>
          </form>
          {% else %}
          <form hx-post="/admin/site/content/{{ item.id }}/rollback" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Publish a new version copied from this one?{% else %}确认基于此版本重新发布？{% endif %}">
            <input type="hidden" name="expected_revision" value="{{ item.revision }}">
            <input type="hidden" name="document_key" value="{{ document_key }}">
            <input type="hidden" name="content_locale" value="{{ content_lang }}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-secondary" type="submit">{% if is_en %}Restore{% else %}恢复此版本{% endif %}</button>
          </form>
          {% endif %}
        </div>
      </article>
      {% endfor %}
    </div>
  </details>
  {% endif %}
</section>
{% endif %}

{% if section == "qr" %}
<section class="admin-section" aria-labelledby="site-media-heading">
  <div class="admin-section-heading">
    <div>
      <h2 id="site-media-heading">{% if is_en %}Home-page QR code{% else %}首页二维码{% endif %}</h2>
      <p>{% if is_en %}Upload a QR code, then edit or publish it from the list.{% else %}上传二维码后，可在列表中逐条编辑或发布。{% endif %}</p>
    </div>
  </div>

  {% if let Some(message) = load_error %}
  <div class="admin-feedback" data-tone="error" role="alert"><p>{{ message }}</p></div>
  {% endif %}

  {% if let Some(media) = current %}
  <div class="site-current-media">
    <img src="{{ media.content_url }}" alt="{% if is_en %}{{ media.alt_en }}{% else %}{{ media.alt_zh }}{% endif %}">
    <div>
      <strong>{% if is_en %}Currently published{% else %}当前已发布{% endif %}</strong>
      <p>{% if is_en %}{{ media.alt_en }}{% else %}{{ media.alt_zh }}{% endif %}</p>
      <small>{{ media.dimensions }} · {{ media.published_at }}</small>
    </div>
  </div>
  {% endif %}

  <details class="admin-simple-editor site-simple-create">
    <summary>{% if is_en %}Add QR code{% else %}新增二维码{% endif %}</summary>
    <form class="admin-form-grid site-media-create-form" enctype="multipart/form-data" hx-post="/admin/site{% if is_en %}?lang=en{% endif %}" hx-encoding="multipart/form-data" hx-target="#admin-global-feedback" hx-swap="innerHTML">
      <label class="admin-field">{% if is_en %}Image (PNG or JPEG, square, up to 2 MiB){% else %}图片（PNG/JPEG、正方形、最大 2 MiB）{% endif %}<input type="file" name="file" accept="image/png,image/jpeg" required></label>
      <label class="admin-field">{% if is_en %}Chinese alternative text{% else %}中文替代文本{% endif %}<input name="alt_zh" required maxlength="300"></label>
      <label class="admin-field">{% if is_en %}English alternative text{% else %}英文替代文本{% endif %}<input name="alt_en" required maxlength="300"></label>
      <button class="button button-primary" type="submit">{% if is_en %}Add{% else %}新增{% endif %}</button>
    </form>
  </details>

  {% if rows.is_empty() && load_error.is_none() %}
  <div class="admin-empty site-simple-empty"><strong>{% if is_en %}No QR codes{% else %}暂无二维码{% endif %}</strong></div>
  {% endif %}

  <div class="admin-simple-list site-simple-list">
    {% for row in rows %}
    <article class="admin-simple-record">
      <details>
        <summary>
          <span class="site-simple-record-heading">
            <span>
              <strong>{% if is_en %}{{ row.alt_en }}{% else %}{{ row.alt_zh }}{% endif %}</strong>
              <small>{{ row.state }} · {{ row.created_at }}</small>
            </span>
          </span>
        </summary>
        <form class="admin-form-grid site-media-edit-form" hx-post="/admin/site/{{ row.id }}" hx-target="#admin-global-feedback" hx-swap="innerHTML">
          <label class="admin-field">{% if is_en %}Chinese alternative text{% else %}中文替代文本{% endif %}<input name="alt_zh" value="{{ row.alt_zh }}" required></label>
          <label class="admin-field">{% if is_en %}English alternative text{% else %}英文替代文本{% endif %}<input name="alt_en" value="{{ row.alt_en }}" required></label>
          {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
          <button class="button button-secondary" type="submit">{% if is_en %}Save{% else %}保存{% endif %}</button>
        </form>
        <p class="site-file-meta">{{ row.content_type }} · {{ row.dimensions }} · {{ row.byte_size }} B · <span class="admin-mono">{{ row.sha256 }}</span></p>
        <div class="admin-actions site-simple-actions">
          {% if row.state == "draft" %}
          <form hx-post="/admin/site/{{ row.id }}/publish" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Publish this QR code?{% else %}确认发布此二维码？{% endif %}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-primary" type="submit">{% if is_en %}Publish{% else %}发布{% endif %}</button>
          </form>
          <form hx-post="/admin/site/{{ row.id }}/delete" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Delete this draft?{% else %}确认删除这条草稿？{% endif %}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-secondary" type="submit">{% if is_en %}Delete{% else %}删除{% endif %}</button>
          </form>
          {% endif %}
          {% if row.state == "published" %}
          <form hx-post="/admin/site/{{ row.id }}/revoke" hx-target="#admin-global-feedback" hx-swap="innerHTML" hx-confirm="{% if is_en %}Revoke this QR code?{% else %}确认撤销此二维码？{% endif %}">
            {% if is_en %}<input type="hidden" name="lang" value="en">{% endif %}
            <button class="button button-secondary" type="submit">{% if is_en %}Revoke{% else %}撤销{% endif %}</button>
          </form>
          {% endif %}
        </div>
      </details>
    </article>
    {% endfor %}
  </div>
</section>
{% endif %}
{% endblock %}