iaso/iaso/templates/portal/intake-page6.html

{% extends "page_base.html" %}
{% load static %}
{% load pipeline %}
{% load crispy_forms_tags %}

{% block title %}Patient Intake Form{% endblock %}

{% block css %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
{{ wizard.form.media }}
{% stylesheet 'intake' %}
{% endblock %}

{% block body %}

<form action="" method="post">

<img src="{% static 'images/emblem.png' %}">
<h1><span>Surgical History</span></h1>

{{ wizard.management_form }}

{% if wizard.form.forms %}
    <h3 class="text-decoration-none">Please list any surgeries you've had.</h3>
    {{ wizard.form.management_form|crispy }}
    {% for form in wizard.form.forms %}
    <div class="surgeries-form">
        {% crispy form %}
    </div>
    {% endfor %}
    </div>
{% else %}
    {% crispy wizard.form %}
{% endif %}


{% csrf_token %}
{% include 'portal/progress_row.html' %}

</form>

{% endblock %}

{% block js %}
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/formset.js' %}"></script>
<script>
    $(function() {
        $('form .surgeries-form').formset({
            addText: 'Add Surgery',
            deleteText: `<span class='btn btn-outline-danger'>×</span>`,
            addCssClass: 'btn btn-outline-success my-3'
        });
    })
</script>

{% endblock %}