{% extends "base.html" %}
{% block content %}
{% set box = "border:1px solid var(--border, #ddd); border-radius:6px; padding:0.9rem 1rem; margin:1rem 0;" %}
<div class="seek-page" style="padding: 1.5rem; max-width: 780px;">
    <h2>FAIRDOM-SEEK</h2>
    <p class="muted">
        Two steps: <strong>configure</strong> a SEEK instance's data model from this profile
        (Controlled Vocabularies + Sample Types), then <strong>sync</strong> the loaded dataset
        into it — both over SEEK's API using the URL + key set on the
        <a href="{{ base_url }}/settings">Plugins</a> page.
    </p>

    {% if action_error %}
    <div class="notification notification-error" data-testid="seek-action-error"
         style="{{ box }} color:#b00;">{{ action_error }}</div>
    {% endif %}
    {% if provision_result %}
    <div class="notification notification-success" data-testid="seek-provision-result" style="{{ box }}">
        <strong>Model provisioned{% if provisioned_profile %} ({{ provisioned_profile }}){% endif %}.</strong>
        Created {{ provision_result.created|length }}, reused {{ provision_result.reused|length }}.
        {% if provision_result.created %}<div class="muted" style="font-size:0.85rem;">Created:
            {{ provision_result.created|join(", ") }}</div>{% endif %}
        {% if provision_result.reused %}<div class="muted" style="font-size:0.85rem;">Reused:
            {{ provision_result.reused|join(", ") }}</div>{% endif %}
        {% if provision_result.errors %}<div style="font-size:0.85rem; color:#b00;">Errors:
            {{ provision_result.errors|join("; ") }}</div>{% endif %}
    </div>
    {% endif %}
    {% if sync_result %}
    <div class="notification notification-success" data-testid="seek-sync-result" style="{{ box }}">
        <strong>Synced {{ sync_result.created_count }} resource{{ "" if sync_result.created_count == 1 else "s" }} to SEEK.</strong>
        <div class="muted" style="font-size:0.85rem;">
            {{ sync_result.investigations|length }} investigation(s),
            {{ sync_result.studies|length }} study(ies),
            {{ sync_result.assays|length }} assay(s),
            {{ sync_result.samples|length }} sample(s).</div>
        {% if sync_result.skipped %}<div class="muted" style="font-size:0.85rem;">Skipped:
            {% for node_id, reason in sync_result.skipped %}{{ reason }}{% if not loop.last %}; {% endif %}{% endfor %}</div>{% endif %}
        {% if sync_result.errors %}<div style="font-size:0.85rem; color:#b00;">Errors:
            {% for node_id, reason in sync_result.errors %}{{ reason }}{% if not loop.last %}; {% endif %}{% endfor %}</div>{% endif %}
    </div>
    {% endif %}

    {% if not api_key_configured %}
    <div class="notification" data-testid="seek-needs-key" style="{{ box }}">
        Set your SEEK <strong>URL + API key</strong> on the
        <a href="{{ base_url }}/settings">Plugins</a> page to provision or sync over the API.
    </div>
    {% endif %}

    {# ---- Phase 1: provision the model ---- #}
    <div style="{{ box }}">
        <h3 style="margin-top:0;">1 · Configure the model in SEEK</h3>
        <p class="muted" style="font-size:0.9rem;">
            Pick the model (profile) to export, then <strong>Provision</strong> to create its
            Controlled Vocabularies (from closed value lists) + Sample Types (from sample-bearing
            entities) in SEEK over the API. Idempotent — re-running reuses what already exists.
            To then sync a dataset, provision the profile it was built on
            (loaded now: <strong>{{ profile }}</strong>).
        </p>
        <form action="{{ base_url }}/seek/provision" method="post" data-testid="seek-provision-form"
              style="display:flex; gap:0.6rem; align-items:flex-end; flex-wrap:wrap;">
            <label style="font-size:0.85rem;">Model (profile)
                <select name="profile" class="form-input" data-testid="seek-model-profile">
                    {% for p in profiles %}
                    <option value="{{ p }}"{% if p == profile %} selected{% endif %}>{{ p }}</option>
                    {% endfor %}
                </select>
            </label>
            {% include "seek/_project_select.html" %}
            <button type="submit" class="btn btn-primary" data-testid="seek-provision-submit"
                    {% if not api_key_configured or not projects %}disabled{% endif %}>Provision model →</button>
        </form>

        <div style="margin-top:0.9rem; padding-top:0.8rem; border-top:1px dashed var(--border, #ddd);">
            <div style="font-size:0.9rem;"><strong>Extended Metadata</strong> (custom fields on
                Investigation/Study/Assay) — SEEK only lets an <strong>admin</strong> create these,
                so download the definitions and hand them over.</div>
            <form action="{{ base_url }}/seek/model-ttl" method="get"
                  style="display:flex; gap:0.6rem; align-items:flex-end; flex-wrap:wrap; margin-top:0.5rem;">
                <label style="font-size:0.85rem;">Model (profile)
                    <select name="profile" class="form-input">
                        {% for p in profiles %}
                        <option value="{{ p }}"{% if p == profile %} selected{% endif %}>{{ p }}</option>
                        {% endfor %}
                    </select>
                </label>
                <button type="submit" class="btn btn-secondary" data-testid="seek-model-ttl">
                    Download Extended Metadata (.ttl) →</button>
            </form>
            <p class="muted" style="font-size:0.8rem; margin-top:0.4rem;">
                Then, as a SEEK admin: <em>Server administration → Extended Metadata Types →
                create from FAIR Data Station TTL</em> → upload the file.
            </p>
        </div>
    </div>

    {# ---- Phase 2: sync the data ---- #}
    <div style="{{ box }}">
        <h3 style="margin-top:0;">2 · Sync the dataset to SEEK</h3>
        {% if exportable_count %}
        <p class="muted" style="font-size:0.9rem;">Pushes profile <strong>{{ profile }}</strong>
            · dataset <strong>{{ dataset_name or "(unsaved)" }}</strong> —
            {% for etype, n in entity_counts %}{{ etype }} ×{{ n }}{% if not loop.last %}, {% endif %}{% endfor %}
            — as Investigations/Studies/Assays and Samples (into the provisioned Sample Types).</p>
        <form action="{{ base_url }}/seek/sync" method="post" data-testid="seek-sync-form"
              style="display:flex; gap:0.6rem; align-items:center; flex-wrap:wrap;">
            {% include "seek/_project_select.html" %}
            <button type="submit" class="btn btn-primary" data-testid="seek-sync-submit"
                    {% if not api_key_configured or not projects %}disabled{% endif %}>Sync to SEEK →</button>
        </form>
        {% else %}
        <p class="muted" data-testid="seek-sync-empty">No exportable dataset loaded — build or load one first.</p>
        {% endif %}
    </div>

    {# ---- Alternative: file export ---- #}
    <div style="{{ box }}">
        <h3 style="margin-top:0;">Or export a file</h3>
        <p class="muted" style="font-size:0.9rem;">
            Download FAIR Data Station RDF and import it via SEEK's own
            <em>Import from FAIR Data Station</em> (handles the full ISA + Extended Metadata).
        </p>
        {% if exportable_count %}
        <a href="{{ base_url }}/seek/isa-rdf" class="btn btn-secondary"
           data-testid="seek-export-rdf" download>Download SEEK ISA RDF (.ttl) →</a>
        {% else %}
        <button class="btn btn-secondary" disabled data-testid="seek-export-disabled">Download SEEK ISA RDF (.ttl)</button>
        {% endif %}
        {% if seek_url %}
        <span class="muted" style="font-size:0.85rem;"> · your instance:
            {% if seek_url.startswith(("http://", "https://")) %}<a href="{{ seek_url }}" target="_blank" rel="noopener">{{ seek_url }}</a>{% else %}<code>{{ seek_url }}</code>{% endif %}</span>
        {% endif %}
    </div>

    <p class="muted" style="font-size:0.85rem;">
        Note: SEEK reads ISA levels positionally, so with the ISA profile (no ObservationUnit
        level) entities below Study import one level high; Investigation and Study round-trip cleanly.
    </p>
</div>
{% endblock %}