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

    This is the view to search information about films by rating. This view shows
    a form with a combo element to select a film rating between 0 to 10.

    If there are films matched to inserted rating, these films will be listed in
    another view, where the user can access to view details of every film.
-->

    <section data-ng-controller="FilmsController" data-ng-init="getRatings()">
        <h1>Búsqueda de películas por valoración</h1><hr>
        <form data-ng-submit="listFilmsByRating()" novalidate>
            <div>
                <label for="filmRating">Valoración de la película:</label>
                <div>
                    <select data-ng-model="rating" id="filmRating" required>
                        <option data-ng-repeat="rating in ratings"
                                data-ng-value="rating" data-ng-bind="rating">
                        </option>
                    </select>
                </div>
            </div><br>
            <div>
                <input type="submit" value="Buscar películas">
            </div><hr>
            <br>
            <div data-ng-show="error">
                <strong data-ng-bind="error"></strong>
            </div>
            <br>
            <a data-ng-href="/#!/films">Volver al menú anterior</a>
        </form>
    </section>