{% load i18n crispy_forms_filters %}
<div class="modal fade"
     id="scheduleModal"
     tabindex="-1"
     aria-labelledby="taskModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header justify-content-between align-items-start gap-5 px-4 pt-4 pb-3 border-0">
                <h4 class="modal-title" id="taskModalLabel">{% trans 'Schedule' %}</h4>
                <button class="btn p-0 text-body-quaternary fs-6"
                        data-bs-dismiss="modal"
                        aria-label="Close">
                    <span class="fas fa-times"></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="scheduleForm"
                      hx-boost="true"
                      action="{% url 'schedule_event' request.dealer.slug content_type slug %}"
                      hx-select=".taskTable"
                      hx-target=".taskTable"
                      hx-on::after-request="{ resetSubmitButton(document.querySelector('.add_schedule_form button[type=submit]')); $('#scheduleModal').modal('hide'); }"
                      hx-swap="outerHTML"
                      hx-select-oob="#toast-container:outerHTML"
                      method="post"
                      class="add_schedule_form">
                    {% csrf_token %}
                    {{ schedule_form|crispy }}
                    <button type="submit" class="btn btn-phoenix-success w-100">{% trans 'Save' %}</button>
                </form>
            </div>
        </div>
    </div>
</div>