<div class="panel panel-default panel-coupon">
  <div class="panel-heading">
    <h4 class="panel-title"><a href="#collapse-coupon" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">{{ heading_title }} <i class="fa fa-caret-down"></i></a></h4>
  </div>
  <div id="collapse-coupon" class="panel-collapse collapse" data-bs-parent="#accordion">
    <div class="panel-body">
      <form id="form-coupon" data-oc-toggle="ajax" data-oc-load="{{ list }}" data-oc-target="#shopping-cart" class="form-horizontal">
        <div class="row mb-3 form-group">
          <label for="input-coupon" class="col-md-4 col-form-label control-label">{{ entry_coupon }}</label>
          <div class="col-md-8">
            <input type="text" name="coupon" value="{{ coupon }}" placeholder="{{ entry_coupon }}" id="input-coupon" class="form-control"/>
          </div>
        </div>
      </form>
      <div class="text-end">
        <button type="submit" form="form-coupon" formaction="{{ save }}" class="btn btn-primary">{{ button_coupon }}</button>
        <button type="submit" form="form-coupon" formaction="{{ remove }}" class="btn btn-danger btn-remove">{{ button_remove }}</button>
      </div>
    </div>
  </div>
</div>
