{% extends "management/base.html" %}
{% load lucide ui i18n %}

{% block heading %}{% if update_view %}{% blocktrans with name=object %}Edit {{ name }}{% endblocktrans %}{% else %}{% trans "New member" %}{% endif %}{% endblock heading %}

{% block actions %}
    {% if update_view %}
        <button class="btn btn-outline btn-error gap-2" type="button" onclick="document.getElementById('member_delete_modal').showModal()">{% lucide "trash-2" size=16 %} {% trans "Delete" %}</button>
    {% endif %}
{% endblock actions %}

{% block panel %}
    <div class="card card-body">
        <form method="post">
            {% csrf_token %}

            {% for error in form.non_field_errors %}
                <div class="alert alert-error my-2">
                    <span>{{ error }}</span>
                </div>
            {% endfor %}

            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                {% for field in form %}
                    {% form_field field %}
                {% endfor %}
            </div>

            {% if membership_form %}
                <div class="my-2 h-px bg-rule"></div>
                <h2 class="card-title">{% lucide "id-card" size=18 %} {% trans "This season" %}</h2>

                {% for error in membership_form.non_field_errors %}
                    <div class="alert alert-error my-2">
                        <span>{{ error }}</span>
                    </div>
                {% endfor %}

                <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                    {% for field in membership_form %}
                        {% form_field field %}
                    {% endfor %}
                </div>
            {% endif %}

            <div class="mt-2 flex items-center gap-2 pt-2">
                <a class="btn btn-outline gap-2" href="{% if update_view %}{% url "management:member_detail" object.pk %}{% else %}{% url "management:member_list" %}{% endif %}">{% lucide "arrow-left" size=16 %} {% trans "Cancel" %}</a>
                <button class="btn btn-primary gap-2" type="submit">{% lucide "save" size=16 %} {% trans "Save" %}</button>
            </div>
        </form>
    </div>

    {% if update_view %}
        {% url 'management:member_delete' object.pk as member_delete_url %}
        {% trans "Delete member" as delete_member_title %}
        {% trans "Delete" as delete_label %}
        {% blocktrans with full_name=object.get_full_name asvar delete_member_body %}Delete {{ full_name }}? This also removes their club membership, roster spots, staff assignments, and family links. This cannot be undone.{% endblocktrans %}
        {% include "controlpanel/_confirm_modal.html" with modal_id="member_delete_modal" title=delete_member_title body=delete_member_body action_url=member_delete_url submit_label=delete_label %}
    {% endif %}
{% endblock panel %}