{% extends "base.html" %}

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

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

    <form method="POST" action="{{ url_for('edit_staff', event_id=event.id, staff_id=staff.id) }}" class="staff-form">
        <div class="form-group">
            <label for="first_name">{{ 'first_name'|t }}</label>
            <input type="text" id="first_name" name="first_name" value="{{ staff.first_name }}" required>
        </div>

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

        <div class="form-group">
            <label for="email">{{ 'email'|t }}</label>
            <input type="email" id="email" name="email" value="{{ staff.email }}" required>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{ 'save_changes'|t }}</button>
            <a href="{{ url_for('manage_event_staff', event_id=event.id) }}" class="btn btn-outline">{{ 'cancel'|t }}</a>
        </div>
    </form>
</div>
{% endblock %}