<!--
    AngularJS template. Created by fran lopez on 9/1/16.

    This is the view to show details of a tv serie, a result of a
    search it using one route parameter, named "TVSerieId". This
    parameter has information about an internal identifier associated
    to a tv serie.
-->

    <section data-ng-controller="TVSeriesController" data-ng-init="getTVSerieDetails()">
        <h1>Detalles de la serie</h1><hr>
        <div class="formElement">
            <label class="staticLabel">Título original:</label>
            <label data-ng-bind="tvSerie.title"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Año:</label>
            <label data-ng-bind="tvSerie.year"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Duración (minutos):</label>
            <label data-ng-bind="tvSerie.runningTime"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">País:</label>
            <label data-ng-bind="tvSerie.country"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Género:</label>
            <label data-ng-bind="tvSerie.genre"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Director:</label>
            <label data-ng-bind="tvSerie.director"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Guionista:</label>
            <label data-ng-bind="tvSerie.screenWriter"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Protagonista:</label>
            <label data-ng-bind="tvSerie.protagonist"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Productora:</label>
            <label data-ng-bind="tvSerie.productionCompany"></label>
        </div>
        <div class="formElement">
            <label class="staticLabel">Sinopsis:</label>
            <table><tr data-ng-bind="tvSerie.synopsis"></tr></table>
        </div>
        <div class="formElement">
            <label class="staticLabel">Valoración:</label>
            <label data-ng-bind="tvSerie.rating"></label>
        </div>
        <hr><br>
        <a data-ng-href="#!/tvSerieTrailers/{{TVSerieId}}">Ver los trailers de la serie</a><br>
        <a data-ng-href="#!/tvSerieImages/{{TVSerieId}}">Ver las imágenes de la serie</a><br>
        <a data-ng-href="#!/tvSerieReviews/{{TVSerieId}}">Ver las críticas de la serie</a><br><br>
        <a data-ng-href="#!/tvSeries">Volver al menú de búsqueda de series</a>
    </section>