{% extends "layout.html" %}
{% block title %}
  Version - BEx
{% endblock title %}
{% block page_css %}
  <link rel="stylesheet"
        href="{{ url_for('static', filename='css/version.css') }}" />
{% endblock page_css %}
{% block content %}
  <div class="container mt-5">
    {# ── 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">Package</div>
          <div class="small">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">Langage</div>
          <div class="small">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 %}