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

    This is the view to search information about tv series by year.
    This view shows a form with a combo element to select a tv serie
    year from 2000 to 2015.

    If there are tv series matched to inserted year, these tv series
    will be listed in another view, where the user can access to
    view details of every tv serie.
-->

    <section data-ng-controller="TVSeriesController" data-ng-init="getGenres()">
        <h1>Búsqueda de series por género</h1><hr>
        <form data-ng-submit="listTVSeriesByGenre()" novalidate>
            <div>
                <label for="tvSerieGenre">Género:</label>
                <div>
                    <select data-ng-model="genre" id="tvSerieGenre" required>
                        <option data-ng-repeat="genre in genres"
                                data-ng-value="genre" data-ng-bind="genre">
                        </option>
                    </select>
                </div>
            </div><br>
            <div>
                <input type="submit" value="Buscar series">
            </div><hr>
            <br>
            <div data-ng-show="error">
                <strong data-ng-bind="error"></strong>
            </div>
            <br>
            <a data-ng-href="/#!/tvSeries">Volver al menú anterior</a>
        </form>
    </section>