<div class="row">
  <div class="col-md-12 mt-2">
    <form
      name=""
      id="cmsForm"
      method="post"
      action="/cms/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-6">
              <label class="required" for="inputName">Seitentitel</label>
              <input
                type="text"
                id="page_title"
                name="page_title"
                class="form-control"
                placeholder="Enter title"
                required
                oninput="capitalizeFirstLetter(this)"
                oninput="validate(this)"
              />
            </div>

            <div class="form-group col-md-6">
              <label for="inputName">Ausgewähltes Bild </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>

            <div class="form-group col-md-12">
              <label class="required" for="inputName">Seiteninhalt</label>
              <textarea
                type="text"
                id="editor"
                data-oc-toggle="ckeditor"
                data-lang="en"
                name="html_data"
                class="form-control editor"
                placeholder="Enter Seiteninhalt"
                required
                oninput="validate(this)"
              ></textarea>
              <div id="editor-error" style="color: red;font-weight: 700; display: none;">Please provide the Seiteninhalt.</div>

            </div>

            <div class="form-group col-md-6">
              <label class="required" for="inputName">Meta-Titel</label>
              <input
                type="text"
                id="meta_title"
                name="meta_title"
                class="form-control"
                placeholder="Enter meta-titel"
                oninput="validate(this)"
              />
            </div>

            <div class="form-group col-md-6">
              <label for="inputName">Meta-Keywords</label>
              <input
                type="text"
                id="meta_keyword"
                name="meta_keyword"
                class="form-control"
                placeholder="Enter meta keyword"
                oninput="validate(this)"
              />
            </div>
            <div class="form-group col-md-6">
              <label for="inputName">Meta-Beschreibung</label>

              <textarea
                type="text"
                rows="3"
                cols="5"
                id="meta_description"
                name="meta_description"
                class="form-control"
                placeholder="Enter Meta-Beschreibung"
                oninput="validate(this)"
              ></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="/cms/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" />
