<div class="row">
  <div class="col-md-12 mt-2">
    <form
      id="bannerForm"
      method="post"
      action="/manage-category/update"
      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
                value="<%= dataInfo ? dataInfo.category_name : '' %>"
                onkeypress="return /[a-zA-Z0-9 ]/i.test(event.key)"
  oninput="this.value = this.value.replace(/[^a-zA-Z0-9 ]/g, '')"
              />
            </div>

            <!-- Category Description -->
            <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"
              ><%= dataInfo && dataInfo.category_description ? dataInfo.category_description : '' %></textarea>
            </div>

            <!-- Icon Upload -->
            <!-- <div class="form-group col-md-6">
              <label for="image">Icon</label>
              <input
                type="file"
                class="form-control imagepickerWithPreviewId"
                data-previewelement="imagePreview"
                id="image"
                name="image"
                accept="image/*"
                onchange="return fileValidation()"
                style="padding: 4px 4px;"
              />
              <label
                id="image-error"
                style="display: none"
                class="error"
                for="image"
                >Please upload file having extensions .jpeg/.jpg/.png/.gif only.</label
              >
            </div> -->

            <!-- Image Preview -->
            <!-- <div class="form-group col-md-6">
              <% if (dataInfo && dataInfo.image && dataInfo.image !== '') { %>
                <img
                  class="img-thumbnail"
                  id="imagePreview"
                  style="width: 100px"
                  src="/<%= dataInfo.image %>"
                  alt="Image"
                />
              <% } else { %>
                <img
                  class="img-thumbnail"
                  id="imagePreview"
                  style="width: 100px"
                  src="/images/no-image.jpg"
                  alt="Image"
                />
              <% } %>
            </div> -->

            <!-- Status Select -->
            <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 disabled>Status wählen</option>
                <option value="1" <%= dataInfo && dataInfo.status == 1 ? 'selected' : '' %>>
                  Aktiv
                </option>
                <option value="0" <%= dataInfo && dataInfo.status == 0 ? 'selected' : '' %>>
                  Inaktiv
                </option>
              </select>
            </div>

            <!-- Hidden Inputs -->
            <input type="hidden" id="id" name="id" value="<%= dataInfo ? dataInfo.id : '' %>" />
            <input
              type="hidden"
              id="old_image"
              name="old_image"
              value="<%= dataInfo ? dataInfo.image : '' %>"
            />
          </div>
        </div>

        <div class="card-footer">
          <button type="submit" class="btn btn-info">Speichern</button>
          <button type="button" class="btn btn-default">
            <a href="/manage-category/list">Zurück</a>
          </button>
        </div>
      </div>
    </form>
  </div>
</div>

<%- contentFor('pageStyleSection') %>
