<accordion close-others="false">

	<accordion-group is-open=true>

		<accordion-heading>  

			<a class="title" ng-click="$event.stopPropagation();" href="#/visites/{{ parentBook.id }}">{{ parentBook.title }}</a>

			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-share"></span></a>

			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-cog"></span></a>

			<a class="pull-right" ng-click="$event.stopPropagation();" href="#/slideshow/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>

			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(parentBook.id)">Créer un Book</a>

		</accordion-heading>

		<a class="nbrObjects">{{parentBook.slides.length}} objets</a>

		<ul ui-sortable="sortableOptions" ng:model="slides" class="list-unstyled list-inline gallery container">

			<li class="col-md-2 item" ng-repeat="i in slides">

				<div class="img-ctn">

					<img class="img img-responsive image" ng-src="{{ i.details.images[0] }}" />

					<p>{{ i.details.title }}</p>

					<div class="gallery-buttons">

						<a class="btn btn-default" href="#/slide/{{ i.id }}"><span class="glyphicon glyphicon-heart"></span></a>

						<a class="btn btn-default" ng-click="toggleModal($index)"><span class="glyphicon glyphicon-plus"></span></a>

					</div>

				</div>

			</li>

		</ul>

	</accordion-group>

</accordion>