{% extends "base.html" %}
{% block content %}

<div class="page-head">
  <h1>Deploy</h1>
  <p>Your model is ready — use the guide below to run it in production</p>
</div>

{% if not deploy_md %}
<div class="alert alert-info">
  <strong>Deployment guide not generated yet.</strong>
  <ol>
    <li>Go to <a href="/">Run</a> and approve the <strong>review_results</strong> gate.</li>
    <li>Click Run Pipeline — the <code>export</code> and <code>deploy_advisor</code> nodes will run.</li>
    <li>Or trigger manually: <code>aimodelground deploy --regenerate</code></li>
  </ol>
</div>

{% else %}
<div class="grid-2">
  <div>
    <div class="card">
      <div class="card-head">
        DEPLOY.md &mdash; {{ run_name }}
        <div class="d-flex gap-8">
          {% if export_format %}<span class="badge badge-pending">{{ export_format }}</span>{% endif %}
          <button class="btn btn-ghost btn-sm"
                  onclick="navigator.clipboard.writeText(document.getElementById('deploy-content').innerText);this.textContent='Copied!'">
            Copy
          </button>
        </div>
      </div>
      <div class="card-body" style="padding:0;">
        <pre id="deploy-content" style="margin:0;border:none;border-radius:0;">{{ deploy_md }}</pre>
      </div>
    </div>
  </div>

  <div>
    {% if export_meta %}
    <div class="card">
      <div class="card-head">Export Info</div>
      <div class="card-body">
        <div class="mb-8"><span class="text-muted">Algorithm:</span> <strong>{{ export_meta.plugin }}</strong></div>
        <div class="mb-8"><span class="text-muted">Format:</span> <span class="badge badge-pending">{{ export_meta.format }}</span></div>
        <div class="small text-muted mb-8" style="word-break:break-all;">{{ export_meta.path }}</div>
        <button class="btn btn-ghost btn-sm"
                onclick="navigator.clipboard.writeText('{{ export_meta.path }}');this.textContent='Copied!'">
          Copy path
        </button>
      </div>
    </div>
    {% endif %}

    {% if ranking %}
    <div class="card">
      <div class="card-head">Algorithm Rankings</div>
      <div class="card-body">
        <p class="small text-muted mb-12">Score = suitability for your data (0&ndash;1)</p>
        {% for r in ranking %}
        <div class="d-flex justify-between align-center mb-8">
          <span style="font-size:13px;">{{ r.name }}</span>
          <span class="text-accent" style="font-size:13px;">{{ "%.2f" | format(r.score) }}</span>
        </div>
        <div class="progress-wrap mb-8">
          <div class="progress-fill" style="width:{{ (r.score * 100) | int }}%;background:var(--accent);"></div>
        </div>
        {% endfor %}
      </div>
    </div>
    {% endif %}

    <div class="card">
      <div class="card-head">Quick Actions</div>
      <div class="card-body" style="display:flex;flex-direction:column;gap:8px;">
        <a href="/query" class="btn btn-primary">Query Model &rarr;</a>
        <a href="/results" class="btn btn-ghost">View Metrics</a>
        <a href="/" class="btn btn-ghost">Back to Pipeline</a>
        <hr class="divider">
        <div class="small text-muted">Re-export: <code>aimodelground export --format onnx</code></div>
      </div>
    </div>

  </div>
</div>
{% endif %}
{% endblock %}