From e2dc137b591848fc30bfb6b0afdadb23e5b10b11 Mon Sep 17 00:00:00 2001
From: Oluwaseun Olorunsola <seun@oluwaseun.com.ng>
Date: Tue, 17 Jan 2023 17:23:00 +0100
Subject: [PATCH] Add Usage limit fields and half of Usage restriction fields

MAILPOET-4762
---
 .../js/src/newsletter_editor/blocks/coupon.ts | 29 ++++++++
 .../templates/blocks/coupon/settings.hbs      | 66 ++++++++++++++++++-
 2 files changed, 93 insertions(+), 2 deletions(-)

diff --git a/mailpoet/assets/js/src/newsletter_editor/blocks/coupon.ts b/mailpoet/assets/js/src/newsletter_editor/blocks/coupon.ts
index 128bd546d3..f4a2ba1986 100644
--- a/mailpoet/assets/js/src/newsletter_editor/blocks/coupon.ts
+++ b/mailpoet/assets/js/src/newsletter_editor/blocks/coupon.ts
@@ -70,6 +70,35 @@ Module.CouponBlockSettingsView = base.BlockSettingsView.extend({
         this.changeBoolCheckboxField,
         'freeShipping',
       ),
+      'input .mailpoet_field_coupon_minimum_amount': _.partial(
+        this.changeField,
+        'minimumAmount',
+      ),
+      'input .mailpoet_field_coupon_maximum_amount': _.partial(
+        this.changeField,
+        'maximumAmount',
+      ),
+      'change .mailpoet_field_coupon_individual_use': _.partial(
+        this.changeBoolCheckboxField,
+        'individualUse',
+      ),
+      'change .mailpoet_field_coupon_exclude_sale_items': _.partial(
+        this.changeBoolCheckboxField,
+        'excludeSaleItems',
+      ),
+      // more items here
+      'input .mailpoet_field_coupon_email_restrictions': _.partial(
+        this.changeField,
+        'emailRestrictions',
+      ),
+      'input .mailpoet_field_coupon_usage_limit': _.partial(
+        this.changeField,
+        'usageLimit',
+      ),
+      'input .mailpoet_field_coupon_usage_limit_per_user': _.partial(
+        this.changeField,
+        'usageLimitPerUser',
+      ),
       'change .mailpoet_field_coupon_alignment': _.partial(
         this.changeField,
         'styles.block.textAlign',
diff --git a/mailpoet/views/newsletter/templates/blocks/coupon/settings.hbs b/mailpoet/views/newsletter/templates/blocks/coupon/settings.hbs
index 961cd755cf..b5a6d54d3d 100644
--- a/mailpoet/views/newsletter/templates/blocks/coupon/settings.hbs
+++ b/mailpoet/views/newsletter/templates/blocks/coupon/settings.hbs
@@ -70,7 +70,53 @@
     </summary>
     <div className="content">
 
-      Content here
+      <div class="mailpoet_form_field">
+        <label>
+          <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Minimum spend') %></div>
+          <div class="mailpoet_form_field_input_option">
+            <input type="text" name="minimum-amount" class="mailpoet_input mailpoet_field_coupon_minimum_amount" value="{{ model.minimumAmount }}" placeholder="<%= __('No minimum')%>" />
+          </div>
+        </label>
+      </div>
+
+      <div class="mailpoet_form_field">
+        <label>
+          <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Maximum spend') %></div>
+          <div class="mailpoet_form_field_input_option">
+            <input type="text" name="maximum-amount" class="mailpoet_input mailpoet_field_coupon_maximum_amount" value="{{ model.maximumAmount }}" placeholder="<%= __('No Maximum')%>" />
+          </div>
+        </label>
+      </div>
+
+      <div class="mailpoet_form_field">
+        <div class="mailpoet_form_field_checkbox_option">
+          <label>
+            <input type="checkbox" name="individual-use" class="mailpoet_field_coupon_individual_use"  {{#ifCond model.individualUse '===' true }}CHECKED{{/ifCond}}/>
+            <%= __('Individual use only') %>
+          </label>
+        </div>
+      </div>
+
+      <div class="mailpoet_form_field">
+        <div class="mailpoet_form_field_checkbox_option">
+          <label>
+            <input type="checkbox" name="exclude-sale-items" class="mailpoet_field_coupon_exclude_sale_items"  {{#ifCond model.excludeSaleItems '===' true }}CHECKED{{/ifCond}}/>
+            <%= __('Exclude sale items') %>
+          </label>
+        </div>
+      </div>
+
+      <!--  More items here    -->
+
+      <hr />
+      <div class="mailpoet_form_field">
+        <label>
+          <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Allowed emails') %></div>
+          <div class="mailpoet_form_field_input_option">
+            <input type="email" name="email-restrictions" class="mailpoet_input mailpoet_field_coupon_email_restrictions" value="{{ model.emailRestrictions }}" placeholder="<%= __('No restrictions')%>" multiple="multiple" />
+          </div>
+        </label>
+      </div>
 
     </div>
   </details>
@@ -81,7 +127,23 @@
     </summary>
     <div className="content">
 
-      Content here
+      <div class="mailpoet_form_field">
+        <label>
+          <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Usage limit per coupon') %></div>
+          <div class="mailpoet_form_field_input_option">
+            <input type="number" name="usage-limit" class="mailpoet_input mailpoet_field_coupon_usage_limit" value="{{ model.usageLimit }}" placeholder="<%= __('Unlimited usage')%>" step="1" min="0" />
+          </div>
+        </label>
+      </div>
+
+      <div class="mailpoet_form_field">
+        <label>
+          <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Usage limit per user') %></div>
+          <div class="mailpoet_form_field_input_option">
+            <input type="number" name="usage-limit-per-user" class="mailpoet_input mailpoet_field_coupon_usage_limit_per_user" value="{{ model.usageLimitPerUser }}" placeholder="<%= __('Unlimited usage')%>" step="1" min="0" />
+          </div>
+        </label>
+      </div>
 
     </div>
   </details>