{% macro breadcrumb_header(breadcrumbs=[], title=None, submit_button=False) %}
    <nav class="row d-flex mb-3 justify-content-between">
        <div class="col">
            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ url_for('index') }}" class="link-success link-underline-opacity-0">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                             class="bi bi-house" viewBox="0 0 16 16">
                            <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z"/>
                        </svg>
                    </a>
                </li>
                {% for crumb in breadcrumbs %}
                    <li class="breadcrumb-item">
                        {% if crumb.url %}
                            <a href="{{ crumb.url }}" class="link-success link-underline-opacity-0">{{ crumb.label }}</a>
                        {% else %}
                            {{ crumb.label }}
                        {% endif %}
                    </li>
                {% endfor %}
                {% if title %}
                    <li class="breadcrumb-item active">{{ title }}</li>
                {% endif %}
            </ol>
        </div>
        {% if submit_button %}
        <div class="col text-end">
            <button type="submit" class="btn btn-primary">Save</button>
        </div>
        {% endif %}
    </nav>
{% endmacro %}