{% extends "base.html" %}

{% block title %}Public Calendar | Roadshow Calendar{% endblock %}

{% block content %}
<section class="section-shell page-top-space">
  <div class="container">
    <div class="section-heading d-flex flex-column flex-lg-row justify-content-between gap-3 align-items-lg-end">
      <div>
        <span class="eyebrow-pill">Live schedule</span>
        <h1 class="section-title">See where the business will be on any day</h1>
        <p class="section-copy">This full-page calendar mirrors the embeddable widget and stays read-only for visitors.</p>
      </div>
      <div class="compact-actions d-flex gap-2">
        <a class="btn btn-ghost" href="{% url 'calendar_embed' %}">Open embeddable view</a>
        <a class="btn btn-primary-brand" href="{% url 'event_list' %}">Event directory</a>
      </div>
    </div>
    {% include "core/includes/calendar_widget.html" with calendar_variant="full" %}
  </div>
</section>
{% endblock %}
