<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />

<div class="row">
  <div class="col-md-12 mt-2">
    <form
      name=""
      id="cmsForm"
      method="post"
      action="/coupon/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 title"
                required
                oninput="validate(this)"
              />
            </div>

   

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

            </div>

            <div class="form-group col-md-6">
              <label class="required" for="inputName">Coupon Type</label>
              <select id="coupon_type" name="coupon_type" class="form-control" required style="padding: 0px 1px;">
                <option selected disabled>Wählen</option>
                <option value="1" selected>Fest</option>
                <option value="2">Prozentsatz</option>
            </select>
            </div>

            <div class="form-group col-md-6">
              <label class="required" for="inputName">Coupon-Rabatt</label>
              <input
                type="number"
                id="coupon_discount"
                name="coupon_discount"
                class="form-control"
                placeholder="Coupon-Rabatt "
                required
                oninput="validate(this)"
              />
            </div>
            <div class="form-group col-md-6">
              <label class="required" for="inputName">Gültig ab</label>
              <input type="text" title="name" class="form-control" name="valid_from" id="valid_from" placeholder="" required>                          

            </div>

            <div class="form-group col-md-6">
              <label class="required" for="inputName">Gültig bis</label>
              <input type="text" title="name" class="form-control" name="valid_to" id="valid_to" placeholder="" required>                          

            </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>Wählen</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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
    $(document).ready(function() {      
  
    $("#valid_from").datepicker({ 
        autoclose: true, 
        todayHighlight: true,
        startDate: new Date(),
        format: 'yyyy-mm-dd' 
  }).datepicker('update', new Date());

     $("#valid_to").datepicker({ 
        autoclose: true, 
        todayHighlight: true,
        startDate: new Date(),
        format: 'yyyy-mm-dd' 
  }).datepicker('update', new Date());



    });
</script>
<%- contentFor('pageStyleSection')%>
<link rel="stylesheet" href="/stylesheets/style.css" />
