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

    This is the view to search information about books by protagonist.
    This view shows a form with an input element to insert a pattern
    or a name of book protagonist, saved in database.

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

    <section data-ng-controller="BooksController">
        <h1>Búsqueda de libros por protagonista</h1><hr>
        <form data-ng-submit="listBooksByProtagonist()" novalidate>
            <div>
                <label for="patternForBookProtagonist">Nombre del protagonista:</label>
                <div>
                    <input type="text" data-ng-model="protagonist"
                           id="patternForBookProtagonist"
                           placeholder="Nombre de protagonista" required>
                </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>