{% extends "base.html" %}
{% load static i18n %}

{% block title %}{% trans "Create Zoom Meeting" %} - {{ block.super }}{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h1>
            <svg class="heroicon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 4v16m8-8H4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
            {% trans "Create New Zoom Meeting" %}
        </h1>
        <a href="{% url 'list_meetings' %}" class="btn btn-secondary">{% trans "Back to Meetings" %}</a>
    </div>

    <form method="post">
        {% csrf_token %}
        <div class="form-row">
            <label class="form-label">{% trans "Topic" %}</label>
            {{ form.topic }}
        </div>
        <div class="form-row">
            <label class="form-label">{% trans "Start Time" %}</label>
            {{ form.start_time }}
        </div>
        <div class="form-row">
            <label class="form-label">{% trans "Duration (minutes)" %}</label>
            {{ form.duration }}
        </div>
        <div class="form-row">
            <button type="submit" class="btn btn-primary">
                <svg class="heroicon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
                {% trans "Create Meeting" %}
            </button>
            <a href="{% url 'list_meetings' %}" class="btn btn-secondary">{% trans "Cancel" %}</a>
        </div>
    </form>
</div>
{% endblock %}