{% extends "base.html" %}

{% block title %}{{ 'welcome'|t }} - NetEvents{% endblock %}

{% block content %}
<div class="container">
<div class="hero">
    <h1>{{ 'welcome'|t }}</h1>
    <p>{{ 'connect_with_professionals'|t }}</p>
    {% if not session.user_id %}
        <div class="hero-buttons">
            <p>{{ 'not_yet_registered'|t }} <a href="{{ url_for('register_organizer') }}">{{ 'register_for_free'|t }}</a></p>
        </div>
        <div class="login-options">
            <p>{{ 'already_have_account'|t }} <a href="{{ url_for('login') }}?type=organizer">{{ 'login_as_organiser'|t }}</a></p>
        </div>
    {% endif %}
</div>

{% if show_events %}
<section class="events-section">
    <h2>{{ 'upcoming_events'|t }}</h2>
    {% if events %}
        <div class="events-grid">
            {% for event in events %}
                <div class="event-card">
                    <h3>{{ event.name }}</h3>
                    <p class="event-date">{{ event.start_time|localized_date if event.start_time else 'TBD' }}</p>
                    <p class="event-location">{{ event.location }}</p>
                    <p class="event-description">{{ event.description[:150] }}{% if event.description and event.description|length > 150 %}...{% endif %}</p>
                    <div class="event-meta">
                        <span>{{ 'organiser'|t }}: {{ event.organizer_name }}</span>
                        <span>{{ event.attendee_count }} {{ 'attendees'|t }}</span>
                    </div>
                    <a href="{{ url_for('register_event', code=event.code) }}" class="btn btn-outline">{{ 'view_event'|t }}</a>
                </div>
            {% endfor %}
        </div>
    {% else %}
        <p class="no-events">{{ 'no_upcoming_events'|t }}</p>
    {% endif %}
</section>
{% endif %}

{% if not session.user_id and not show_events %}
<section class="features">
    <h2>{{ 'platform_features'|t }}</h2>
    <div class="features-grid">
        <div class="feature-card">
            <h3>{{ 'for_organizers'|t }}</h3>
            <ul>
                <li>{{ 'create_manage_events'|t }}</li>
                <li>{{ 'view_attendee_lists'|t }}</li>
                <li>{{ 'print_badges'|t }}</li>
                <li>{{ 'track_statistics'|t }}</li>
            </ul>
        </div>
        <div class="feature-card">
            <h3>{{ 'for_attendees'|t }}</h3>
            <ul>
                <li>{{ 'rsvp_events'|t }}</li>
                <li>{{ 'manage_profile'|t }}</li>
                <li>{{ 'connect_attendees'|t }}</li>
                <li>{{ 'schedule_appointments'|t }}</li>
            </ul>
        </div>
    </div>
</section>
{% endif %}
</div>
{% endblock %}