{% extends "public_base.html" %}
{% import "configurator/_macros.html" as ck %}

{% block title %}{{ _("Configurator") }} · {{ site.name }}{% endblock %}

{% block hero %}
<section class="store-hero store-hero--slim">
    <div class="container">
        <h1 class="store-hero__title">{{ _("Product configurator") }}</h1>
        <p class="store-hero__subtitle">{{ _("Pick a line, select its features with live validation, and copy the exact splent commands.") }}</p>
    </div>
</section>
{% endblock %}

{% block content %}
<div class="container">
    {% if spls %}
    <div class="cfg-spl-grid">
        {% for spl in spls %}
        <article class="cfg-spl-card">
            <header class="store-spl-card__head">
                {{ ck.icon("layers", 22) }}
                <h2 class="store-spl-card__name">{{ spl.name }}</h2>
            </header>
            <p class="cfg-spl-card__desc">{{ spl.description or _("No description available.") }}</p>
            <footer class="cfg-spl-card__foot">
                {% if spl.has_model %}
                <span class="cfg-spl-card__count">{{ _("%(count)s features", count=spl.feature_count) }}</span>
                <a class="btn btn-primary btn-sm" href="{{ url_for('configurator.configure', spl_name=spl.name) }}">
                    {{ _("Configure") }} {{ ck.icon("arrow-right", 14) }}
                </a>
                {% else %}
                <span class="store-badge">{{ _("Model not published") }}</span>
                {% endif %}
            </footer>
        </article>
        {% endfor %}
    </div>
    {% else %}
    <div class="store-empty">
        {{ ck.icon("alert-triangle", 34) }}
        <p>{{ _("The marketplace index is not available right now. Try again once the index has been built or SPLENT_INDEX_URL is configured.") }}</p>
    </div>
    {% endif %}
</div>
{% endblock %}