<div class="row">
  <div class="col-md-12 mt-2">
    <form
      name=""
      id="faqForm"
      method="post"
      action="/faq/add"
      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">

            <div class="form-group col-md-12">
              <label class="required" for="inputName">Kategorie </label>
              <select
                id="category_id"
                name="category_id"
                class="form-control"
                required
              >
                <option selected disabled>Wählen</option>
                <% if (categories && categories.length) { %> <% for (let item of
                categories) { %>
                <option value="<%= item.id %>"><%= item.title %></option>
                <% } %> <% } else { %>
                <option disabled>No categories available</option>
                <% } %>
              </select>
            </div>
         

            <div class="form-group col-md-12">
              <label class="required" for="inputName">Frage</label>
              <input
              type="text"
              id="title"
              name="questions"
              class="form-control"
              placeholder="Enter title"
              required
              oninput="capitalizeFirstLetter(this)"
              oninput="validate(this)"
            />

              <!-- <textarea
                title="Short Description"
                class="form-control"
                name="description"
                id="description"
                placeholder="Frage"
                rows="10"
                cols="80"
                required
              ></textarea> -->
            </div>

    

            <div class="form-group col-md-12">
              <label class="required" for="inputName">Antwort</label>
              <textarea
                type="text"
                id="editor"
                data-oc-toggle="ckeditor"
                data-lang="en"
                name="html_data"
                class="form-control editor"
                placeholder="Enter Antwort"
                required
              ></textarea>
            </div>




            <div class="form-group col-md-6">
                <label class="required" for="inputName">Status </label>
                <select id="active_status" name="active_status" class="form-control" required>
                    <option selected disabled>Select Status</option>
                    <option value="1" selected>Aktiv</option>
                    <option value="0">Inaktiv</option>
                </select>
            </div>

          </div>
        </div>
        <div class="card-footer">
          <button type="submit" id="savebtn" class="btn btn-info">
            Speichern
          </button>
          <button type="button" class="btn btn-default">
            <a href="/faq/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" />
