{% macro checkbox(title, name, state, cls="") %}
    {% if state.visible %}
        {% set id = random_id() %}

        <div class="form-check {{ cls }} mb-2">
            <input
                class="form-check-input"
                type="checkbox"
                id="{{ id }}"
                name="{{ name }}"
                {% if state.checked and state.enabled %}checked {% endif %}
                {% if not state.enabled %}disabled {% endif %}
            >
            <label class="form-check-label" for="{{ id }}">
                {{ title }}
            </label>
        </div>
    {% endif %}
{% endmacro %}


{% macro select(title, name, options, state, cls="") %}
    {% if state.visible %}
        <div class="{{ cls }}">
            {% if title %}
                <label class="form-label {% if not state.enabled %}text-secondary{% endif %}">
                    {{ title }}
                </label>
            {% endif %}
            <select
                name="{{ name }}"
                class="form-select mb-2"
                {% if not state.enabled %}disabled{% endif %}
            >
                {% for value, title in options.items() %}
                    <option
                        value="{{ value }}"
                        {% if value == state.value %}selected{% endif %}
                    >
                        {{ title }}
                    </option>
                {% endfor %}
            </select>
        </div>
    {% endif %}
{% endmacro %}