{% extends "base.html" %}

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

{% block content %}
<div class="form-container">
    <h1>{{ 'create_new_event'|t }}</h1>

    <form method="POST" action="{{ url_for('create_event') }}" class="event-form">
        <div class="form-group">
            <label for="name">{{ 'event_name'|t }}</label>
            <input type="text" id="name" name="name" required>
        </div>

        <div class="form-group">
            <label for="description">{{ 'description'|t }}</label>
            <textarea id="description" name="description" rows="4"></textarea>
        </div>

        <div class="form-group">
            <label for="start_time">{{ 'start_date_time'|t }}</label>
            <input type="datetime-local" id="start_time" name="start_time" required>
        </div>

        <div class="form-group">
            <label for="end_time">{{ 'end_date_time_optional'|t }}</label>
            <input type="datetime-local" id="end_time" name="end_time">
        </div>

        <div class="form-group">
            <label for="location">{{ 'location'|t }}</label>
            <input type="text" id="location" name="location" required>
        </div>

        <div class="form-group">
            <label for="max_attendees">{{ 'max_attendees_hint'|t }}</label>
            <input type="number" id="max_attendees" name="max_attendees" min="1">
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{ 'create_event'|t }}</button>
            <a href="{{ url_for('organizer_dashboard') }}" class="btn btn-outline">{{ 'cancel'|t }}</a>
        </div>
    </form>
</div>
{% endblock %}