{% load static i18n crispy_forms_tags %}
<!-- task Modal -->
<style>
  .completed-task {
    text-decoration: line-through;
    opacity: 0.7;
  }
</style>
<div class="modal fade"
     id="taskModal"
     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 'Task' %}</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 action="{% url 'add_task' request.dealer.slug content_type slug %}"
                      method="post"
                      class="add_task_form">
                    {% csrf_token %}
                    {{ staff_task_form|crispy }}
                    <button type="submit" class="btn btn-phoenix-success w-100">{% trans 'Save' %}</button>
                </form>
            </div>
        </div>
    </div>
</div>