{% extends '_modal.html' %}
    {% load django_bootstrap5 i18n %}

{% block modal_title %}
    {% if tenant %}
        <h2>Edit Tenant: {{ tenant.name }}</h2>
    {% else %}
        <h2>Add a new Tenant</h2>
    {% endif %}
{% endblock modal_title %}
{% block modal_body %}
    
    <div class="card">
        <div class="card-body">

            {% partialdef tenant-form-partial inline %}
                <form id="tenant-form"
                        {% if tenant %}
                      hx-post="{% url 'room_calendar_app:edit_tenant' tenant.uuid %}"
                      hx-target="#tenant-form"
                      hx-swap="outerHTML"
                        {% else %}
                      hx-post="{% url 'room_calendar_app:add_tenant' %}"
                      hx-target="#tenant-form"
                      hx-swap="outerHTML"
                        {% endif %}
                      method='post'>
                    {% csrf_token %}


                    {% bootstrap_field form.display_name size="lg" %}
                    {% bootstrap_field form.name size="lg" %}
                    {% bootstrap_field form.agreement size="sm" %}
                    {% bootstrap_field form.description size="sm" %}
                    <button type="submit" class="btn btn-primary float-end">Submit</button>
                    {% if tenant %}
                        <button type="delete" class="btn btn-primary float-start"
                        hx-post="{% url 'room_calendar_app:delete_tenant' tenant.uuid %}">Delete</button>
                    {% endif %}
                </form>
            {% endpartialdef tenant-form-partial %}
        </div>
    </div>
{% endblock modal_body %}