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

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

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

    <section data-ng-controller="FilmImagesController" data-ng-init="find()">
        <h1>Listado de imágenes de una película</h1><hr>
        <ul>
            <li data-ng-repeat="filmImage in filmImages">
                <label class="staticLabel"
                       data-ng-bind="filmImage.name"></label><br><br>

                <label class="thumb" href="#">
                    <img height="192" width="256"
                         ng-src="{{filmImage.path | filterImgForFilmImages}}">
                    <span><img height="384" width="512"
                         ng-src="{{filmImage.path | filterImgForFilmImages}}">
                    </span>
                </label><br><br>
            </li>
        </ul>
        <label id="errorLabel" data-ng-hide="!filmImages || filmImages.length">No existen imágenes para esta película</label>
        <hr><br>
        <a data-ng-href="#!/films/{{filmId}}">Volver a los detalles de la película</a>
    </section>