{% extends "app_home/base.html" %}
{% load static %}
{% load i18n %}

{% block navbar_app %}
{% include 'app_home/_sidebar.html' %}
{% endblock %}

{% block title %}
<h3>{% translate "UI Prototypes" %}</h3>
<p class="text-muted">{% translate "Beta preview — reference pool for UI redesign iteration. Not part of the final product." %}</p>
{% endblock %}


{% block content %}

<div class="row row-cols-1 row-cols-md-2 g-3">
  {% for prototype in prototypes %}
  <div class="col">
    <div class="card h-100">
      <div class="card-body">
        <h5 class="card-title">{{ prototype.title }}</h5>
        <p class="card-text text-muted">{{ prototype.description }}</p>
        <a href="{% url 'app_home:prototypes_detail' slug=prototype.slug %}" class="btn btn-outline-primary btn-sm">
          {% translate "View" %} <i class="fa fa-chevron-right"></i>
        </a>
      </div>
    </div>
  </div>
  {% empty %}
  <div class="col">
    <p class="text-muted">{% translate "No prototypes yet." %}</p>
  </div>
  {% endfor %}
</div>

{% endblock %}