<div class="box max-height-css">
  <div class="box-header with-border">
    <h3 class="box-title">Dates Booked</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>Room Type</th>
          <th>Booking Contact</th>
          <th>Group Name</th>
          <th>Status</th>
          <th>Date In</th>
          <th>Date Out</th>
          <th>#</th>
        </tr>
        {{#each model as |item|}}
          <tr>
            <td>#</td>
            <td>{{item.bookedroom.room.name}}</td>
            <td>{{item.bookedroom.room.roomtype.name}}</td>
            <td>{{item.bookedroom.booking.guest.first_name}} {{item.bookedroom.booking.guest.last_name}}
            </td>
            <td>{{item.bookedroom.booking.group_name}}</td>
            <td>{{item.status}}</td>
            <td>{{moment-format item.date_in 'MMM Do YYYY, h:mm a'}}
            </td>
            <td>{{moment-format item.date_out 'MMM Do YYYY, h:mm a'}}
            </td>
            <td>
              {{#link-to 'admin.tasks.bookings.view.rooms.view.dates.view' item.bookedroom.booking
                item.bookedroom item class='btn btn-primary btn-xs' }}
                View{{/link-to}}
            </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 -->