neiam /fieri-forever

{% if areas | length == 0 %}
  <div class="border border-dashed border-base-300 rounded-box p-8 text-center space-y-3">
    <p class="opacity-70">You're not in any areas yet. Start one for wherever you usually eat lunch, or ask someone to invite you to theirs.</p>
    <a href="/areas/new" class="btn btn-primary btn-sm"><i class="fas fa-map-location-dot"></i> Create the first area</a>
  </div>
{% else %}
<ul class="grid grid-cols-1 sm:grid-cols-2 gap-3">
  {% for row in areas %}
  {% set area = row.area if row.area is defined else row %}
  <li class="border border-base-300 rounded-box bg-base-200 p-4 flex items-center justify-between gap-3">
    <div class="min-w-0">
      <a href="/areas/{{ area.id }}" class="font-semibold link link-hover truncate block">{{ area.name }}</a>
      {% if row.restaurants is defined %}
        <span class="text-xs opacity-70">{{ row.restaurants }} restaurant{{ "" if row.restaurants == 1 else "s" }}{% if row.role %} · {{ row.role }}{% endif %}</span>
      {% endif %}
    </div>
    <a href="/areas/{{ area.id }}/plan" class="btn btn-sm btn-ghost shrink-0"><i class="fas fa-utensils"></i> Plan</a>
  </li>
  {% endfor %}
</ul>
{% endif %}