<!--
    AngularJS template. Created by fran lopez on 14/12/15.

    This is the view to show a list of film trailers as a result of a
    search using one route parameter:

        -> filmId: Is a film identifier, used to find all film trailers
        associated to a film identified by this identifier.
-->

    <section data-ng-controller="FilmTrailersController" data-ng-init="find()">
        <h1>Listado de trailers de una película</h1><hr>
        <ul>
            <li data-ng-repeat="filmTrailer in filmTrailers">
                <label class="staticLabel"
                       data-ng-bind="filmTrailer.name"></label><br><br>
                <iframe width="320" height="180"
                        ng-src="{{filmTrailer.link | filterIFramesForFilmTrailers}}"
                        frameborder="0" allowfullscreen></iframe><br><br>
            </li>
        </ul>
        <label id="errorLabel" data-ng-hide="!filmTrailers || filmTrailers.length">No existen trailers para esta película</label>
        <hr><br>
        <a data-ng-href="#!/films/{{filmId}}">Volver a los detalles de la película</a>
    </section>