{{ define "main" }}
<article class="event-detail">
  <div class="section-header">
    <h2>EVENT DETAILS</h2>
  </div>
  
  <h1>{{ .Title }}</h1>
  
  <div class="event-meta">
    <div class="meta-item">
      <span class="meta-label">Date & Time</span>
      <span class="meta-value">{{ .Params.date | dateFormat "Monday, January 2, 2006 at 3:04 PM" }}</span>
    </div>
    
    {{ if .Params.end_date }}
    <div class="meta-item">
      <span class="meta-label">End Time</span>
      <span class="meta-value">{{ .Params.end_date | dateFormat "Monday, January 2, 2006 at 3:04 PM" }}</span>
    </div>
    {{ end }}
    
    {{ if .Params.location }}
    <div class="meta-item">
      <span class="meta-label">Location</span>
      <span class="meta-value">{{ .Params.location }}</span>
    </div>
    {{ end }}
    
    {{ if .Params.organizer }}
    <div class="meta-item">
      <span class="meta-label">Organizer</span>
      <span class="meta-value">{{ .Params.organizer }}</span>
    </div>
    {{ end }}
    
    {{ if .Params.capacity }}
    <div class="meta-item">
      <span class="meta-label">Capacity</span>
      <span class="meta-value">{{ .Params.capacity }} people</span>
    </div>
    {{ end }}
    
    {{ if .Params.cost }}
    <div class="meta-item">
      <span class="meta-label">Cost</span>
      <span class="meta-value">{{ .Params.cost }}</span>
    </div>
    {{ end }}
  </div>
  
  <div class="event-content">
    {{ .Content }}
  </div>
  
  {{ if .Params.registration_url }}
  <div class="registration">
    <div class="section-header">
      <h3>REGISTRATION</h3>
    </div>
    <p class="prompt"><a href="{{ .Params.registration_url }}">Register for this event</a></p>
  </div>
  {{ end }}
  
  {{ if .Params.contact }}
  <div class="contact">
    <h3>Contact Information</h3>
    <p>{{ .Params.contact }}</p>
  </div>
  {{ end }}
  
</article>
{{ end }}