{% extends "base.html" %}
{% import "macros/admin_crud_list.html" as crud %}
{% block title %}Maintenance{% endblock %}
{% block extra_head %}
{% include "partials/storefront_crud_list_head.html" %}
{% include "partials/storefront_crud_form_head.html" %}
{% endblock %}
{% block content %}
<div class="mx-auto w-full max-w-7xl px-4 py-6 sm:px-6 lg:px-8" data-plugin="hoa-maintenance">
  {{ crud::shell_open(config_url="/plugins/hoa-maintenance/assets/admin/my_requests_list.json", mount_id="hoa-maintenance-mine", custom_mount=true) }}
  <div class="blocks-responsive-table"><table class="blocks-admin-table responsive-table"><thead></thead><tbody><tr><td colspan="6" class="crud-empty-state py-5 text-center text-slate-600 dark:text-slate-300">Loading…</td></tr></tbody></table></div>
  {{ crud::shell_close() }}
  <script type="application/json" id="hoa-maint-unit-options">[]</script>
  <script type="application/json" id="hoa-maint-category-options">[]</script>
  <div id="hoa-maint-request-modal" class="crud-modal" aria-hidden="true" data-blocks-overlay>
    <div class="modal-content w-full max-w-3xl">
      <div class="modal-header">
        <h2 id="hoa-maint-request-modal-title">New request</h2>
        <button type="button" class="close-modal blocks-button blocks-button-secondary" aria-label="Close">&times;</button>
      </div>
      <div class="modal-body">
        <div id="hoa-maint-request-form-fields"></div>
      </div>
    </div>
  </div>
</div>
{% endblock %}
{% block scripts %}
{% include "partials/storefront_crud_list_scripts.html" %}
{% include "partials/storefront_crud_form_scripts.html" %}
{# Plugin behaviour loads declaratively via manifest injection (body_end) — do not add a second script tag here or the list mounts twice. #}
{% endblock %}