<div class="checkout-widget checkout-voucher checkout-voucher_fixed checkout-widget_order-summary">

  <div class="accordion">
    <h5 class="accordion__header">
      <span class="icon accordion__header-icon">
        <i class="fas fa-angle-up"></i>
      </span>
      <span class="accordion__header-text">Voucher</span>
    </h5>

    <div class="accordion__content " style="">
      <div class="accordion__content-inner ">
        <h3 class="heading-3 checkout-widget__header">Voucher</h3>
          <form id="form-checkout-voucher">
            {{> form-row id="voucher-code" label="Voucher" label-hidden="true" required="true"}}
            <button class="btn btn-secondary btn_full">
              <span class="btn__text">Apply code</span>
            </button>
          </form>
      </div>
    </div>
  </div>
</div>

{{#unless voucherApplied}}
  <div class="checkout-widget checkout-voucher voucher-applied checkout-widget_order-summary">
    <div class="accordion">
      <h5 class="accordion__header">
      <span class="icon accordion__header-icon">
        <i class="fas fa-angle-up"></i>
      </span>
        <span class="accordion__header-text">Voucher</span>
      </h5>
      <div class="accordion__content " style="">
        <div class="accordion__content-inner ">
          <i class="fas fa-check-circle"></i>
          <h3 class="heading-3 text-center">Voucher has been applied</h3>
        </div>
      </div>
    </div>
  </div>
{{/unless}}
