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

<div class="w-full relative px-4 flex-grow">
    <cart-header x-id="cartHeader"></cart-header>

    <div x-id="noItems" class="hidden block text-center my-3">
        __Noch keine Produkte im Warenkorb.__<br />
        __Produkte suchen und mit '+' zum Warenkorb hinzufügen.__
    </div>
    <items-filter x-id="cartFilter" stores nochartclear class="hidden" placeholder="__Filtern...__ __(min. 3 Zeichen)__"></items-filter>
    <items-list x-id="linkedCartList" chart json nosort class="hidden"></items-list>
    <items-list x-id="cartList" chart json nosort remove updown class="hidden"></items-list>
    <items-filter
        x-id="productsFilter"
        class="hidden"
        stores
        misc
        nochartclear
        placeholder="__Produkt hinzufügen...__ (__min. 3 Zeichen__)"
    ></items-filter>
    <items-list x-id="productsList" class="hidden" add></items-list>
    %%_templates/_loader.html%%
</div>

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

%%_templates/_footer.html%%