{% 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 %}

<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>

<h2 title="{{item.Id}}">
{{item.Name}}
{% if item.IsHD %}
<span class="badge badge-primary">HD</span>
{% endif %}
</h2>
<p>{{item.Overview}}</p>

<hr>

{#  <img src={{info.LocalAddress}}/Items/{{item.Id}}/Images/Primary>  #}

{% set data = [
    ("Path", item.Path),
    ("Genres", item.Genres|join(", ")),
] %}

<div class="row">
    <div class="col">
        <table class="table table-sm table-bordered">
        {% for k,v in data %}
            <tr>
                <td>{{k}}</td>
                <td>{{v}}</td>
            </tr>
        {% endfor %}
        </table>
    </div>
</div>

<pre>{{item|pformat}}</pre>

{% endblock %}