{% extends "base.html" %}
{% load static i18n %}
{% block title %}{% trans "Update Zoom Meeting" %} - {{ block.super }}{% endblock %}

{% block content %}
    <div class="container">
        <div class="header">
            <h1>{% trans "Update Zoom Meeting" %}</h1>
            <p>{% trans "Modify the details of your scheduled meeting" %}</p>
        </div>

<!-- Messages -->
        {% if messages %}
            <div class="messages">
                {% for message in messages %}
                    <div class="alert alert-{{ message.tags }}">
                        {{ message }}
                    </div>
                {% endfor %}
            </div>
        {% endif %}

        <div class="card">
            <h2 class="card-title">{% trans "Meeting Information" %}</h2>

            <form method="post" action="{% url 'update_meeting' meeting.pk %}">
                {% csrf_token %}

                <div class="form-row">
                    <label for="topic" class="form-label">{% trans "Topic:" %}</label>
                    <input type="text" id="topic" name="topic" class="form-input" value="{{ meeting.topic }}" required>
                </div>

                <div class="form-row">
                    <label for="start_time" class="form-label">{% trans "Start Time (ISO 8601):" %}</label>
                    <input type="datetime-local" id="start_time" name="start_time" class="form-input"
                           value="{{ meeting.start_time|slice:'0:16'|date:'Y-m-d\TH:i' }}" required>
                </div>

                <div class="form-row">
                    <label for="duration" class="form-label">{% trans "Duration (minutes):" %}</label>
                    <input type="number" id="duration" name="duration" class="form-input" value="{{ meeting.duration }}" required>
                </div>

                <div class="actions">
                    <button type="submit" class="btn btn-primary">{% trans "Update Meeting" %}</button>
                    <a href="{% url 'meeting_details' meeting.pk %}" class="btn btn-secondary">{% trans "Cancel" %}</a>
                </div>
            </form>
        </div>
    </div>
{% endblock %}