<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/update"
      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
                value="<%=dataInfo.title%>"

                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"
              value="<%=dataInfo.coupon_code%>"
              oninput="validate(this)"
              required
            />
            </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" <%=dataInfo.coupon_type==1 ? 'selected' : '' %>>Fest</option>
                <option value="2" <%=dataInfo.coupon_type==2 ? 'selected' : '' %>>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 "
              value="<%=dataInfo.coupon_discount %>"
              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="" 
              value="<%=dataInfo.valid_from%>"
              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="" 
              value="<%= dataInfo.valid_to %>"
              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" <%=dataInfo.status==1 ? 'selected' : '' %>>Active
                    </option>
                    <option value="0" <%=dataInfo.status==0 ? 'selected' : '' %>>Inactive
                    </option>

                </select>
            </div>

          </div>
        </div>
        <div class="card-footer">
            <input type="hidden" id="page_id" name="page_id" value="<%=dataInfo.id %>" />

          <button type="submit" id="savebtn" class="btn btn-info">
            Speichern
          </button>
          <button type="button" class="btn btn-default">
            <a href="/coupon/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() {      

      // var validFrom = "<%= dataInfo.valid_from %>";
      // var validFromDate = validFrom ? new Date(validFrom) : new Date();
      var today = new Date();
  var validFrom = "<%= dataInfo.valid_from %>";
  var validFromDate = validFrom ? new Date(validFrom) : today; 
  
    $("#valid_from").datepicker({ 
      format: 'yyyy/mm/dd',
       autoclose: true, 
        clearBtn: true,
        todayHighlight: true,
        //startDate: new Date(),   
        format: 'yyyy-mm-dd' 
      }).datepicker('update', "<%= dataInfo.valid_from %>"); // Pass the value from the server-side


      var validTo = "<%= dataInfo.valid_to %>";
  var validToDate = validTo ? new Date(validTo) : new Date();


     $("#valid_to").datepicker({ 
        autoclose: true, 
        todayHighlight: true,
      startDate: validToDate,
        format: 'yyyy-mm-dd' 
      }).datepicker('update', validTo); // Pass the value from the server-side



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