{% extends "base.html" %}

{% block body_class %}template-homepage{% endblock %}

{% block content %}

<h1>Find the Right Project Skeleton</h1>
<p>Browse open-source project skeletons by scenario, language, framework, and AI-coding friendliness score.</p>

{% if scenarios %}
<section>
  <h2>Scenarios</h2>
  <div class="card-grid">
    {% for scenario in scenarios %}
      <a class="card" href="{% url 'wagtail_serve' '' %}scenarios/{{ scenario.slug }}/">
        <h3>{{ scenario.title }}</h3>
      </a>
    {% endfor %}
  </div>
</section>
{% endif %}

{% if featured_projects %}
<section>
  <h2>Featured Projects</h2>
  <div class="card-grid">
    {% for project in featured_projects %}
      <a class="card" href="{% url 'wagtail_serve' '' %}projects/{{ project.slug }}/">
        <h3>
          {{ project.title }}
          {% if project.is_sponsored %}
            <span class="badge badge-sponsored">Sponsored</span>
          {% endif %}
        </h3>
        <p>{{ project.summary|truncatewords:20 }}</p>
        <div class="score-bar">
          <span class="score-total">{{ project.total_score }}/30</span>
          <span class="score-detail">AI-Friendly Score</span>
        </div>
        <div class="tag-list">
          {% for lang in project.languages.all|slice:":3" %}
            <span class="tag">{{ lang.name }}</span>
          {% endfor %}
        </div>
      </a>
    {% endfor %}
  </div>
</section>
{% endif %}

{% if latest_articles %}
<section>
  <h2>Latest Articles</h2>
  <div class="card-grid">
    {% for article in latest_articles %}
      <a class="card" href="{% url 'wagtail_serve' '' %}articles/{{ article.slug }}/">
        <h3>{{ article.title }}</h3>
      </a>
    {% endfor %}
  </div>
</section>
{% endif %}

{% endblock content %}