{% extends "layouts/layout_without_sidebar.html" %}

{% block title %}{{task}}{% endblock %}

{% block heading %}
  <h1>{{task}}</h1>
{% endblock %}

{% block content %}
    <div class="my-3 p-3 bg-body rounded shadow-sm">
      <h6 class="border-bottom pb-2 mb-0">Description</h6>
      <div class="d-flex text-muted pt-3">
          <p class="pb-3 mb-0 small lh-sm">
              {{ description|indent(4)|safe }}
          </p>
      </div>
    </div>

    <div class="my-3 p-3 bg-body rounded shadow-sm">
      <h6 class="border-bottom pb-2 mb-0">Available Algorithms</h6>

      {% for algo in algorithms %}
        <a href="/{{ task }}/{{ algo[0] }}" class="d-flex text-muted pt-3 border-bottom text-decoration-none full-line-link">
            <p class="pb-3 mb-0 small lh-sm">
                <strong class="d-block text-gray-dark text-uppercase">{{ algo[0] | safe }}</strong>
                {{ algo[1] | safe }}
            </p>
        </a>
      {% endfor %}

    </div>
{% endblock %}