{% extends "base.html" %}
{% from 'utils.html' import custom_render_form_row,make_tabs %}
{% from 'bootstrap/utils.html' import render_icon %}
{% from 'bootstrap/form.html' import render_form, render_field, render_form_row %}

{% block app_content %}

<h1><a href={{info.LocalAddress}}>Jellyfin</a> v{{info.Version}}</h1>
{% if status.HasUpdateAvailable %}
    <h3>Update available</h3>
{% endif %}
{% if status.HasPendingRestart %}
    <h3>Restart pending</h3>
{% endif %}

<h2 title="{{item.Id}}"><a href="{{info.LocalAddress}}/web/index.html#!/details?id={{item.Id}}">{{item.Name}}</a></h2>

<div class="row">
    <div class="col">
        {% for ext in item.ExternalUrls %}
            <a href={{ext.Url}}><span class="badge badge-secondary">{{ext.Name}}</span></a>
        {% endfor %}
    </div>
</div>

<div class="text-center">
    <img class="rounded" src={{info.LocalAddress}}/Items/{{item.Id}}/Images/Primary>
</div>

<p>{{item.Overview}}</p>


<div class="row">
    <div class="col">
        <table class="table table-sm table-bordered">
            <tr>
                <td>Path</td>
                <td>{{item.Path}}</td>
            </tr>
        </table>
    </div>
</div>

<div>
    {% for season in item.Seasons %}
    <div class="row">
        <div class="col">
            <h3>{{season.Name}}</h3>
            <table class="table table-sm table-bordered">
            {% for episode in season.Episodes %}
                <tr>
                    <td>{{episode.Name}}</td>
                </tr>
            {% endfor %}
            </table>
        </div>
    </div>
    {% endfor %}
</div>

<table class="table table-sm table-bordered">
{% for k,v in item|flatten %}
    <tr>
        <td>{{k}}</td>
        <td>{{v}}</td>
    </tr>
{% endfor %}
</table>

{% endblock %}