<div class="box max-height-css">
  <div class="box-header with-border">
    <h3 class="box-title">Rooming List</h3>
  </div>
  <!-- /.box-header -->
  <div class="box-body">
    <table class="table table-bordered">
      <tbody>
        <tr>
          <th style="width: 10px">#</th>
          <th>Room Name</th>
          <th>Booking Contact</th>
          <th>Country</th>
          <th>Group Name</th>
          <th>Status</th>
          <th>Is Day Rate</th>
          <th>pax</th>
          <th>Date In</th>
          <th>Date Out</th>
          <th>#</th>
        </tr>
        {{#each roomCollection as |item|}}
          <tr>
            <td>#</td>
            <td>{{item.roomName}}</td>
            <td>{{item.guestName}}</td>
            <td>{{item.country}}</td>
            <td>{{item.groupName}}</td>
            <td>{{item.status}}</td>
            <td>{{item.isDayRate}}</td>
            <td>{{item.pax}}</td>
            <td>{{moment-format item.dateIn 'MMM Do YYYY, h:mm a' allow-empty=true}}</td>
            <td>{{moment-format item.dateOut 'MMM Do YYYY, h:mm a' allow-empty=true}}</td>
            <td>
              {{#if item.dateIn}}
                {{#link-to 'admin.tasks.bookings.view.rooms.view.dates.view.guests' item.bookingId
                  item.bookedRoomId item.bookedRoomDateId class='btn btn-primary btn-xs'
                  }}
                  View{{/link-to}}
              {{/if}}
            </td>
          </tr>
        {{/each}}
      </tbody>
    </table>
  </div>
  <!-- /.box-body -->
  <div class="box-footer clearfix">
    {{#if isLoaded}}
      {{simple-pagination limit=bookingDatesController.limit currentPage=bookingDatesController.currentPage
      total=bookingDatesController.total}}
    {{/if}}

  </div>
</div>
<!-- /.box -->