{% extends "base.html" %}

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

{% block content %}
<div class="invite-page">
    <div class="invite-box">
        <h1>{{ 'youre_invited'|t }} {{ event.name }}</h1>
        <p class="invite-info">{{ 'set_password_complete'|t }}</p>

        <form method="POST" action="{{ url_for('staff_invite', token=staff.invite_token) }}" class="invite-form">
            <div class="form-group">
                <label for="password">{{ 'password'|t }}</label>
                <input type="password" id="password" name="password" required minlength="6">
            </div>
            <div class="form-group">
                <label for="confirm_password">{{ 'confirm_password'|t }}</label>
                <input type="password" id="confirm_password" name="confirm_password" required minlength="6">
            </div>
            {% if recaptcha_site_key %}
            <div class="form-group recaptcha-container">
                <div class="g-recaptcha" data-sitekey="{{ recaptcha_site_key }}"></div>
            </div>
            {% endif %}
            <div class="form-actions">
                <button type="submit" class="btn btn-primary">{{ 'complete_registration'|t }}</button>
            </div>
        </form>
    </div>
</div>
{% if recaptcha_site_key %}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% endif %}
{% endblock %}