ToX82/logHappens

<div class="row">
    <div class="col-8 offset-2">
        <div class="add_configurations card border-secondary-subtle">
            <div class="card-header">
                New log configuration
            </div>

            <form method="post" action="save_configurations" class="needs-validation mt-3 ms-2 d-flex flex-column me-3"
                novalidate>

                <div class="ms-2 d-flex flex-column mt-1 mb-3 align-items-start">
                    <h6><label for="icon" class="form-label">Select a new icon</label></h6>
                    <div class="d-flex flex-row align-items-center">
                        <button type="button" class="iconify-open-dialog px-2 btn btn-primary"
                            data-icon-input="iconify-select" data-color-input="iconify-color">Find icon</button>
                        <input type="text" value="mdi:error" placeholder="Iconify code, eg. mdi:error"
                            class="iconify-select form-control ms-2" size="20"
                            id="input-icon" name="input-icon" required>
                        <input type="color" class="iconify-color ms-2"
                            id="input-color" name="input-color" value="#000000">
                    </div>
                </div>

                <div class="ms-2 d-flex flex-column mb-3 align-items-start">
                    <h6><label for="title" class="form-label">Icon preview</label></h6>
                    <div class="iconify-preview">
                        <span class="iconify iconify-preview" data-height="32" data-width="32" data-icon="mdi:error" data-inline="false"></span>
                    </div>
                </div>

                <div class="ms-2 d-flex flex-column mb-3 align-items-start">
                    <h6><label for="title" class="form-label">Title</label></h6>
                    <input type="text" class="form-control" id="input-title" name="input-title"
                    placeholder="title" required>
                    <div class="invalid-feedback">
                        Title is missing.
                    </div>
                </div>

                <div class="ms-2 d-flex flex-column mb-3 align-items-start">
                    <h6><label for="file" class="form-label">File</label></h6>
                    <input type="text" class="form-control" id="input-file" name="input-file"
                    placeholder="file-path" required>
                    <div class="invalid-feedback">
                        File is missing or does not exist.
                    </div>
                </div>

                <div class="ms-2 d-flex flex-column mb-3 align-items-start">
                    <h6><label for="parser" class="form-label">Parser</label></h6>
                    <select class="form-control" id="input-parser" name="input-parser">
                    <?php foreach ($parsers as $parser) { ?>
                        <option><?= $parser ?></option>
                    <?php } ?>
                    </select>
                </div>

                <div class="d-flex align-items-center justify-content-between m-3 me-0">
                    <div class="d-flex align-items-start">
                        <h6><label for="state" class="form-label">State</label></h6>
                        <div class="form-check form-switch ms-3">
                            <input type="checkbox" class="form-check-input" id="input-disabled" name="input-disabled"
                            role="switch" checked>
                        </div>
                    </div>
                    <input type="submit" name="btn-save-config" value="Add" class="btn btn-primary">
                </div>
            </form>
        </div>
    </div>
</div>