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


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

           

            <div class="form-group col-md-6">
              <label for="inputName">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-6" id="previewSingleImage">
              <img class="img-thumbnail" id="imagePreview" style="width: 100px" src="" alt="">
          </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="/home-banner/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" />
