%%_templates/_header.html%% %%_templates/_menu.html%%

<div class="w-full max-w-5-xl relative px-4 flex-1">
    <div class="flex flex-row w-full justify-center font-bold text-primary gap-4 mt-4">
        <a class="border rounded-md" href="https://www.youtube.com/watch?v=2u-T85yMKGI">🎥 Video Anleitung</a>
        <a href="https://docs.google.com/document/d/1Q5OWJOICXjSzTEIHBZgJl1p3FsiWFO0lzXIuwGbXBck/edit?usp=sharing" target="_blank"
            >📖 Text Anleitung</a
        >
    </div>
    <h1 class="text-2xl font-bold pb-2 pt-8 text-center">Produktsuche</h1>
    <items-filter x-id="items-filter" emptyquery stores misc></items-filter>
    <items-list share json chart></items-list>
    %%_templates/_loader.html%%
</div>

<script src="index.js"></script>

%%_templates/_footer.html%%