{% extends "item_base.html" %}
{% load static %}
{% load i18n %}
{% load l10n %}
{% load humanize %}
{% load admin_url %}
{% load mastodon %}
{% load oauth_token %}
{% load truncate %}
{% load strip_scheme %}
{% load thumb %}
{% load duration %}

<!-- class specific details -->
{% block details %}
<div class="entity-detail__fields">
	<div class="entity-detail__rating">
		{% if item.rating and item.rating_count >= 5 %}
		<span class="entity-detail__rating-star rating-star" data-rating-score="{{ item.rating | floatformat:"0" }}"></span>
		<span class="entity-detail__rating-score"> {{ item.rating | floatformat:1 }} </span>
		<small>({{ item.rating_count }}人评分)</small>
		{% else %}
		<span> {% trans '评分：评分人数不足' %}</span>
		{% endif %}
	</div>
	<div>{% if item.artist %}{% trans '艺术家：' %}
		{% for artist in item.artist %}
		<span {% if forloop.counter > 5 %}style="display: none;" {% endif %}>
			<span class="artist">{{ artist }}</span>
			{% if not forloop.last %} / {% endif %}
		</span>
		{% endfor %}
		{% if item.artist|length > 5 %}
		<a href="javascript:void(0);" id="artistMore">{% trans '更多' %}</a>
		<script>
			$("#artistMore").on('click', function (e) {
				$("span.artist:not(:visible)").each(function (e) {
					$(this).parent().removeAttr('style');
				});
				$(this).remove();
			})
		</script>
		{% endif %}
	{% endif %}</div>
	<div>{% if item.company %}{% trans '发行方：' %}
		{% for company in item.company %}
		<span {% if forloop.counter > 5 %}style="display: none;" {% endif %}>
			<span class="company">{{ company }}</span>
			{% if not forloop.last %} / {% endif %}
		</span>
		{% endfor %}
		{% if item.company|length > 5 %}
		<a href="javascript:void(0);" id="companyMore">{% trans '更多' %}</a>
		<script>
			$("#companyMore").on('click', function (e) {
				$("span.company:not(:visible)").each(function (e) {
					$(this).parent().removeAttr('style');
				});
				$(this).remove();
			})
		</script>
		{% endif %}
	{% endif %}</div>
	<div>{% if item.release_date %}
		{% trans '发行日期：' %}{{ item.release_date }}
		{% endif %}
	</div>
	<div>{% if item.duration %}
		{% trans '时长：' %}{{ item.duration|duration_format:1000 }}
		{% endif %}
	</div>
	<div>{% if item.genre %}
		{% trans '流派：' %}{{ item.genre }}
		{% endif %}
	</div>
	<div>{% if item.barcode %}
		{% trans '条形码：' %}{{ item.barcode }}
		{% endif %}
	</div>

</div>
<div class="entity-detail__fields">
	<div>{% if item.other_title %}
		{% trans '又名：' %}{{ item.other_title }}
		{% endif %}
	</div>
	<div>{% if item.album_type %}
		{% trans '专辑类型：' %}{{ item.album_type }}
		{% endif %}
	</div>
	<div>{% if item.media %}
		{% trans '介质：' %}{{ item.media }}
		{% endif %}
	</div>
	<div>{% if item.disc_count %}
		{% trans '碟片数：' %}{{ item.disc_count }}
		{% endif %}
	</div>

	{% if item.last_editor and item.last_editor.preference.show_last_edit %}
	<div>{% trans '最近编辑者：' %}<a href="{% url 'journal:user_profile' item.last_editor.mastodon_username %}">{{ item.last_editor | default:"" }}</a></div>
	{% endif %}

	<div>
		{% if user.is_authenticated %}
		<a href="{% url 'catalog:edit' item.url_path item.uuid %}">{% trans '编辑' %}{{ item.demonstrative }}</a>
		{% endif %}
	</div>
</div>
{% endblock %}

<!-- class specific sidebar -->
{% block sidebar %}
{% if item.get_embed_link %}
<iframe src="{{ item.get_embed_link }}"  height="320" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
{% endif %}
{% endblock %}