<p>Liste des books&nbsp;:</p>

<accordion close-others="false">
	<accordion-group ng-repeat="parentBook in books | filter:{ parent_visit: 'null', idArticle: '!null' }" is-open=true>
		<accordion-heading>
			{{ parentBook.title }}
			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(parentBook.id)"><span class="glyphicon glyphicon-plus"></span></a>
            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); edit()"><span class="glyphicon glyphicon-wrench"></span></a>
            <a class="pull-right" ng-click="$event.stopPropagation();" href="#/slideshow/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
        </accordion-heading>
        <div class="list-books" ng-repeat="childBook in books | filter:{ parent_visit: parentBook.id }:true">
		        <a href="#/books/{{ childBook.id }}">{{ childBook.title }}</a>
		        <a class="pull-right" ng-click="deleteItem(childBook)"><span class="glyphicon glyphicon-minus"></span></a>
        </div>
	</accordion-group>
	<accordion-group ng-repeat="parentBook in books | filter:{ parent_visit: 'null', idArticle: 'null' }" is-open=true>
		<accordion-heading>
			Autres Books
		</accordion-heading>
		<div class="list-books" ng-repeat="childBook in books | filter:{ parent_visit: 'null', idArticle: 'null' }">
		        <a href="#/books/{{ childBook.id }}">{{ childBook.title }}</a>
		        <a class="pull-right" ng-click="deleteItem(childBook)"><span class="glyphicon glyphicon-minus"></span></a>
        </div>
	</accordion-group>
</accordion>

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