<navbar></navbar>

<div class="main-container">
    <div class="row">
      <div class="col-sm-12 text-center bg-grey">
        <form class="form-inline" ng-submit="searchShows()">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="Cosa vuoi guardare?" ng-model="fulltext">
          </div>
          <div class="form-group">
            <div class="input-group">
              <div class="input-group datepicker-group">
                <input type="text" class="form-control" placeholder="Quando?"
                name="dataInizio"
                ng-model="dataInizio"
                min-date="minDate"
                max-date="maxDateInizio"
                datepicker-popup="dd-MM-yyyy"
                is-open="datepickers.dataInizio"
                datepicker-options="dateOptions"
                ng-readonly="true"
                ng-required="true"
                ng-click="open($event,'dataInizio','dataFine')">
                <span class="input-group-btn">
                  <button class="btn btn-default" ng-click="open($event,'dataInizio','dataFine')"><i class="glyphicon glyphicon-calendar"></i></button>
                </span>
              </div>
            </div>
          </div>
          <div class="form-group">
            <select ng-model="category" ng-options="category._id as category.name for category in categories" class="form-control"></select>
          </div>
          <div class="form-group">
            <button type="submit" class="btn btn-default">{{ 'CERCA' | translate }}</button>
            <button type="button" ng-click="resetForm()" class="btn btn-default">{{ 'CANCELLA FILTRI' | translate }}</button>
          </div>
        </form>
      </div>
    </div>
</div>
<div class="container">
  	<div class="row">
    	<div class="col-sm-12 text-center">
      		<h1 class="title">COME FUNZIONA</h1>
      		<h3 class="title">Scopri gli eventi in programma questa settimana</h3>
    	</div>
    	<div class="poster-view">
    		<div class="poster" ng-repeat="poster in posters" ng-class="{'poster-wide': pCount($index)}">
    			<img ng-src="/uploads/{{ poster.image }}">
          <div class="poster_date">{{ poster.date | date: 'd' }}<br>{{ poster.date | date: 'MMM' }}</div>
          <div class="poster_overlay">
            <div class="poster_content">
              <img src="/assets/images/avatar.png" class="avatar">
              <rating ng-model="poster.userRating" max="5" readonly="true" class="rating"></rating>
              <p class="user">{{ poster.user.name }} propone:</p>
              <h3>{{ poster.title }}</h3>
              <p class="descr">{{ poster.description }}</p>
              <a class="btn btn-default" ui-sref="show({id: poster._id})">{{'PARTECIPA' | translate}}</a>
            </div>
          </div>
    		</div>
    	</div>
      <div class="col-sm-12 text-center">
          <button class="btn btn-default" ng-click="loadShows()">{{'CARICA ALTRO' | translate}}</button><br><br>
      </div>
	</div>
	<div class="push"></div>
</div>

<footer></footer>