{% extends 'core/base.html' %}
{% load currency_filters %}
{% block content %}
    <!-- add your search bar here -->

    <div class="task-cards pt-3">
        {% for task in tasks %}
        <a href="/task/{{ task.id }}">
<article class="rounded-xl border-2 border-gray-200 bg-slate-100 mb-3 ml-3 mr-3">

  <div class="flex items-start gap-4 p-4 sm:p-6 lg:p-8 ">
    <div>
      <h3 class="font-medium sm:text-lg hover:underline">
          {{ task.title }}
      </h3>

      <p class="line-clamp-2 text-sm text-gray-700">
        From: {{ task.price_from|cents_to_dollars }} To: {{ task.price_to|cents_to_dollars }}
      </p>

      </div>
    </div>
  </div>
</article>
</a>
        {% endfor %}
    </div>
{% endblock %}