laporan outstanding balance vocuher

{{# data }}
<div class="center-block">
    <div class="panel panel-default">
      <div class="panel-body">
          <div class="panel-body-heading bordered">
            {{# title }}
                <h2 style="margin-bottom:20px;">{{ title }}</h2>
            {{/ title }}
              <div style="margin-bottom:20px;">
                {{ start_date }} to {{ end_date }}, 
                {{# staff_name }}
                    {{ staff_name }},
                {{/ staff_name }}
                {{^ staff_name }}
                    all employes,
                {{/ staff_name }}

                {{# location_name }}
                    {{ location_name }},
                {{/ location_name }}
                {{^ location_name }}
                    all locations,
                {{/ location_name}}
                generated {{ generate }}
              </div>
          </div>
        <div class="table-responsive">
          <table class="table table-bordered">
              <tbody>
                  <tr>
                      <th>{{ lang.date }}</th>
                      <th>{{ lang.invoice_no }}</th>
                      <th>{{ lang.customer }}</th>
                      <th>{{ lang.location }}</th>
                      <th>{{ lang.type }}</th>
                      <th>{{ lang.code }}</th>
                      <th>{{ lang.name }}</th>
                      <th>{{ lang.expiry_date }}</th>
                      <th>{{ lang.status }}</th>
                      <th style="text-align:right">{{ lang.total }}</th>
                      <th style="text-align:right">{{ lang.redeemed }}</th>
                      <th style="text-align:right">{{ lang.remaining }}</th>
                  </tr>
                  {{# totals }}
                    <tr>
                      <th colspan=9>{{ lang.total_amount }}</th>
                      <th style="text-align:right">{{ ftotal_redeemed_amount }}</th>
                      <th style="text-align:right">{{ ftotal_redemption_amount }}</th>
                      <th style="text-align:right">{{ ftotal_remaining_amount }}</th>
                    </tr>
                    <tr>
                      <th colspan=9>{{ lang.total_usage }}</th>
                      <th style="text-align:right">{{ ftotal_redeemed_usage }}</th>
                      <th style="text-align:right">{{ ftotal_redemption_usage }}</th>
                      <th style="text-align:right">{{ ftotal_remaining_usage }}</th>
                    </tr>
                  {{/ totals }}
                  {{# details }}
                  <tr>
                      <td>{{ finvoice_date }}</th>
                      <td>{{ invoice_no }}</th>
                      <td>{{ customer }}</th>
                      <td>{{ location_name }}</th>
                      <td>{{ type }}</th>
                      <td>{{ code }}</th>
                      <td>{{ display_name }}</th>
                      <td>{{ fexpiry_date }}</th>
                      <td>{{ fstatus }}</th>
                      <td style="text-align:right">{{ ftotal }}</td>
                      <td style="text-align:right">{{ fredeemed }}</td>
                      <td style="text-align:right">{{ fremaining }}</td>
                  </tr>
                  {{/ details }}
              </tbody>
          </table>
        </div>
      </div>
  </div>
</div>
{{/ data }}