<div class="slideshow  container-fluid">
    <div class="container slideshow-title">
            <h1 class="book">
                {{book.title}}
                <small>par Jonathan Linvingston</small>
            </h1>
            <h1 class="pull-right poi"><small>{{book.count}} elts.</small></h1>
    </div>
    <div class="carousel-holder container">
        <carousel>
            <slide ng-repeat="slide in slides" active="slide.active">
                <div class="container-fluid slideshow-content">
                    <div class="col-sm-8 media">
                        <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
                        <audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
                        <video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
                    </div>
                    <div class="col-sm-4 caption">
                        <div class="user-details">
                            <h1>{{slide.title}}</h1>
                            <p>{{slide.description}}</p>
                            <p>
                                <em>{{slide.tags.join(', ')}}</em>
                            </p>
                        </div>
                        <div class="details">
                            <p>
                                <strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
                            </p>
                            <p>
                                <strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small>
                            </p>
                        </div>
                    </div>
                </div>
            </slide> 
        </carousel>
        <div class="insight" >
            <div class="item" ng-class="{'no-img': !slide.details.images[0]}" ng-repeat="slide in slides" data-ng-click="slide.active = true">
                <img ng-hide="{{slide.details.images[0].length < 1}}" ng-src="{{ slide.details.images[0] }}" img-type />
                <p ng-show="{{slide.details.images[0].length < 1}}">
                    {{slide.details.title}}
                </p>
            </div>
        </div>
    </div>
</div>
