
<div id="filterFormModal" class="modal fade" data-bs-backdrop="static" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content rounded-1">
            <form id="filterForm" class="mb-0" novalidate>
                <div class="modal-header border-bottom-0">
                    <h5 class="modal-title ms-2">
                        <span class="form-create">Add</span>
                        <span class="form-edit">Edit</span>
                        Content Filter
                    </h5>
                </div>
                <div class="modal-body p-4">
                    <div class="row">
                        <div class="col-12">
                            <div class="mb-4">
                                <label for="filterName" class="form-label">Name</label>
                                <input type="text" name="filterName" id="filterName" class="form-control rounded-1" data-field="name" tabindex="1">
                                <div class="form-text">Human-readable name for this entry.</div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-4">
                                <label for="filterMatchingAlgorithm" class="form-label">Matching Algorithm</label>
                                <select name="filterMatchingAlgorithm" id="filterMatchingAlgorithm" class="corbz-select" data-field="matching_algorithm" tabindex="2"></select>
                                <div class="form-text">The algorithm used to match against.</div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-4">
                                <label for="filterMatch" class="form-label">Match</label>
                                <input type="text" name="filterMatch" id="filterMatch" class="form-control rounded-1" data-field="match" tabindex="3">
                                <div class="form-text">The value to match against.</div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-check form-switch mb-4">
                                <label for="filterIsInsensitive" class="form-check-label">Case-Insensitive</label>
                                <input type="checkbox" name="filterIsInsensitive" id="filterIsInsensitive" class="form-check-input" data-field="is_insensitive" tabindex="4">
                                <div class="form-text">Should case-sensitivity be ignored?</div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-check form-switch">
                                <label for="filterIsWhitelist" class="form-check-label">Whitelist Mode</label>
                                <input type="checkbox" name="filterIsWhitelist" id="filterIsWhitelist" class="form-check-input" data-field="is_whitelist" tabindex="5">
                                <div class="form-text">Overrides the default blacklist behaviour.</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-top-0 px-4">
                    <button type="button" class="btn btn-danger rounded-1 me-auto ms-0 modal-del-btn form-edit" tabindex="6">
                        <i class="bi bi-trash3"></i>
                    </button>
                    <button type="submit" class="btn btn-primary rounded-1 me-0 px-4" tabindex="7">
                        <i class="bi bi-floppy"></i>
                    </button>
                    <button type="button" class="btn btn-secondary rounded-1 me-0 ms-3" data-bs-dismiss="modal" tabindex="8">
                        <i class="bi bi-arrow-return-right"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
