{% extends "base.html" %}

{% block title %}{{ event.name }} - NetEvents{% endblock %}

{% block content %}
<div class="event-public">
    <h1>{{ event.name }}</h1>

    <div class="event-meta-box">
        <p><strong>{{ 'start'|t }}:</strong> {{ event.start_time|localized_date if event.start_time else 'TBD' }}</p>
        {% if event.end_time %}
        <p><strong>{{ 'end'|t }}:</strong> {{ event.end_time|localized_date }}</p>
        {% endif %}
        <p><strong>{{ 'location'|t }}:</strong> {{ event.location }}</p>
        <p><strong>{{ 'organizer'|t }}:</strong> {{ event.organizer_name }}</p>
        <p><strong>{{ 'attendees'|t }}:</strong> {{ event.attendee_count }}</p>
        {% if event.max_attendees %}
            <p><strong>{{ 'spots_remaining'|t }}:</strong> {{ event.max_attendees - event.attendee_count }}</p>
        {% endif %}
    </div>

    {% if event.description %}
    <div class="event-description-box">
        <h3>{{ 'about_this_event'|t }}</h3>
        <p>{{ event.description }}</p>
    </div>
    {% endif %}

    {% if not session.user_id %}
        <div class="event-cta">
            <p>{{ 'want_to_attend'|t }}</p>
            <a href="{{ url_for('register_attendee', code=event.code) }}" class="btn btn-primary">{{ 'register_as_attendee'|t }}</a>
            <p class="login-link">{{ 'already_registered'|t }} <a href="{{ url_for('login') }}">{{ 'login'|t }}</a></p>
        </div>
    {% endif %}
</div>
{% endblock %}