{% extends "layout.html" %}
{% block title %}
  Condition bio-informatique {{ bi_process.proc_id }}
{% endblock title %}
{% block page_css %}
  <link rel="stylesheet"
        href="{{ url_for('static', filename='css/process_detail.css') }}" />
{% endblock page_css %}
{% block content %}
  <div class="row justify-content-center">
    <div class="col-lg-10">
      {# ── Breadcrumb ── #}
      <nav aria-label="breadcrumb" class="mb-3">
        <ol class="breadcrumb small">
          <li class="breadcrumb-item">
            <a href="{{ url_for('routes.show_bi_processes') }}">
              <i class="bi bi-cpu-fill me-1"></i>Conditions bio-informatiques
            </a>
          </li>
          <li class="breadcrumb-item">{{ bi_process.proc_id }}</li>
        </ol>
      </nav>
      {# ── Métadonnées ── #}
      <div class="card shadow-sm mb-3">
        <div class="card-header d-flex align-items-center gap-2">
          <i class="bi bi-list-ul"></i>
          <span class="fw-semibold">Métadonnées</span>
        </div>
        <div class="card-body p-3">
          <div class="row g-2">
            {% for key, value in bi_process.metadata.items() %}
              {% if key != 'steps' %}
                <div class="col-sm-6 col-md-4">
                  <div class="pd-meta-item p-2 rounded h-100">
                    <div class="pd-meta-key">{{ key.replace('_', ' ') }}</div>
                    <div class="pd-meta-val">{{ value }}</div>
                  </div>
                </div>
              {% endif %}
            {% endfor %}
          </div>
        </div>
      </div>
      {% if bi_process.metadata.steps %}
        <div class="card shadow-sm mb-3">
          <div class="card-header d-flex align-items-center gap-2">
            <i class="bi bi-list-ol"></i>
            <span class="fw-semibold">Étapes du pipeline</span>
            <span class="badge ms-auto">{{ bi_process.metadata.steps | length }} étape(s)</span>
          </div>
          <div class="table-responsive">
            <table class="table table-sm table-striped table-hover mb-0">
              <thead>
                <tr>
                  <th class="ps-3">Nom</th>
                  <th>Commande</th>
                  <th>Version</th>
                  <th>Sortie</th>
                </tr>
              </thead>
              <tbody>
                {% for step in bi_process.metadata.steps %}
                  <tr>
                    <td class="ps-3">{{ step.name }}</td>
                    <td>
                      <code class="small">{{ step.cmd }}</code>
                    </td>
                    <td>{{ step.version if 'version' in step else '—' }}</td>
                    <td>{{ step.output if 'output' in step else '—' }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          </div>
        </div>
      {% endif %}
      <p>Importé le {{ bi_process.imported_at_fmt }}</p>
    </div>
  </div>
{% endblock content %}