<navbar></navbar>


<div class="main-container container">
  	<div class="row">
      <div class="col-sm-8">
        <div class="poster poster_show"><img ng-src="/uploads/{{ item.image }}"></div>
        <h1>{{ item.title | uppercase }}</h1>
        {{ item.description }}
        <hr>
        <h2>{{ 'INFORMAZIONI_AGGIUNTIVE' | translate }}</h2>
        {{ item.info }}
        <hr>
        <h2>{{ 'SERVIZI' | translate }}</h2>
        <ul class="list-inline clearfix">
          <li class="col-sm-4" ng-repeat="service in item.services">{{ service | translate }}</li>
        </ul>
        <div class="box-default box-user">
          <div class="row">
            <div class="pull-left">
              <img src="/assets/images/avatar.png" width="150" class="avatar">
            </div>
            <h1>{{ item.user.name }}</h1>
            <p><span class="glyphicon glyphicon-map-marker userinfo"></span> {{ item.user.place }}</p>
            <p><span class="glyphicon glyphicon-time userinfo"></span> su Two Toc da {{ diffDate | date: 'd' }} giorni</p>
            <p><rating ng-model="item.user.rating" max="5" readonly="true" class="rating userinfo"></rating> {{ item.user.ratingCount }} voti</p>
          </div>
          <div class="row" ng-repeat="comment in comments">
            <div class="col-xs-2">
              <img src="/assets/images/avatar.png" class="avatar">
            </div>
            <div class="col-xs-10 box-comment">
              <p><b>{{ comment.user.name }}</b></p>
              <p>{{ comment.text }}</p>
              <ul class="list-inline">
                <li><b>{{ 'VOTO' | translate }}</b><rating ng-model="comment.rating" max="5" readonly="true" class="rating"></rating></li>
                <li><b>{{ 'PULIZIA' | translate }}</b><rating ng-model="comment.ratingPulizia" max="5" readonly="true" class="rating"></rating></li>
                <li><b>{{ 'ATMOSFERA' | translate }}</b><rating ng-model="comment.ratingAtmosfera" max="5" readonly="true" class="rating"></rating></li>
              </ul>
            </div>
          </div>
          <div class="row text-center">
              <button class="btn btn-default" ng-click="loadComments()">{{'CARICA ALTRO' | translate}}</button><br><br>
          </div>
        </div>
      </div>
      <div class="col-sm-4"></div>
	</div>
</div>

<footer></footer>