<div class="row">
    <div class="col-md-12 mt-2">
        <form id="bannerForm" method="post" action="/manage-category/insert" enctype="multipart/form-data" novalidate>
            <div class="card card-info">
                <div class="card-header">
                    <h4 class="card-title">
                        <%= sectionTitle %>
                    </h4>
                </div>
                <div class="card-body">
                    <div class="form-row">
                        <!-- Category Name -->
                        <div class="form-group col-md-6">
                            <label class="required" for="method_name">Kategoriename</label>
                            <input type="text" id="method_name" name="method_name" class="form-control"
                                placeholder="Kategoriename" required
                                onkeypress="return /[a-zA-Z0-9_ ]/i.test(event.key)"
                                oninput="capitalizeFirstLetter(this)" />
                        </div>

                        <div class="form-group col-md-6">
                            <label for="category_description">Beschreibung</label>
                            <textarea id="category_description" name="category_description" class="form-control"
                                placeholder="Beschreibung" rows="5"></textarea>
                        </div>


                        <!-- Status -->
                        <div class="form-group col-md-6">
                            <label class="required" for="active_status">Status</label>
                            <select id="active_status" name="active_status" class="form-control" required>
                                <option selected disabled>Status wählen</option>
                                <option value="1" selected>Aktiv</option>
                                <option value="0">Inaktiv</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-info mr-2" id="adduser">Speichern</button>
                    <button type="button" class="btn btn-default">
                        <a href="/manage-category/list">Zurück</a>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

<%- contentFor('pageStyleSection') %>
    <link rel="stylesheet" href="/stylesheets/style.css" />