<ion-view>
    <!--<ion-header-bar class="bar-stable">
        <h1 class="title">{{DetailsCtrl.film.titre}}</h1>
        <div class="buttons">
            <button class="button button-clear icon ion-share"></button>
        </div>
    </ion-header-bar>-->
    <ion-nav-title>{{DetailsCtrl.film.titre}}</ion-nav-title>
    <ion-nav-buttons side="secondary">
        <button class="button button-clear button-stable icon ion-share" ng-click="DetailsCtrl.partager()"></button>
    </ion-nav-buttons>
    <ion-content>
        <ion-list>
            <div class="item item-body">
                <img class="full-image" ng-src="{{DetailsCtrl.film.Poster}}">
            </div>
            <ion-item class="item-icon-left">
                <i class="icon ion-ios-film"></i> {{DetailsCtrl.film.Title}}
            </ion-item>
            <ion-item class="row responsive-sm">
                <div class="col">
                    <i class="list-icon icon ion-calendar"></i> {{DetailsCtrl.film.Released}}
                </div>
                <div class="col">
                    <i class="list-icon icon ion-clock"></i> {{DetailsCtrl.film.Runtime}}
                </div>
                <div class="col">
                    <i class="list-icon icon ion-film-marker"></i> {{DetailsCtrl.film.Genre}}
                </div>
            </ion-item>
            <ion-item class="item-divider">Détails</ion-item>
            <ion-item class="item-icon-left" style="white-space: normal">
                <i class="icon ion-edit"></i> {{DetailsCtrl.film.Plot}}
            </ion-item>
        </ion-list>
        <button class="button button-positive button-block button-outline">
        Films de la même année
    </button>
        <div class="button-bar">
            <button class="button button-energized button-full button-clear icon-left ion-star" ng-click="DetailsCtrl.ajouterFavoris()">
            Favoris
        </button>
            <button class="button button-balanced button-full button-clear icon-left ion-play" ng-click="DetailsCtrl.ouvrirModalPlanification()">
            Ma liste
        </button>
        </div>
    </ion-content>
</ion-view>