{% extends "base.html" %}

{% block container %}
<main class="container mt-4">
	{% if tabs %}
		<div class="row">
			<div class="col-md-3 mb-4">
				<div class="list-group">
					<a class="list-group-item list-group-item-action" href="{{ package.get_url('packages.view') }}">
						<span class="row m-0 p-0">
							<span class="col-auto m-0 p-0">
								<img class="img-fluid user-photo img-thumbnail img-thumbnail-1"
										src="{{ package.get_thumb_or_placeholder(1) }}"  loading="lazy"
										alt="{{ _('Thumbnail') }}" style="max-height: 20px;">
							</span>
							<span class="col m-0 p-0 ps-2">
								{{ package.title }}
							</span>
						</span>
					</a>
					{% for item in tabs %}
						<a href="{{ item.url }}"
								class="list-group-item list-group-item-action {% if item.id == current_tab %}active{% endif %}">
							{{ item.title }}
						</a>
					{% endfor %}
				</div>
			</div>
			<div class="col-md-9">
		{% endif %}

		{{ self.content() }}

		{% if tabs %}
			</div>
		</div>
	{% endif %}
</main>
{% endblock %}
