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

<div class="w-full relative px-4">
    <div class="max-w-3xl mx-auto">
        <h1 class="text-2xl font-bold pb-2 pt-8 text-center">Warenkörbe</h1>
        <div class="px-4 py-2 my-4 text-sm border rounded-xl md:mt-8 md:rounded-b-none md:mb-0 bg-gray-100 flex gap-4" id="numresults">
            <input type="button" id="new" value="Neuer Warenkorb" class="text-primary font-medium hover:underline cursor-pointer" />
            <input type="button" id="export" value="Exportieren" class="text-primary font-medium hover:underline cursor-pointer" />
            <input type="button" id="import" value="Importieren" class="text-primary font-medium hover:underline cursor-pointer" />
        </div>
        <table id="carts" class="carts w-full"></table>
        <input type="file" id="fileInput" class="hidden" />
    </div>
</div>
<script src="carts-new.js"></script>

%%_templates/_footer.html%%