<div class="row">
  <div class="col-md-12 mt-2">
    <form
      name=""
      id="cmsForm"
      method="post"
      action="/packages/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">Paketnamen</label>
                  <input type="text" id="package_name" name="package_name" class="form-control"
                      placeholder="Enter Paketnamen" required 
                      oninput="capitalizeFirstLetter(this)"
                      oninput="validate(this)">
              </div>
              
              <div class="form-group col-md-6">
                  <label class="required" for="inputName">Preis(€)</label>
                  <input type="number" id="price" name="price" class="form-control"
                      placeholder="Enter price" required
                      oninput="validate(this)">
              </div>

              <div class="form-group col-md-12">
                  <label class="required" for="inputName">Kurzbeschreibung </label>
                  <textarea type="text" id="short_descriptions" data-oc-toggle="ckeditor" data-lang="en" name="short_descriptions"
                      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 Kurzbeschreibung.</div>
              </div>

              <div class="form-group col-md-12">
                  <label class="required" for="inputName">Beschreibung </label>
                  <textarea type="text" id="editor" data-oc-toggle="ckeditor" data-lang="en" name="description"
                      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 Beschreibung.</div>

              </div>


              <div class="form-group col-md-6">
                  <label class="required" for="inputName">Dauer</label>
                  <input type="number" id="duration" name="duration" class="form-control"
                      placeholder="Enter Dauer" 
                      oninput="validate(this)">
              </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" >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" />
