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

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

        -> TVSerieId: Is a tv serie identifier, used to find all
        tv serie trailers associated to a tv serie identified by
        this identifier.
-->

    <section data-ng-controller="TVSerieTrailersController" data-ng-init="find()">
        <h1>Listado de trailers de una serie</h1><hr>
        <ul>
            <li data-ng-repeat="tvSerieTrailer in tvSerieTrailers">
                <label class="staticLabel"
                       data-ng-bind="tvSerieTrailer.name"></label><br><br>
                <iframe width="320" height="180"
                        ng-src="{{tvSerieTrailer.link | filterIFramesForTVSerieTrailers}}"
                        frameborder="0" allowfullscreen></iframe><br><br>
            </li>
        </ul>
        <label id="errorLabel" data-ng-hide="!tvSerieTrailers || tvSerieTrailers.length">No existen trailers para esta serie</label>
        <hr><br>
        <a data-ng-href="#!/tvSeries/{{TVSerieId}}">Volver a los detalles de la serie</a>
    </section>