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

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

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

    <section data-ng-controller="BooksController" data-ng-init="getGenres()">
        <h1>Búsqueda de libros por género</h1><hr>
        <form data-ng-submit="listBooksByGenre()" novalidate>
            <div>
                <label for="bookGenre">Género:</label>
                <div>
                    <select data-ng-model="genre" id="bookGenre" 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 libros">
            </div><hr>
            <br>
            <div data-ng-show="error">
                <strong data-ng-bind="error"></strong>
            </div>
            <br>
            <a data-ng-href="/#!/books">Volver al menú anterior</a>
        </form>
    </section>