
<link rel="stylesheet" href="/admin/assets/libs/select2/select2.css" />

<div class="modal fade text-left" id="notify" tabindex="-1" role="dialog" aria-labelledby="myModalLabel160" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
      <div class="modal-content">
        <div class="modal-header bg-primary white">
          <h5 class="modal-title" id="myModalLabel160"><%= i18n.__('coupons.updateCouponStatus') %></h5>
          <span aria-hidden="true" data-dismiss="modal" style="cursor: pointer;" onclick="$('#notify').modal('hide')">&times;</span>
        </div>
        <div class="modal-body">
          <form action="/dashboard/coupons/renewCoupon" method="POST" enctype="multipart/form-data" class="notify-form" novalidate>
            <input type="hidden" name="_csrf" value="<%= csrfToken %>">
            <input type="hidden" name="couponId" class="coupon_id">
            <input type="hidden" name="code" class="code">
            <input type="hidden" name="status" value="available">
  
            <div class="row">
              <div class="col-md-6 col-12">
                <div class="form-group">
                  <label for="first-name-column"><%= i18n.__('coupons.usageCount') %></label>
                  <div class="controls">
                    <input type="number" name="count" class="form-control"  id="numberInput" oninput="this.value = this.value.replace(/[^0-9]/g, '')" placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('coupons.usageCount')}) %>" min="0" required>
                    <div class="invalid-feedback">
                      <%= i18n.__('common.{{field}}Required',{field:i18n.__('coupons.usageCount')}) %>
                    </div>
                  </div>
                </div>
              </div>
  
              <div class="col-md-6 col-12">
                <div class="form-group">
                  <label><%= i18n.__('coupons.discountType') %></label>
                  <div class="controls">
                    <select name="type" class="select form-control" required>
                      <option value><%= i18n.__('coupons.selectDiscountType') %></option>
                      <option value="ratio"><%= i18n.__('coupons.ratio') %></option>
                      <option value="fixed"><%= i18n.__('coupons.fixedNumber') %></option>
                    </select>
                    <div class="invalid-feedback">
                      <%= i18n.__('common.{{field}}Required',{field:i18n.__('coupons.discountType')}) %>
                    </div>
                  </div>
                </div>
              </div>
  
              <div class="col-md-6 col-12">
                <div class="form-group">
                  <label><%= i18n.__('coupons.discountValue') %></label>
                  <div class="controls">
                    <input type="number" name="discount" min="0" step="0.01" class="discount form-control" placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('coupons.discountValue')}) %>" oninput="javascript: if (Number(this.value) < 0) this.value" required>
                    <div class="invalid-feedback">
                      <%= i18n.__('common.{{field}}Required',{field:i18n.__('coupons.discountValue')}) %>
                    </div>
                  </div>
                </div>
              </div>

              <div class="col-md-6 col-12 max_discount_div " style="display: none;">
                <div class="form-group">
                    <label for="first-name-column"><%= i18n.__('coupons.maxDiscountValue') %></label>
                    <div class="controls">
                        <input type="number" name="maxDiscount" min="0" step="0.01" class="max_discount form-control"   placeholder="<%= i18n.__('common.{{field}}Placeholder',{field:i18n.__('coupons.maxDiscountValue')}) %>" >
                        <div class="invalid-feedback">
                          <%= i18n.__('common.{{field}}Required',{field:i18n.__('coupons.maxDiscountValue')}) %>
                        </div>
                    </div>
                </div>
            </div>

              <div class="col-md-6 col-12">
                <div class="form-group">
                  <label for="first-name-column"><%= i18n.__('coupons.expirationDate') %> </label>
                  <div class="controls">
                    <input type="date" name="expireDate" id="expireDate" class="form-control" min="<%= new Date().toISOString().split('T')[0] %>" required>
                    <div class="invalid-feedback">
                      <%= i18n.__('common.{{field}}Required',{field:i18n.__('coupons.expirationDate')}) %>
                    </div>
                  </div>
                </div>
              </div>
  
            </div>
  
            <div class="modal-footer">
              <button type="submit" id="btnForm" class="btn btn-primary send-notify-button"> <%= i18n.__('coupons.updateCoupon') %> </button>
              <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="$('#notify').modal('hide')"> <%= i18n.__('common.cancel') %> </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
  
  <%- include('./includes.ejs') %>
  <script>
    // Bootstrap form validation logic
    (function() {
      'use strict';
      window.addEventListener('load', function() {
        // Fetch all the forms we want to apply custom validation to
        var forms = document.getElementsByClassName('notify-form');
        // Loop over them and prevent submission
        var validation = Array.prototype.filter.call(forms, function(form) {
          form.addEventListener('submit', function(event) {
            if (form.checkValidity() === false) {
              event.preventDefault();
              event.stopPropagation();
            }
            form.classList.add('was-validated');
          }, false);
        });
      }, false);
    })();
  </script>
  