{% extends "../base.html" %}

{% block title %}{{ _("Vendors") }}{% end block %}

{% block head %}
	{% module OpenGraph(
		title=_("IPFire Fireinfo - Vendors"),
		description="List of Vendors used with IPFire",
	) %}
{% end block %}

{% block container %}
	<section class="hero is-primary">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb is-medium" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="/">
								Home
							</a>
						</li>
						<li>
							<a href="/fireinfo">
								{{ _("Fireinfo") }}
							</a>
						</li>
						<li class="is-active">
							<a href="#">
								{{ _("Vendors") }}
							</a>
						</li>
					</ul>
				</nav>

				<h1 class="title is-1">{{ _("Vendors") }}</h1>
			</div>
		</div>
	</section>

	<section class="section">
		<div class="container">
			{% for vendor in sorted(vendors) %}
				<div class="columns">
					<div class="column is-4">{{ vendor }}</div>
					<div class="column is-3">
						{% for subsystem, vendor_id in sorted(vendors[vendor]) %}
							<a href="/fireinfo/vendors/{{ subsystem }}/{{ vendor_id }}">
								{{ subsystem.upper() }}
							</a>
						{% end %}
					</div>
				</div>
			{% end %}
		</div>
	</section>
{% end block %}