{% extends "base.html" %}
{% import "macros/ui.html" as ui %}

{% block title %}{{ t(key="nav-shop", lang=lang | default(value='sk')) }}{% endblock title %}

{% block breadcrumbs %}
{% set L = lang | default(value='sk') %}
<nav aria-label="breadcrumb" class="mb-5 text-sm">
  <ol class="flex flex-wrap items-center gap-1.5 text-on-surface/60 dark:text-on-surface-dark/60">
    {{ ui::crumb(label=t(key="nav-home", lang=L), href="/") }}
    {{ ui::crumb_current(label=t(key="nav-shop", lang=L)) }}
  </ol>
</nav>
{% endblock breadcrumbs %}

{% block content %}
{% set L = lang | default(value='sk') %}
<div class="space-y-6">
  <header class="space-y-1">
    <h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="shop-title", lang=L) }}</h1>
    <p class="text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="shop-subtitle", lang=L) }}</p>
  </header>

  {% include "shop/_search.html" %}
</div>
{% endblock content %}
