{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}
{% import "macros/modal.html" as modal %}
{% block page_title %}Analytics{% endblock %}
{% block extra_head %}<link rel="stylesheet" href="/plugins/analytics/assets/analytics.css">{% endblock %}
{% block admin_content %}
<main class="mx-auto w-full max-w-screen-2xl px-3 py-5 sm:px-6" id="analytics-app">
  <header class="mb-5 flex flex-wrap items-center justify-between gap-3">
    <div><h1 class="text-2xl font-bold">Analytics</h1><p class="text-muted">Turn published data into repeatable checks and clear reports. No coding required.</p></div>
  </header>
  <div id="analytics-status" class="mb-4" role="status" aria-live="polite"></div>
  <section>
    {{ crud::shell_open(config_url="/plugins/analytics/assets/admin/analytics_profiles_list.json", mount_id="analytics-profile-list", custom_mount=true) }}
    <div class="blocks-responsive-table"><table class="blocks-admin-table responsive-table"><thead></thead><tbody><tr><td colspan="5" class="crud-empty-state text-center py-5">Loading analyses…</td></tr></tbody></table></div>
    {{ crud::shell_close() }}
  </section>
  <section class="mt-8">
    {{ crud::shell_open(config_url="/plugins/analytics/assets/admin/analytics_reports_list.json", mount_id="analytics-reports-list", custom_mount=true) }}
    <div class="blocks-responsive-table"><table class="blocks-admin-table responsive-table"><thead></thead><tbody><tr><td colspan="5" class="crud-empty-state text-center py-5">Loading reports…</td></tr></tbody></table></div>
    {{ crud::shell_close() }}
  </section>
</main>

{{ modal::modal(id="analytics-editor", title="Create an analysis", body_html='<p class="mb-4 text-muted">Choose the data, add checks in everyday language, then save a report whenever you need one.</p><div id="analytics-profile-form-mount"></div><div class="analytics-source-fields"><strong>Fields in this data</strong><div id="analytics-source-fields" class="analytics-choice-preview" aria-live="polite"></div><small>Choose from these fields when adding a check.</small><datalist id="analytics-field-options"></datalist></div><div class="analytics-step-heading"><span>2</span><div><strong>Choose what to check</strong><small>Add one or more checks. Each check explains what it will find.</small></div></div><div class="analytics-rules-head"><div><h3>Your checks</h3><p>You can add as many checks as you need.</p></div><label class="analytics-add-rule-label"><span>Add a check</span><select id="analytics-rule-add" aria-label="Add a check"><option value="">Choose a check…</option><option value="row_count">Count records</option><option value="distinct_count">Count unique values</option><option value="missing_values">Find empty values</option><option value="duplicate_values">Find repeated values</option><option value="expected_values_missing">Find missing expected values</option><option value="grouped_counts">Count records by value</option><option value="group_coverage">Check coverage across groups</option></select></label></div><div id="analytics-rule-list" class="analytics-rule-list"></div><div id="analytics-sharing-form-mount"></div><div id="analytics-save-error" role="alert" class="mt-3 text-danger"></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary close-btn" data-modal-close="analytics-editor">Cancel</button><button type="button" class="blocks-button blocks-button-primary" id="analytics-save">Save analysis</button>', size="xl", extra_class="analytics-modal-content") }}

{{ modal::modal(id="analytics-report-dialog", title_html='<span id="analytics-report-title">Analytics report</span>', body_html='<p id="analytics-report-notes" class="mb-4 text-muted"></p><div id="analytics-report-content"></div>', footer_html='<button type="button" class="blocks-button blocks-button-secondary close-btn" data-modal-close="analytics-report-dialog">Close</button>', size="xl", extra_class="analytics-modal-content") }}
{% endblock %}
{% block scripts %}<script src="/plugins/analytics/assets/analytics.js" defer></script>{% endblock %}