neiam /fieri-forever

{% extends "root.html" %}

{% block content %}
{% if user %}
<div class="space-y-6">
  <div class="flex items-end justify-between gap-3 flex-wrap">
    <div>
      <p class="font-mono text-xs uppercase tracking-[0.25em] text-accent">{{ app_name }}</p>
      <img src="/assets/img/fieri.webp" width="960" height="656"
           class="my-3 w-full max-w-xl h-auto rounded-box shadow-lg"
           alt="Anime-style Guy Fieri in sunglasses and a stars-and-stripes jacket, saying: You thought I would let you escape Flavortown so easily?"/>
      <h1 class="text-3xl font-bold tracking-tight">Where are we eating?</h1>
    </div>
    <a href="/areas/new" class="btn btn-ghost btn-sm"><i class="fas fa-plus"></i> New area</a>
  </div>

  {% for inv in invitations %}
  <div class="alert alert-info flex flex-wrap justify-between gap-3">
    <span>
      <i class="fas fa-envelope-open-text"></i>
      {% if inv.invited_by %}<strong>{{ inv.invited_by }}</strong> invited you{% else %}You're invited{% endif %}
      to <strong>{{ inv.area.name }}</strong> as {{ "an" if inv.role == "editor" or inv.role == "admin" else "a" }} {{ inv.role }}.
    </span>
    <span class="flex gap-2">
      <form method="post" action="/invitations/{{ inv.area.id }}/accept"><button class="btn btn-sm btn-primary" type="submit">Join</button></form>
      <form method="post" action="/invitations/{{ inv.area.id }}/decline"><button class="btn btn-sm btn-ghost" type="submit">Decline</button></form>
    </span>
  </div>
  {% endfor %}
  {% if friend_requests %}
  <a href="/friends" class="alert flex justify-between gap-3 hover:brightness-95">
    <span><i class="fas fa-user-plus"></i> {{ friend_requests }} friend request{{ "" if friend_requests == 1 else "s" }} waiting</span>
    <span class="text-sm">Friends &rarr;</span>
  </a>
  {% endif %}

  {% include "areas/_cards.html" %}
</div>
{% else %}
<section class="py-16 sm:py-24 text-center">
  <p class="font-mono text-xs uppercase tracking-[0.25em] text-accent mb-4">{{ app_name }}, provides</p>
  <img src="/assets/img/fieri.webp" width="960" height="656"
       class="mx-auto mb-8 w-full max-w-xl h-auto rounded-box shadow-lg"
       alt="Anime-style Guy Fieri in sunglasses and a stars-and-stripes jacket, saying: You thought I would let you escape Flavortown so easily?"/>
  <h1 class="text-4xl sm:text-6xl font-bold tracking-tight">ESCAPE FROM FLAVORTOWN</h1>
  <p class="text-base-content/70 text-lg sm:text-xl mt-6 max-w-2xl mx-auto leading-relaxed">
    Pin the places you eat on a map, say how you feel about each one
    (obsessed, always, positive, neutral, or never), and let lunch pick itself
    from what the group likes and where you haven't been lately.
  </p>
  <div class="flex justify-center gap-3 mt-8 flex-wrap">
    {% if registration_open %}
      <a href="/register" class="btn btn-primary">Get started</a>
    {% else %}
      <span class="btn btn-disabled" title="Registration is invite-only">Get started · invite-only</span>
    {% endif %}
    <a href="/login" class="btn btn-ghost">Log in</a>
  </div>
</section>
{% endif %}
{% endblock %}