{{ header }}
<header class="background-white bottom-margin-large">
  <div class="container-fluid">
    <div class="row no-space-xs">
      <div class="col-xs-12">
        <div class="content-box vertical-padding-large flex between-xs middle-xs js-header-notifications">
          <div>
            <span class="text-x-large text-dark">{{ heading_title }}</span>
            <div class="adm-breadcrumb">
              {% for breadcrumb in breadcrumbs %}
                <i class="fas fa-angle-right text-x-small text-gray horizontal-padding-small"></i>
                <a href="{{ breadcrumb.href }}" class="text-x-small text-gray text-decoration-none">{{ breadcrumb.text }}</a>
              {% endfor %}
            </div>
          </div>
          {% if error != '' %}
            <div class="full-width text-warning background-warning border-warning padding-small rounded-small top-margin-small">
              {{ error }}
            </div>
          {% endif %}
          {% if attention != '' %}
            <div class="full-width text-warning background-warning border-warning padding-small rounded-small top-margin-small">
              {{ attention }}
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container-fluid">
  <div class="row center-xs">
    <div class="col-xs-12 col-md-6">
      <div class="content-box background-white shadow-small padding-large">
        <form action="{{ action }}" method="post">
          <input type="hidden" name="amount_original" value="{{ amount_original }}"/>
          <input type="hidden" name="currency_code" value="{{ currency_code }}"/>
          <div class="field-group bottom-padding-large">
            <label class="field-label">{{ entry_transaction_id }}</label>
            <input type="text" class="field-entry field-entry-medium" name="transaction_id" value="{{ transaction_id }}" />
          </div>
          <label class="checkbox checkbox-medium bottom-padding-large">
            <input type="hidden" name="refund_full" value="0"/>
            <input type="checkbox" name="refund_full" id="refund_full" class="checkbox-entry" value="1" {{ (refund_available == '' ? 'checked' : '') }} />
            <span class="checkbox-text text-medium">{{ entry_full_refund }}</span>
          </label>
          <div class="field-group bottom-padding-large {{ refund_available == '' ? 'hidden' : '' }}" id="partial_amount_row">
            <label class="field-label">{{ entry_amount }}</label>
            <input type="text" name="amount" class="field-entry field-entry-medium mask-money2" value="{{ refund_available != '' ? refund_available : '' }}" />
          </div>
          <div class="field-group bottom-padding-large">
            <label class="field-label">{{ entry_message }}</label>
            <textarea name="refund_message" id="paypal_refund_message" cols="40" rows="5" class="field-entry field-entry-medium"></textarea>
          </div>
          <button type="submit" class="btn-default btn-medium btn-primary">
            <span>{{ btn_refund }}</span>
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
{{ footer }}


