{% import 'macro/accordion.html' as accordion %}

{{ accordion.header('Set custom fields danger zone', 'custom-field-danger', 'admin', expanded=true, danger=true, class='text-end') }}
<form action="{{ url_for('admin_custom_field.do_delete', id=custom_field.fields.id) }}" method="post">
  {% if custom_field_error %}<div class="alert alert-danger text-start" role="alert"><strong>Error:</strong> {{ custom_field_error }}.</div>{% endif %}
  <div class="alert alert-danger text-center" role="alert">You are about to <strong>delete a custom field</strong> and every value stored in it. This action is irreversible.</div>
  <div class="row row-cols-lg-auto g-3 align-items-center">
    <div class="col-12 flex-grow-1">
      <div class="input-group">
        <div class="input-group-text">Name</div>
        <input type="text" class="form-control" value="{{ custom_field.fields.name }}" disabled>
      </div>
    </div>
  </div>
  <hr class="border-bottom">
  <a class="btn btn-danger" href="{{ url_for('admin.admin', open_custom_field=true) }}" role="button"><i class="ri-arrow-left-long-line"></i> Back to the admin</a>
  <button type="submit" class="btn btn-danger"><i class="ri-delete-bin-2-line"></i> Delete <strong>the custom field</strong></button>
</form>
{{ accordion.footer() }}