{% extends "layout.html" %}
{% block title %}
  Condition expérimentale {{ wet_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_wet_processes') }}">
              <i class="bi bi-droplet-fill me-1"></i>Conditions expérimentales
            </a>
          </li>
          <li class="breadcrumb-item">{{ wet_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 wet_process.metadata.items() %}
              <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>
            {% endfor %}
          </div>
        </div>
      </div>
      <p>Importé le {{ wet_process.imported_at_fmt }}</p>
    </div>
  </div>
{% endblock content %}