{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}

{% block page_title %}Tenant Onboarding & Partner Management{% endblock %}
{% block admin_content %}
<main class="mx-auto w-full max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
    <section class="mb-8 rounded-2xl border border-divider bg-surface p-5 shadow-sm sm:p-7" aria-labelledby="fulfillment-review-title">
        <p class="text-sm font-semibold uppercase tracking-wide text-brand">Operator tools</p>
        <h2 id="fulfillment-review-title" class="mt-2 text-2xl font-bold text-foreground">Workspace setup recovery</h2>
        <p class="mt-3 max-w-4xl leading-relaxed text-muted">Latest 20 unfinished paid registrations. Check the workspace and email provider before resolving uncertain work. Ask customers to finish setup in their saved tab; do not request another payment.</p>
        {% if fulfillment_reviews_unavailable | default(value=false) %}
        <p class="mt-5 rounded-lg border border-warning bg-canvas p-4 text-sm text-warning" role="status">Recovery progress is unavailable. Check that this feature's storage is initialized, then refresh.</p>
        {% elif fulfillment_reviews | default(value=[]) | length == 0 %}
        <p class="mt-5 rounded-lg border border-divider bg-canvas p-4 text-sm text-muted">No paid registrations are waiting for recovery.</p>
        {% else %}
        <div class="mt-6 grid grid-cols-1 gap-4 xl:grid-cols-2">
        {% for review in fulfillment_reviews %}
            <article class="min-w-0 rounded-xl border border-divider bg-canvas p-4 sm:p-5">
                <h3 class="break-words text-lg font-semibold text-foreground">{{ review.tenant_name }}</h3>
                <dl class="mt-4 grid grid-cols-1 gap-x-4 gap-y-2 text-sm sm:grid-cols-[minmax(0,1fr)_minmax(0,2fr)]">
                    <dt class="font-semibold text-muted">Payment reference</dt><dd class="m-0 break-all text-foreground">{{ review.payment_id }}</dd>
                    <dt class="font-semibold text-muted">Order reference</dt><dd class="m-0 break-all text-foreground">{{ review.order_id }}</dd>
                    <dt class="font-semibold text-muted">Received</dt><dd class="m-0 text-foreground">{{ review.created_at | date_in_tz(timezone=settings.timezone) }}</dd>
                    <dt class="font-semibold text-muted">Workspace</dt><dd class="m-0 text-foreground">{% if review.creation_state == 'created' %}Created{% else %}Check creation result before continuing{% endif %}</dd>
                    <dt class="font-semibold text-muted">Receipt</dt><dd class="m-0 text-foreground">{% if review.receipt_state == 'sent' %}Sent or no email required{% elif review.receipt_state == 'pending' %}Waiting for setup{% else %}Check email delivery; do not resend automatically{% endif %}</dd>
                    <dt class="font-semibold text-muted">Referral</dt><dd class="m-0 text-foreground">{% if review.referral_state == 'complete' %}Recorded if eligible{% else %}Waiting for setup{% endif %}</dd>
                </dl>
                {% if not review.generation_id %}
                <p class="mt-4 rounded-lg border border-warning p-3 text-sm text-warning">This registration predates identity tracking. It cannot be automatically linked to the current workspace; investigate its original records.</p>
                {% elif review.generation_matches != 1 %}
                <p class="mt-4 rounded-lg border border-danger p-3 text-sm text-danger">The original workspace is missing or its identity/owner changed. This payment cannot be used to resume the current workspace.</p>
                {% else %}
                    {% for step in ['creation', 'receipt'] %}
                    {% if (step == 'creation' and review.creation_reviewable == 1) or (step == 'receipt' and review.receipt_reviewable == 1) %}
                    <details class="mt-4 rounded-lg border border-divider bg-surface p-4">
                        <summary class="min-h-11 cursor-pointer py-2 font-semibold text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand">Verify {% if step == 'creation' %}workspace creation{% else %}receipt delivery{% endif %}</summary>
                        <p class="mt-2 text-sm leading-relaxed text-muted">{% if step == 'creation' %}Check that this workspace's storage, initial setup and fees completed successfully.{% else %}Check the email provider's delivery records, or confirm that no email was required.{% endif %} This records your verification without executing the work again.</p>
                        <form class="mt-4" data-fulfillment-review data-payment="{{ review.payment_id }}" data-step="{{ step }}" data-version="{{ review.version }}" data-generation="{{ review.generation_id }}">
                            <fieldset class="min-w-0">
                                <legend class="text-sm font-semibold text-foreground">Record your verification</legend>
                                <label class="mt-2 block text-sm font-medium text-foreground">What did you check?
                                    <textarea class="blocks-input mt-1 min-h-28 resize-y" name="note" required maxlength="1000" rows="4" placeholder="Record the evidence and references you checked."></textarea>
                                </label>
                                <button type="submit" class="blocks-button blocks-button-primary mt-3 w-full sm:w-auto">Confirm verified completion</button>
                            </fieldset>
                            <p class="mt-3 text-sm text-muted" data-review-status role="status" aria-live="polite" tabindex="-1"></p>
                            <a class="mt-2 inline-flex min-h-11 items-center font-medium text-brand underline underline-offset-4 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand" href="/plugins/tenant-onboarding/admin">Refresh progress</a>
                        </form>
                    </details>
                    {% endif %}
                    {% endfor %}
                    {% if review.creation_reviewable != 1 and review.receipt_reviewable != 1 and (review.creation_state == 'creating' or review.receipt_state == 'sending') %}
                    <p class="mt-4 rounded-lg border border-warning p-3 text-sm text-warning">Work may still be running. Wait at least two minutes from its claim, then refresh before reviewing.</p>
                    {% endif %}
                {% endif %}
            </article>
        {% endfor %}
        </div>
        {% endif %}
    </section>

    <details class="mb-8 rounded-2xl border border-divider bg-surface p-5 shadow-sm sm:p-7">
        <summary class="min-h-11 cursor-pointer py-2 text-lg font-semibold text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand">Recent recovery verifications</summary>
        {% if fulfillment_audit_unavailable | default(value=false) %}
        <p class="mt-4 rounded-lg border border-warning p-3 text-sm text-warning">Verification history is unavailable. Refresh after checking storage.</p>
        {% elif fulfillment_audit | default(value=[]) | length == 0 %}
        <p class="mt-4 text-sm text-muted">No recovery verifications have been recorded.</p>
        {% else %}
        <div class="mt-4 space-y-3">
        {% for entry in fulfillment_audit %}
        <article class="rounded-xl border border-divider bg-canvas p-4">
            <h3 class="break-words font-semibold text-foreground">{{ entry.payment_id }} — {% if entry.step == 'creation' %}Workspace creation{% else %}Receipt{% endif %}</h3>
            <p class="mt-1 text-sm text-muted">Verified by {{ entry.actor }} at {{ entry.created_at | date_in_tz(timezone=settings.timezone) }}</p>
            <p class="mt-3 whitespace-pre-wrap break-words text-sm text-foreground">{{ entry.note }}</p>
        </article>
        {% endfor %}
        </div>
        <p class="mt-3 text-sm text-muted">Showing the latest 20 verifications.</p>
        {% endif %}
    </details>

    <section class="mb-8 rounded-2xl border border-divider bg-surface p-5 shadow-sm sm:p-7" aria-labelledby="recruitment-link-title">
        <h2 id="recruitment-link-title" class="text-xl font-bold text-foreground">Referrer Recruitment Link</h2>
        <p class="mt-2 text-sm leading-relaxed text-muted">Share this link discreetly with potential partners. They must log in and apply through this page.</p>
        <div class="mt-4 flex flex-col gap-2 sm:flex-row">
            <input class="blocks-input" type="text" id="recruitment-link" value="{{ base_url }}/plugins/tenant-onboarding/referral" readonly aria-label="Referrer recruitment link">
            <button class="blocks-button blocks-button-secondary w-full shrink-0 sm:w-auto" type="button" onclick="copyRecruitmentLink()">Copy link</button>
        </div>
        <p id="recruitment-copy-status" class="mt-2 min-h-5 text-sm text-muted" role="status" aria-live="polite"></p>
    </section>

    <section class="mb-8 rounded-2xl border border-divider bg-surface p-4 shadow-sm sm:p-6" aria-label="Referrer applications">
        {{ crud::shell_open(config_url="/plugins/tenant-onboarding/assets/admin/referrers_list.json", mount_id="tenant-referrers-list") }}
        <table>
            <thead></thead>
            <tbody><tr><td colspan="5" class="crud-empty-state text-center">Loading referrers…</td></tr></tbody>
        </table>
        {{ crud::shell_close() }}
    </section>

    <section class="mb-8 rounded-2xl border border-divider bg-surface p-4 shadow-sm sm:p-6" aria-label="Referral tracking">
        {{ crud::shell_open(config_url="/plugins/tenant-onboarding/assets/admin/referrals_list.json", mount_id="tenant-referrals-list") }}
        <table>
            <thead></thead>
            <tbody><tr><td colspan="4" class="crud-empty-state text-center">Loading referrals…</td></tr></tbody>
        </table>
        {{ crud::shell_close() }}
    </section>
</main>
{% endblock %}

{% block scripts %}
<script src="/plugins/tenant-onboarding/assets/js/onboarding.js" defer></script>
<script src="/plugins/tenant-onboarding/assets/js/fulfillment-review.js?v=1" defer></script>
{% endblock %}