{% extends "base.html" %}

{% block content %}

<article>
  <h1>
    {{ page.title }}
    {% if page.is_featured %}<span class="badge badge-featured">Featured</span>{% endif %}
    {% if page.is_sponsored %}{% include "includes/sponsored_badge.html" %}{% endif %}
  </h1>

  <p class="rich-text">{{ page.summary }}</p>

  <table class="data-table">
    <tr><th>GitHub</th><td><a href="{{ page.github_url }}" target="_blank" rel="noopener">{{ page.github_url }}</a></td></tr>
    {% if page.official_url %}
    <tr><th>Official Site</th><td><a href="{{ page.official_url }}" target="_blank" rel="noopener">{{ page.official_url }}</a></td></tr>
    {% endif %}
    {% if page.license_name %}
    <tr><th>License</th><td>{{ page.license_name }}</td></tr>
    {% endif %}
    <tr><th>Maturity</th><td>{{ page.get_maturity_display }}</td></tr>
    <tr><th>Maintenance</th><td>{{ page.get_maintenance_status_display }}</td></tr>
    {% if page.scenarios.exists %}
    <tr><th>Scenarios</th><td>
      {% for s in page.scenarios.all %}<span class="tag">{{ s.title }}</span>{% endfor %}
    </td></tr>
    {% endif %}
    {% if page.languages.exists %}
    <tr><th>Languages</th><td>
      {% for l in page.languages.all %}<span class="tag">{{ l.name }}</span>{% endfor %}
    </td></tr>
    {% endif %}
    {% if page.frameworks.exists %}
    <tr><th>Frameworks</th><td>
      {% for f in page.frameworks.all %}<span class="tag">{{ f.name }}</span>{% endfor %}
    </td></tr>
    {% endif %}
    {% if page.databases.exists %}
    <tr><th>Databases</th><td>
      {% for d in page.databases.all %}<span class="tag">{{ d.name }}</span>{% endfor %}
    </td></tr>
    {% endif %}
    {% if page.features.exists %}
    <tr><th>Features</th><td>
      {% for feat in page.features.all %}<span class="tag">{{ feat.name }}</span>{% endfor %}
    </td></tr>
    {% endif %}
  </table>

  <h2>Scores</h2>
  <table class="data-table">
    <tr><th>Structure</th><td>{{ page.structure_score }}/5</td></tr>
    <tr><th>Documentation</th><td>{{ page.docs_score }}/5</td></tr>
    <tr><th>Testing</th><td>{{ page.tests_score }}/5</td></tr>
    <tr><th>Examples</th><td>{{ page.example_score }}/5</td></tr>
    <tr><th>Dependency Control</th><td>{{ page.dependency_score }}/5</td></tr>
    <tr><th>Incremental Development</th><td>{{ page.incremental_score }}/5</td></tr>
    <tr><th>Total</th><td><strong>{{ page.total_score }}/30</strong></td></tr>
  </table>

  <h2>Recommended For</h2>
  <div class="rich-text">{{ page.recommended_for|safe }}</div>

  {% if page.not_recommended_for %}
  <h2>Not Recommended For</h2>
  <div class="rich-text">{{ page.not_recommended_for|safe }}</div>
  {% endif %}

  {% if page.review_notes %}
  <h2>Review Notes</h2>
  <div class="rich-text">{{ page.review_notes|safe }}</div>
  {% endif %}
</article>

{% endblock %}