{% extends "base.html" %}

{% block title %}{{ 'edit_attendee_type'|t }} - {{ event.name }} - NetEvents{% endblock %}

{% block content %}
<style>
.section-box {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.section-box h2 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #2c3e50;
}
.form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}
.form-group {
    flex: 1;
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}
.form-group input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.back-link {
    margin-bottom: 20px;
    display: inline-block;
}
</style>

<div class="edit-attendee-type-page">
    <a href="{{ url_for('manage_attendee_types', event_id=event.id) }}" class="back-link">&larr; {{ 'back_to_types'|t }}</a>

    <h1>{{ 'edit_attendee_type'|t }} - {{ event.name }}</h1>

    <div class="section-box">
        <h2>{{ 'type_details'|t }}</h2>
        <form method="POST" action="{{ url_for('edit_attendee_type', event_id=event.id, type_id=attendee_type.id) }}">
            <div class="form-row">
                <div class="form-group">
                    <label for="name">{{ 'type_name'|t }} *</label>
                    <input type="text" id="name" name="name" value="{{ attendee_type.name }}" placeholder="{{ 'e_g_vip_speaker_student'|t }}" required>
                </div>
                <div class="form-group">
                    <label for="price">{{ 'price'|t }} ({{ 'optional'|t }})</label>
                    <input type="number" id="price" name="price" step="0.01" min="0" value="{{ attendee_type.price if attendee_type.price else '' }}" placeholder="0.00">
                    <small style="color: #666;">{{ 'leave_empty_for_free'|t }}</small>
                </div>
            </div>
            <button type="submit" class="btn btn-primary">{{ 'save_changes'|t }}</button>
            <a href="{{ url_for('manage_attendee_types', event_id=event.id) }}" class="btn btn-secondary" style="margin-left: 10px; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 400; line-height: 1; height: auto; box-sizing: border-box; display: inline-block; text-decoration: none; border-radius: 6px; cursor: pointer; transition: all 0.2s; vertical-align: middle; color: white; background-color: #64748b;">{{ 'cancel'|t }}</a>
            {% if attendee_count == 0 %}
                <form method="POST" action="{{ url_for('delete_attendee_type', event_id=event.id, type_id=attendee_type.id) }}" style="display: inline; margin-left: 10px;"
                      onsubmit="return confirm('{{ 'confirm_delete_type'|t }}');">
                    <button type="submit" class="btn btn-danger">{{ 'delete'|t }}</button>
                </form>
            {% else %}
                <button type="button" class="btn btn-danger" disabled
                        title="{{ 'cannot_delete_type_with_attendees'|t|format(attendee_count) }}"
                        style="margin-left: 10px; opacity: 0.5; cursor: not-allowed;">{{ 'delete'|t }}</button>
            {% endif %}
        </form>
    </div>
</div>
{% endblock %}