{% extends "layout.html" %}
{% block title %}
  Analyse {{ analysis.analysis_id }}
{% endblock title %}
{% block page_css %}
  <link rel="stylesheet"
        href="{{ url_for('static', filename='css/analysis_detail.css') }}" />
{% endblock page_css %}
{% block content %}
  <div class="ad-page">
    {# ── Breadcrumb ── #}
    <nav aria-label="breadcrumb" class="mb-3">
      <ol class="breadcrumb small">
        <li class="breadcrumb-item">
          <a href="{{ url_for('routes.show_analyses') }}">Analyses</a>
        </li>
        <li class="breadcrumb-item">{{ analysis.analysis_id }}</li>
      </ol>
    </nav>
    {# ── En-tête ── #}
    <div class="mb-4">
      <div class="d-flex align-items-start justify-content-between gap-3 flex-wrap">
        <div>
          <h1 class="h3 fw-bold mb-1">Détail de l'analyse</h1>
        </div>
      </div>
    </div>
    {# ── KPI métadonnées ── #}
    <div class="card border-0 shadow-sm mb-3">
      <div class="card-body p-0">
        <div class="row g-0">
          {% for key, value in analysis.metadata.items() %}
            <div class="col-6 col-md-4 col-lg-2 ad-kpi-cell {% if not loop.last %}border-end{% endif %} ">
              <div class="p-3">
                <div class="small text-muted mb-1">{{ key.replace('_', ' ').upper() }}</div>
                <div class="fw-semibold font-monospace small text-truncate"
                     title="{{ value }}">{{ value }}</div>
              </div>
            </div>
          {% endfor %}
        </div>
      </div>
    </div>
    {# ── Conditions wet / bi ── #}
    <div class="row g-3 mb-3">
      <div class="col-md-6">
        <div class="card border-0 shadow-sm h-100">
          <div class="card-header py-2">
            <span class="small fw-semibold">Condition expérimentale</span>
          </div>
          <div class="card-body p-3">
            <a href="{{ url_for('routes.wet_process_detail', wet_process_id=analysis.metadata.wet_process) }}"
               class="small fw-semibold">{{ analysis.metadata.wet_process }}</a>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="card border-0 shadow-sm h-100">
          <div class="card-header py-2">
            <span class="small fw-semibold">Condition bio-informatique</span>
          </div>
          <div class="card-body p-3">
            <a href="{{ url_for('routes.bi_process_detail', bi_process_id=analysis.metadata.bi_process) }}"
               class="small fw-semibold">{{ analysis.metadata.bi_process }}</a>
          </div>
        </div>
      </div>
    </div>
    <p>Importée le {{ analysis.imported_at_fmt }}</p>
  </div>
{% endblock content %}