{% extends "controlpanel/base.html" %}
{% load lucide %}

{% block heading %}Add an admin to {{ club }}{% endblock heading %}

{% block panel %}
    <div class="card max-w-xl bg-base-100 shadow">
        <div class="card-body">
            <div class="alert alert-info">
                <span>A club admin can manage everything in this club. They will be required to set up two-factor authentication before they can sign in.</span>
            </div>
            <form method="post">
                {% csrf_token %}
                {% include "controlpanel/_form_fields.html" %}
                <div class="card-actions justify-end pt-2">
                    <a class="btn btn-outline gap-2" href="{% url 'controlpanel:club_detail' club.pk %}">{% lucide "arrow-left" size=16 %} Cancel</a>
                    <button class="btn btn-primary" type="submit">Grant admin</button>
                </div>
            </form>
        </div>
    </div>
{% endblock panel %}