<!-- title row -->
<div class="row">
  <div class="col-md-12 col-xs-12">
    <h2 class="page-header">
      <i class="fa fa-globe"></i> {{model.booking.hotel.name}}
      <small class="pull-right">Date: {{model.createdAt}}</small>
    </h2>
  </div>
  <!-- /.col -->
</div>
<!-- info row -->
<div class="row invoice-info">
  <div class="col-sm-4 invoice-col">
    From
    <address>
      <strong>{{premise.name}}</strong>
      <br> {{premise.address}} {{premise.postal_code}}
      <br> {{premise.city}}, {{premise.country}}
      <br> Phone: {{premise.land_lines}} {{premise.mobiles}}
      <br> Email: {{premise.emails}}
    </address>
  </div>
  <!-- /.col -->
  <div class="col-sm-4 invoice-col">
    To
    <address>
      <strong>{{model.first_name}} {{model.last_name}}</strong>
      <br> {{model.address}}
      <br> Phone: {{model.mobiles}}
      <br> Email: {{model.emails}}
    </address>
  </div>
  <!-- /.col -->
  <div class="col-sm-4 invoice-col">
    <b>{{doctype}} #{{model.id}}</b><br>
    <br>
  </div>
  <!-- /.col -->
</div>
<!-- /.row -->

<!-- Table row -->
<div class="row">
  <div class="col-xs-12 table-responsive">
    <table class="table table-striped">
      <thead>
        <tr>
          <th>Days</th>
          <th>Particulars</th>
          <th>Date In</th>
          {{#if isbundled}}
            <th>Room cost</th>
            <th>Total</th>
          {{else}}
            <th>Cost</th>
            <th>Total</th>
          {{/if}}
        </tr>
      </thead>
      <tbody>
        {{#each model.claimrooms as |item|}}
          <tr>
            <td>{{item.nights}}</td>
            <td>{{item.particulars}}</td>
            <td>{{moment-format item.date_in 'ddd MMM DD YYYY hh:mm a'}}</td>
            {{#if isbundled}}
              <td>{{item.roomcost}}</td>
              <td>{{item.roomamount}}</td>
            {{else}}
              <td>{{item.cost}}</td>
              <td>{{item.amount}}</td>
            {{/if}}
          </tr>
        {{/each}}
      </tbody>
    </table>
  </div>
  <!-- /.col -->
</div>
<!-- /.row -->
<div class="row">
  <div class="col-xs-12">
    <p>Guests:</p>
    <p class="text-muted well well-sm no-shadow" style="padding-top: 17px;">
      <ul>
        {{#each model.claimrooms as |item|}}
          {{#if item.guests}}
            <li>[{{item.room}}] {{item.guests}}</li>
          {{/if}}
        {{/each}}
      </ul>
    </p>
  </div>
</div>
<!-- Table row -->
<div class="row">
  <div class="col-xs-12 table-responsive">
    <table class="table table-striped">
      <thead>
        <tr>
          <th>Date Added</th>
          <th>Qty</th>
          <th>Particulars</th>
          <th>Cost</th>
          <th>Total</th>
        </tr>
      </thead>
      <tbody>
        {{#each filteredClaimCharges as |item|}}
          <tr>
            <td>{{moment-format item.createdAt 'ddd MMM DD YYYY hh:mm a'}}</td>
            <td>{{item.quantity}}</td>
            <td>{{item.particulars}}</td>
            <td>{{item.cost}}</td>
            <td>{{item.amount}}</td>
          </tr>
        {{/each}}
      </tbody>
    </table>
  </div>
  <!-- /.col -->
</div>
<!-- /.row -->
<div class="row">
  <!-- accepted payments column -->
  <div class="col-xs-6">
    <p class="lead">Payment Methods:</p>
    <span>Cash.</span>
    <span>Mastercard.</span>
    <span>Visa.</span>
    <span>Mpesa.</span>

    <p class="text-muted well well-sm no-shadow" style="margin-top: 17px;">
      <ul>
        <li>Cheques to : SDA CLMS CONFERENCE CENTRE</li>
        <li>Check out time on departing day is by 10.00 A.M</li>
        <li>Please leave your key with the receptionist</li>
        <li>Accounts are due on demand</li>
      </ul>
    </p>
  </div>
  <!-- /.col -->
  <div class="col-xs-6">
    <p class="lead">Amount Due {{moment-format model.booking.createdAt 'ddd MMM DD YYYY'}}</p>

    <div class="table-responsive">
      <table class="table">
        <tr>
          <th style="width:50%">Subtotal:</th>
          <td>{{roomChargeSubTotals}}</td>
        </tr>
        {{#each amountsByTaxSummary as |group|}}
          <tr>
            <th>{{group.value}} ({{group.rate}}%)</th>
            <td>{{group.total}}</td>
          </tr>
        {{/each}}
        <tr>
          <th>Total:</th>
          <td>{{roomChargeTotals}}</td>
        </tr>
      </table>
    </div>
  </div>
  <!-- /.col -->
</div>
<!-- /.row -->
{{yield (action 'print')}}