{% extends "base.html" %}
{% block title %}Tuning · {{ project.name }}{% endblock %}
{% block body %}
{% set active_tab = 'tuning' %}
{% include '_project_tabs.html' %}

{% if not files %}
  <div class="card"><div class="empty"><div class="big">📄</div>No tuning files yet.
    <a href="{{ url_for('run_page', name=project.name) }}">Run CTT</a> to generate them.</div></div>
{% else %}
<div x-data='resultsApp({ project: {{ project.name|tojson }}, targets: {{ files.keys()|list|tojson }}, runs: {{ runs|tojson }} })' x-init="init()">
  <!-- Tuning files -->
  <div class="card">
    <div class="card-head">
      <h2>Tuning files</h2>
      <div class="seg">
        <template x-for="t in targets" :key="t">
          <button type="button" :class="{active: target===t}" @click="select(t)" x-text="t.toUpperCase()"></button>
        </template>
      </div>
    </div>
    <div class="muted" x-show="runLabel()" x-cloak>Generated <span x-text="runLabel()"></span></div>
    <div class="banner info mt" x-show="runsMismatch()" x-cloak>⚠ PiSP and VC4 were generated at different times — re-run to refresh both.</div>
    <div class="btn-row">
      <a class="btn primary" :href="'/projects/{{ project.name }}/download/json/'+target">⬇ Download JSON</a>
      <a class="btn" :href="'/projects/{{ project.name }}/download/log/'+target">⬇ Download log</a>
      <a class="btn ghost" href="{{ url_for('download_archive', name=project.name) }}">⬇ Download project (.zip)</a>
    </div>
    <div class="mt muted" x-show="summary">
      Target <b x-text="summary?.target"></b> · version <span x-text="summary?.version"></span> ·
      <span x-text="summary?.algorithms?.length"></span> algorithm blocks
      <template x-if="summary?.black_level !== undefined"> · black level <b x-text="summary?.black_level"></b></template>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='vendor/alpine.min.js') }}" defer></script>
{% endblock %}