{{ 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>
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container-fluid">
  <div class="row">
    {% if lines is not empty %}
      <div class="col-xs-12 bottom-padding-small">
        <div class="content-box">
          <span class="text-x-large text-dark">{{ text_product_lines }}</span>
        </div>
      </div>
      <div class="col-xs-12">
        {% for k, v in lines %}
          <div class="content-box background-white bottom-border-gray">
            <div class="row no-space-xs middle-xs padding-medium">
              {% for k, row in v %}
                {% if k == 'L_EBAYITEMTXNID' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_ebay_txn_id }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_NAME' %}
                  <div class="col-xs-4">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_name }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_NUMBER' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark text-bold rel" data-tooltip="{{ text_number }}">#{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_QTY' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_qty }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_COUPONID' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_coupon_id }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_COUPONAMOUNT' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_coupon_amount }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_COUPONAMOUNTCURRENCY' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_coupon_currency }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_LOYALTYCARDDISCOUNTAMOUNT' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_loyalty_disc_amt }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_LOYALTYCARDISCOUNTCURRENCY' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_loyalty_currency }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_AMT' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_amount }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_OPTIONSNAME' %}
                  <div class="col-xs">
                    <div class="content-box">
                      <span class="text-small text-dark rel" data-tooltip="{{ text_options_name }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_OPTIONSVALUE' %}
                  <div class="col-xs">
                    <div class="content-box">
                        <span class="text-small text-dark rel" data-tooltip="">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_TAXAMT' %}
                  <div class="col-xs">
                    <div class="content-box">
                        <span class="text-small text-dark rel" data-tooltip="{{ text_tax_amt }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
                {% if k == 'L_CURRENCYCODE' %}
                  <div class="col-xs">
                    <div class="content-box">
                        <span class="text-small text-dark rel" data-tooltip="{{ text_currency_code }}">{{ row }}</span>
                    </div>
                  </div>
                {% endif %}
              {% endfor %}
            </div>
          </div>
        {% endfor %}
      </div>
    {% endif %}

    <div class="col-xs-12">
      <div class="content-box background-white padding-large shadow-small">
        <div class="row">

          {% if transaction.GIFTMESSAGE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_gift_msg }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.GIFTMESSAGE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.GIFTRECEIPTENABLE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_gift_receipt }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.GIFTRECEIPTENABLE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.GIFTWRAPNAME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_gift_wrap_name }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.GIFTWRAPNAME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.GIFTWRAPAMOUNT is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_gift_wrap_amt }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.GIFTWRAPAMOUNT }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.BUYERMARKETINGEMAIL is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_buyer_email_market }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.BUYERMARKETINGEMAIL }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SURVEYQUESTION is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_survey_question }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SURVEYQUESTION }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SURVEYCHOICESELECTED is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_survey_chosen }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SURVEYCHOICESELECTED }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.RECEIVERBUSINESS is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_receiver_business }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.RECEIVERBUSINESS }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.RECEIVEREMAIL is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_receiver_email }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.RECEIVEREMAIL }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.RECEIVERID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_receiver_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.RECEIVERID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.EMAIL is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_buyer_email }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.EMAIL }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PAYERID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PAYERID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PAYERSTATUS is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_status }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PAYERSTATUS }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.COUNTRYCODE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_country_code }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.COUNTRYCODE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PAYERBUSINESS is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_business }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PAYERBUSINESS }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SALUTATION is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_salute }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SALUTATION }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.FIRSTNAME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_firstname }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.FIRSTNAME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.MIDDLENAME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_middlename }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.MIDDLENAME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.LASTNAME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_lastname }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.LASTNAME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SUFFIX is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payer_suffix }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SUFFIX }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.ADDRESSOWNER is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_address_owner }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.ADDRESSOWNER }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.ADDRESSSTATUS is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_address_status }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.ADDRESSSTATUS }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYNAME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_name }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYNAME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTONAME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_name }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTONAME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSTREET is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_street1 }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSTREET }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYADDRESSLINE1 is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_add1 }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYADDRESSLINE1 }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSTREET2 is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_street2 }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSTREET2 }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYADDRESSLINE2 is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_add2 }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYADDRESSLINE2 }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOCITY is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_city }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOCITY }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYCITY is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_city }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYCITY }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSTATE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_state }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSTATE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYSTATE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_state }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYSTATE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOZIP is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_zip }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOZIP }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYZIP is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_zip }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYZIP }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOCOUNTRYCODE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_country }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOCOUNTRYCODE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYCOUNTRYCODE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_country }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYCOUNTRYCODE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOPHONENUM is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_phone }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOPHONENUM }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SHIPTOSECONDARYPHONENUM is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_ship_sec_phone }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SHIPTOSECONDARYPHONENUM }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.TRANSACTIONID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_trans_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.TRANSACTIONID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PARENTTRANSACTIONID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_parent_trans_id }}</span>
                <a href="{{ view_link ~ '&transaction_id=' ~ transaction.PARENTTRANSACTIONID }}" class="text-medium text-primary visible-block top-margin-small">{{ transaction.PARENTTRANSACTIONID }}</a>
              </div>
            </div>
          {% endif %}

          {% if transaction.RECEIPTID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_receipt_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.RECEIPTID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.TRANSACTIONTYPE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_trans_type }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.TRANSACTIONTYPE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PAYMENTTYPE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payment_type }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PAYMENTTYPE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.ORDERTIME is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_order_time }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.ORDERTIME }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.AMT is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_amount }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.AMT }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.CURRENCYCODE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_currency_code }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.CURRENCYCODE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.FEEAMT is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_fee_amount }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.FEEAMT }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SETTLEAMT is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_settle_amount }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SETTLEAMT }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.TAXAMT is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_tax_amount }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.TAXAMT }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.EXCHANGERATE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_exchange }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.EXCHANGERATE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PAYMENTSTATUS is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_payment_status }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PAYMENTSTATUS }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PENDINGREASON is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_pending_reason }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PENDINGREASON }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.REASONCODE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_reason_code }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.REASONCODE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PROTECTIONELIGIBILITY is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_protect_elig }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PROTECTIONELIGIBILITY }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PROTECTIONELIGIBILITYTYPE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_protect_elig_type }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PROTECTIONELIGIBILITYTYPE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.STOREID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_store_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.STOREID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.TERMINALID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_terminal_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.TERMINALID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.INVNUM is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_invoice_number }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.INVNUM }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.CUSTOM is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_custom }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.CUSTOM }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.NOTE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_note }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.NOTE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.SALESTAX is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_sales_tax }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.SALESTAX }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.BUYERID is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_buyer_id }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.BUYERID }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.CLOSINGDATE is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_close_date }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.CLOSINGDATE }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.MULTIITEM is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_multi_item }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.MULTIITEM }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.AMOUNT is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_sub_amt }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.AMOUNT }}</span>
              </div>
            </div>
          {% endif %}

          {% if transaction.PERIOD is defined %}
            <div class="col-xs-12 col-sm-6 bottom-border-gray">
              <div class="content-box">
                <span class="text-small text-gray visible-block">{{ text_sub_period }}</span>
                <span class="text-medium text-dark visible-block top-margin-small">{{ transaction.PERIOD }}</span>
              </div>
            </div>
          {% endif %}

        </div>
      </div>
    </div>
  </div>
</div>
{{ footer }}
