{% extends "layout.html" %}
{% block title %}Version - BEx{% endblock %}
{% block page_css %}<link rel="stylesheet" href="{{ url_for('static', filename='css/version.css') }}" />{% endblock %}
{% block content %}
  <div class="container mt-5" style="max-width: 680px;">

    {# ── Hero ── #}
    <div class="version-hero text-center shadow mb-4">
      <div class="version-icon-wrap">
        <i class="bi bi-boxes"></i>
      </div>
      <h1 class="fw-semibold mb-3 fs-3">Genelastic</h1>
      <div class="version-badge">
        <i class="bi bi-tag-fill me-2 opacity-75"></i>{{ version }}
      </div>
    </div>

    {# ── Info cards ── #}
    <div class="row g-3 mb-4">
      <div class="col-6">
        <div class="version-info-card p-3 text-center h-100">
          <i class="bi bi-box-seam d-block mb-2"></i>
          <div class="fw-semibold" style="color:var(--tx)">Package</div>
          <div class="small" style="color:var(--soft)">genelastic</div>
        </div>
      </div>
      <div class="col-6">
        <div class="version-info-card p-3 text-center h-100">
          <i class="bi bi-code-slash d-block mb-2"></i>
          <div class="fw-semibold" style="color:var(--tx)">Langage</div>
          <div class="small" style="color:var(--soft)">Python 3.11+</div>
        </div>
      </div>
    </div>

    {# ── Action ── #}
    <div class="text-center">
      <a href="https://pypi.org/project/genelastic/"
         class="btn btn-primary px-4"
         target="_blank"
         rel="noopener noreferrer">
        <i class="bi bi-box-arrow-up-right me-2"></i>Voir sur PyPI
      </a>
    </div>

  </div>
{% endblock content %}