<accordion close-others="false"> 

	<accordion-group is-open=true>

		<accordion-heading>  

			<a class="title" ng-click="$event.stopPropagation();" href="#/books/{{ 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>

		</accordion-heading>

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

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

			<li class="col-md-2 item" ng-repeat="i in parentBook.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-pencil"></span></a>

						<a class="btn btn-default" ng-click="toggleFavorite($index)"><span ng-class="{'glyphicon-star': i.favorite, 'glyphicon-star-empty': !i.favorite}" class="glyphicon"></span></a>

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

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

					</div>

				</div>

			</li>

		</ul>

		<div class="book in books | filter:{ id: parentBook.parent_visit }:true">

			{{book.title}}

		</div>

	</accordion-group>

</accordion>