neiam /fieri-forever

{% extends "root.html" %}

{% block content %}
<div class="space-y-4">
  <a href="/areas/{{ area.id }}" class="btn btn-ghost btn-sm">&larr; {{ area.name }}</a>
  <div class="flex items-end justify-between gap-3 flex-wrap">
    <div>
      <p class="font-mono text-xs opacity-70">{{ outing.on_date }} · {{ outing.meal_time[:5] }}</p>
      <h2 class="text-2xl font-bold text-accent">Lunch in {{ area.name }}</h2>
    </div>
    {% if outing.status == "open" %}
    <button type="button" class="btn btn-ghost btn-sm"
            onclick="navigator.clipboard.writeText(location.href).then(() => window.toast('Link copied — send it to whoever is coming'))">
      <i class="fas fa-link"></i> Copy link
    </button>
    {% endif %}
  </div>

  {# The SSE connection lives on this wrapper, which the panel swaps never
     replace. #}
  <div {% if outing.status == "open" %}hx-ext="sse" sse-connect="/outings/{{ outing.id }}/events"{% endif %}>
    {% include "outings/_panel.html" %}
  </div>
</div>
{% endblock %}