{% extends "main/base/layout.html" %}
{% from "main/components/js_alert.html" import no_js_alert %}


{% block content %}
    {{ no_js_alert() }}

    <form>
        <div class="row mb-4">
            <div
                class="col-md-6"
                hx-post="{{ url("complex-form-handle-route-module") }}"
                hx-trigger="change"
                hx-target="#route-module-content"
            >
                <div id="route-module-content" class="h-100">
                    {% set state = form_state.route_module %}
                    {% include "main/complex_form/route_module.html" %}
                </div>
            </div>
            <div
                class="col"
                hx-post="{{ url("complex-form-handle-reports") }}"
                hx-trigger="change"
                hx-target="#reports-content"
            >
                <div id="reports-content">
                    {% set state = form_state.reports %}
                    {% include "main/complex_form/reports.html" %}
                </div>
            </div>
        </div>
        <div class="row">
            <div
                class="col-md-6"
                hx-post="{{ url("complex-form-handle-warehouse-management") }}"
                hx-trigger="change"
                hx-target="#warehouse-management-content"
            >
                <div id="warehouse-management-content">
                    {% set state = form_state.warehouse_management %}
                    {% include "main/complex_form/warehouse_management.html" %}
                </div>
            </div>
        </div>
    </form>
{% endblock %}