{% extends "admin_base.html" %}
{% import "macros/workspace_ui.html" as ui %}

{% block page_title %}Forms{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/plugins/forms/assets/css/forms.ui.css">
{% endblock %}

{% block admin_content %}
<section class="blocks-workspace mx-auto w-full max-w-6xl px-4 py-6 md:px-6" aria-label="Form library">
<p class="blocks-workspace-help">Build reusable forms for applications and intake. Each feature keeps submitted answers in its own records.</p>
<div data-forms-page-notice>{{ ui::notice() }}</div>
<div data-plugin="forms" class="min-w-0">

    {{ ui::fetch_list(config_url="/plugins/forms/assets/admin/forms_list.json", mount_id="forms-list", label="Form library; scroll horizontally if needed", colspan=5, custom_mount=true, loading="Loading forms…") }}

    <div id="forms-form-modal" class="crud-modal" aria-hidden="true" role="dialog" aria-modal="true" aria-labelledby="forms-form-modal-title">
        <div class="modal-content">
            <div class="modal-header">
                <h2 id="forms-form-modal-title">Add Form</h2>
                <button type="button" class="close-modal" aria-label="Close">&times;</button>
            </div>
            <div class="modal-body">
                {{ ui::notice() }}
                <div id="forms-form-fields"></div>
            </div>
        </div>
    </div>
</div>
</section>
{% endblock %}

{% block scripts %}
{% endblock %}