{% extends "base.html" %}
{% block title %}تسک‌ها — {{ APP_NAME }}{% endblock %}
{% block content %}
<div class="page-header">
  <a class="btn btn-ghost back-btn" href="{{ url_for('dashboard.index') }}">‹ بازگشت</a>
  <h1 class="title">تسک‌ها</h1>
</div>

<div class="grid-3">
  {% for cat in categories %}
  <a href="{{ url_for('tasks.result', key=cat.key) }}" class="glass-card" style="display:block; padding:20px 22px; min-height:170px; border:1px solid {{ cat.color }}; text-decoration:none;">
    <div style="color:{{ cat.color }}; font-size:20px;">●</div>
    <div style="font-size:17px; font-weight:800; color:{{ cat.color }}; margin-top:6px;">{{ cat.title }}</div>
    <div class="muted" style="margin-top:6px;">{{ cat.description }}</div>
    <div class="stat-strong" style="margin-top:18px;">{{ counts.get(cat.key, 0) }}</div>
    <div class="muted">مشتری</div>
  </a>
  {% endfor %}
</div>
{% endblock %}