{% extends "admin_base" %}
{% block title %}{% if admin_edit_title %}{{ admin_edit_title }}{% endif %} — {{ resource.title }}{% endblock %}
{% block breadcrumb %}
  <span class="breadcrumb-sep">/</span>
  <a href="/admin/{{ resource.key }}/list">{{ resource.title }}</a>
  <span class="breadcrumb-sep">/</span>
  <span>{% if admin_edit_breadcrumb %}{{ admin_edit_breadcrumb }}{% endif %}</span>
{% endblock %}
{% block content %}
  <header class="page-header">
    <h1>{% if admin_edit_title %}{{ admin_edit_title }}{% endif %} — {{ resource.title }}</h1>
  </header>
  <div class="card card-form">
    <div class="card-header">
      <h2>{% if admin_edit_card_info %}{{ admin_edit_card_info }}{% endif %}</h2>
    </div>
    <div class="card-body">
      <form method="POST" action="/admin/{{ resource.key }}/{{ object_id }}/edit">
        <div class="form-grid">
          {% if form_fields is defined and form_fields.html is defined and form_fields.html %}
            {{ form_fields.html | safe }}
          {% else %}
            <p>{% if admin_edit_no_fields %}{{ admin_edit_no_fields }}{% endif %}</p>
          {% endif %}
        </div>
        <div class="form-actions">
          <a href="/admin/{{ resource.key }}/list" class="btn btn-secondary">{% if admin_edit_btn_cancel %}{{ admin_edit_btn_cancel }}{% endif %}</a>
          <button type="submit" class="btn btn-primary">{% if admin_edit_btn_submit %}{{ admin_edit_btn_submit }}{% endif %}</button>
        </div>
      </form>
    </div>
  </div>
{% endblock %}
{% block extra_js %}
{{ super() }}
<script {% if csp_nonce %}nonce="{{ csp_nonce }}"{% endif %}>
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('input[type="password"]').forEach(function (el) {
      el.placeholder = '••••••••';
      el.disabled = true;
    });
  });
</script>
{% endblock %}