<section class="content">
  <div class="row row-eq-height">
    <div class="col-md-9 col-xs-9">
      <div class="box box-solid max-height-css">
        <div class="box-header with-border">
          <i class="fa fa-text-width"></i>

          <h3 class="box-title">View Hotel</h3>
          <ul class="nav nav-tabs pull-right">
            {{!--<li>
              {{#link-to 'admin.tasks.hotels'}}Back to hotels{{/link-to}}
            </li>--}}
          </ul>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <dl class="dl-horizontal">
            <dt>Hotel Name</dt>
            <dd>{{model.name}} {{model.guest.last_name}}</dd>
            <dt>Star Rating</dt>
            <dd>{{model.star_rating}}</dd>
            <dt>Country</dt>
            <dd>{{model.country}}</dd>
            <dt>City</dt>
            <dd>{{model.city}}</dd>
            <dt>Address</dt>
            <dd>{{model.address}}</dd>
            <dt>Postal Code</dt>
            <dd>{{model.postal_code}}</dd>
            <dt>Emails</dt>
            <dd>{{model.emails}}</dd>
            <dt>Land Lines</dt>
            <dd>{{model.land_lines}}</dd>
            <dt>Mobiles</dt>
            <dd>{{model.mobiles}}</dd>
            <dt>Website</dt>
            <dd>{{model.website}}</dd>
          </dl>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    {{!--col-md-9 col-xs-9--}}
    <div class="col-md-3 col-xs-3">
      <aside class="control-sidebar relative control-sidebar-dark">
        <!-- Create the tabs -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
          <!-- Home tab content -->
          <div class="tab-pane active" id="control-sidebar-home-tab">
            {{!--<h3 class="control-sidebar-heading">Actions</h3>--}}
            <ul class="control-sidebar-menu">

              <li>
                {{#link-to 'admin.tasks.hotels' }}
                  <i class="menu-icon fa fa-backward bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Back to hotels</h4>

                    <p>Back to hotel list</p>
                  </div>
                {{/link-to}}
              </li>
              <li>
                {{#link-to 'admin.tasks.hotels.view.services' }}
                  <i class="menu-icon fa fa-list bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Services</h4>

                    <p>View services list</p>
                  </div>
                {{/link-to}}
              </li>
              <li>
                {{#link-to 'admin.tasks.hotels.view.room-types' }}
                  <i class="menu-icon fa fa-list bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Room Types</h4>

                    <p>View room types list</p>
                  </div>
                {{/link-to}}
              </li>
              <li>
                {{#link-to 'admin.tasks.hotels.view.rooms' }}
                  <i class="menu-icon fa fa-list bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Rooms</h4>

                    <p>View room list</p>
                  </div>
                {{/link-to}}
              </li>
              <li>
                {{#link-to 'admin.tasks.hotels.edit' model.id}}
                  <i class="menu-icon fa fa-pencil bg-red"></i>
                  <div class="menu-info">
                    <h4 class="control-sidebar-subheading">Edit hotel details</h4>

                    <p>Edit hotel details</p>
                  </div>
                {{/link-to}}
              </li>
            </ul>
            <!-- /.control-sidebar-menu -->
          </div>
          <!-- /.tab-pane -->
        </div>
      </aside>

    </div>
    <!--col-md-3 col-xs-3-->
  </div>

  {{outlet}}
</section>