{{ define "main" }}
<div class="intro">
  <p class="prompt">{{ .Site.Params.description | default "Welcome to the underground tech scene." }}</p>
</div>

<div class="section-header">
  <h2>UPCOMING EVENTS</h2>
</div>

{{ $futureEvents := where .Site.RegularPages "Section" "events" }}
{{ $futureEvents := where $futureEvents "Params.date" "ge" now }}
{{ $futureEvents := $futureEvents.ByParam "date" }}

{{ if $futureEvents }}
<ul class="event-list">
  {{ range $futureEvents }}
  <li class="event-item">
    <div class="event-date">{{ .Params.date | dateFormat "Monday, January 2, 2006 at 3:04 PM MST" }}</div>
    <h3 class="event-title">
      <a href="{{ .RelPermalink }}">{{ .Title }}</a>
    </h3>
    {{ if .Params.location }}
    <div class="event-location">📍 {{ .Params.location }}</div>
    {{ end }}
    {{ if .Params.cost }}
    <div class="event-cost">💰 {{ .Params.cost }}</div>
    {{ end }}
    <div class="event-description">{{ .Summary }}</div>
    <div class="event-link">
      <a href="{{ .RelPermalink }}">View Details →</a>
    </div>
  </li>
  {{ end }}
</ul>
{{ else }}
<div class="no-events">
  <p class="prompt">No upcoming events found. Check back later for more cyberpunk gatherings!</p>
</div>
{{ end }}
{{ end }}