spothole/templates/cards/modes.html

<div class="card">
    <div class="card-body">
        <h5 class="card-title">Modes</h5>
        <div class="card-text spothole-card-text">
            <div class="row row-cols-3 row-cols-md-2 row-cols-lg-3 g-1 mb-1">
                {% for m in options["modes"] %}
                <div class="col">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input filter-button-mode storeable-checkbox"
                               id="filter-button-mode-{{ dom_safe_name(m) }}" value="{{ m }}"
                               data-mode-type="{{ infer_mode_type_from_mode(m).value }}"
                               autocomplete="off" onClick="filtersUpdated()" checked>
                        <label class="form-check-label" for="filter-button-mode-{{ dom_safe_name(m) }}">{{ m }}</label>
                    </div>
                </div>
                {% end %}
            </div>
            <div class="mt-1">
                <a href="#" onclick="toggleFilterButtons('mode', true); return false;">All</a> &nbsp;
                <a href="#" onclick="toggleFilterButtons('mode', false); return false;">None</a> &nbsp;
                <a href="#" onclick="setVoiceModeToggles(); return false;">Voice only</a> &nbsp;
                <a href="#" onclick="setDigiModeToggles(); return false;">Digimodes only</a>
            </div>
        </div>
    </div>
</div>