www.nutrend.cz
Open in
urlscan Pro
81.95.110.37
Public Scan
Submitted URL: https://system.send360.pl/redirect/index.php?lid=C49D0B25-C8FA-43DB-AE03-868BD431405B&mccid=6814B476-0B2E-4711-99AF-D60E78...
Effective URL: https://www.nutrend.cz/produkt/shaker-737/maskacove-logo-700-ml
Submission: On July 14 via api from BE — Scanned from PL
Effective URL: https://www.nutrend.cz/produkt/shaker-737/maskacove-logo-700-ml
Submission: On July 14 via api from BE — Scanned from PL
Form analysis 18 forms found in the DOM
POST /handler-router
<form class="w-full lg:px-4" action="/handler-router" method="post">
<input type="hidden" name="method" value="js">
<input type="hidden" name="module" value="/search/handle-form">
<div class="relative flex w-full" x-data="{
query: ``,
results: [],
length: 0,
performSearch (query) {
const filteredQuery = query.replace(/[\/\\@.]/g, '');
fetch(`/search/${encodeURIComponent(filteredQuery)}`)
.then(response => response.json())
.then(results => {
this.results = results.hits
this.length = results.nbHits > 20 ? `20+` : results.nbHits
if (results.fb_pixel_tracking_events) {
window.processFbPixelTrackingEvents(results.fb_pixel_tracking_events);
}
})
},
init () {
this.$watch(`query`, (query) => {
if(query.length > 0){
this.performSearch(query)
}
})
}
}">
<div class="relative w-full">
<input type="text" id="search_input_field" autocomplete="off"
class="group flex w-full items-center justify-between rounded-xl border border-silver-100 px-[15px] py-2 text-left text-sm leading-5 text-silver-500 transition-all hover:border-silver-900 focus:border-silver-900 focus:ring-1 focus:ring-silver-900 md:py-[11px] md:text-base md:leading-6 xl:rounded-2xl"
name="search_input_field" placeholder="Hledat ..." x-ref="searchFocus" @click="showSearch=true" x-model.debounce.500ms="query">
<button type="button" class="absolute right-0 top-1/2 flex h-full w-12 -translate-y-1/2 appearance-none items-center justify-center rounded-2xl text-silver-600 transition-colors lg:w-14">
<svg class="h-5 w-5 opacity-70 transition-opacity hover:opacity-100 md:h-6 md:w-6" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg">
<path
d="M26.2858 26.2858L21.3144 21.3144M24.0001 14.8572C24.0001 19.9067 19.9067 24.0001 14.8572 24.0001C9.80775 24.0001 5.71436 19.9067 5.71436 14.8572C5.71436 9.80775 9.80775 5.71436 14.8572 5.71436C19.9067 5.71436 24.0001 9.80775 24.0001 14.8572Z"
stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
<div class="absolute left-0 top-full mt-px max-h-[calc(100vh-128px)] w-full overflow-y-auto rounded-2xl bg-white shadow-lg" x-show="showSearch" x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 -translate-y-8" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"
style="display: none;">
<!-- Results -->
<div class="px-4 py-6 md:px-6 md:py-8 lg:px-8 lg:py-10" x-show="query.length" style="display: none;">
<div class="flex items-start justify-between">
<p class="mb-2 text-sm text-silver-900 lg:mb-4">
<span x-text="length">0</span> výsledků nalezeno na váš výraz <span class="text-crimson-600 font-bold" x-text="query"></span> .
</p>
<!-- Button Close Modal -->
<a class="rounded-full p-2 transition-colors hover:bg-concrete-100 lg:right-6 lg:top-6" href="#!" @click="showSearch = false">
<svg class="h-5 w-5 text-silver-500 transition-colors group-hover:text-silver-900" viewBox="0 0 28 28" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M20 8L8 20M8 8L20 20" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div x-show="results.voucher" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Dárkové poukazy </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.voucher" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.bundle && results.bundle.length > 0" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Produktové balíčky </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.bundle" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.product" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Produkty </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.product" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
<template x-if="result.template_buying_allowed">
<div class="ml-auto flex flex-col items-end text-right" x-data="{
show_from: false
}">
<div class="flex gap-2 text-right">
<template x-if="result.priceVat > result.priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="result.priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight" :class="result.priceVat > result.priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="(show_from ? 'od ' : '') + result.priceVatSale.toLocaleString(appLocale,appLocaleOptions)"></p>
</div>
</div>
</template>
</a>
</template>
</div>
</div>
<div x-show="results.page" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Stránky </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.page" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.article" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Články </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.article" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
<div x-show="results.store" style="display: none;">
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Prodejny </h3>
<div class="-mx-2 gap-2">
<template x-for="result in results.store" :key="result.objectID">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" :href="result.link + '?sfa&aoi=' + result.objectID + '&aqi=' + result.query_id + '&aro=' + result.order_list">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" :src="result.image" :alt="result.name">
<div>
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base" x-html="result.title"></h4>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm" x-text="result.description"></p>
</div>
</a>
</template>
</div>
</div>
</div>
<!-- Before Search -->
<div class="px-4 py-6 md:px-6 md:py-8 lg:px-8 lg:py-10" x-show="query.length==0">
<div class="flex items-start justify-between">
<h3 class="mb-2 text-base font-bold text-silver-900 lg:mb-4"> Často hledané </h3>
<!-- Button Close Modal -->
<a class="rounded-full p-2 transition-colors hover:bg-concrete-100 lg:right-6 lg:top-6" href="#!" @click="showSearch = false">
<svg class="h-5 w-5 text-silver-500 transition-colors group-hover:text-silver-900" viewBox="0 0 28 28" fill="none" stroke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M20 8L8 20M8 8L20 20" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div class="flex flex-wrap gap-x-2">
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/proteiny">Proteiny</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/bcaa">BCAA</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/kreatin">Kreatin</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/nutrend-team">NUTREND Team</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/just-live-well">Just Live Well</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/bestsellery">Bestsellery</a>
<a class="mb-2 flex rounded-xl bg-concrete-100 px-2 py-1 text-[13px] font-semibold text-silver-500 hover:bg-concrete-200 hover:text-silver-900 focus:bg-concrete-200 focus:text-silver-900 focus:outline-none lg:px-4 lg:py-2 lg:text-sm" href="/spalujici-leto">Spalující léto</a>
</div>
<h3 class="my-2 text-base font-bold text-silver-900 lg:my-4"> Oblíbené produkty </h3>
<div class="-mx-2 gap-2">
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/produkt/excelent-protein-bar-33/85-g-ananas-s-kokosem-v-jogurtove-poleve">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/ffec99e6-4678-4141-cd01-4626ccc14d00/productCatalog" alt="Excelent Protein Bar">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Excelent Protein Bar, 85 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Bestseller mezi proteinovými tyčinkami
</p>
</div>
<div class="ml-auto flex flex-col items-end text-right" x-data="{
priceVat: 49,
priceVatSale: 49,
priceBase: 43.75,
priceBaseSale: 43.75
}">
<div class="flex gap-2 text-right">
<template x-if="priceVat > priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight text-silver-900" :class="priceVat > priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="priceVatSale.toLocaleString(appLocale,appLocaleOptions)">49 Kč</p>
</div>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/produkt/creatine-monohydrate-112/300-g-bez-prichute">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/a70c9f51-7eb6-490a-9880-86ee9d45c200/productCatalog" alt="Creatine Monohydrate">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Creatine Monohydrate, 300 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Pro podporu síly a fyzického výkonu
</p>
</div>
<div class="ml-auto flex flex-col items-end text-right" x-data="{
priceVat: 480,
priceVatSale: 480,
priceBase: 396.69,
priceBaseSale: 396.69
}">
<div class="flex gap-2 text-right">
<template x-if="priceVat > priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight text-silver-900" :class="priceVat > priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="priceVatSale.toLocaleString(appLocale,appLocaleOptions)">480 Kč</p>
</div>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/produkt/creatine-monohydrate-creapurer-138/500-g-bez-prichute">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/ded2dcd7-cec0-47ee-d968-32b49b317d00/productCatalog" alt="Creatine Monohydrate (Creapure®)">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Creatine Monohydrate (Creapure®), 500 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Pro podporu síly a fyzického výkonu
</p>
</div>
<div class="ml-auto flex flex-col items-end text-right" x-data="{
priceVat: 790,
priceVatSale: 790,
priceBase: 652.89,
priceBaseSale: 652.89
}">
<div class="flex gap-2 text-right">
<template x-if="priceVat > priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight text-silver-900" :class="priceVat > priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="priceVatSale.toLocaleString(appLocale,appLocaleOptions)">790 Kč</p>
</div>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/produkt/unisport-153/1000-ml-ananas">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/04d62f3e-ed03-4afb-65aa-b9d42d6a1600/productCatalog" alt="Unisport">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
Unisport, 1000 ml
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Hypotonický sportovní nápoj
</p>
</div>
<div class="ml-auto flex flex-col items-end text-right" x-data="{
priceVat: 450,
priceVatSale: 450,
priceBase: 401.79,
priceBaseSale: 401.79
}">
<div class="flex gap-2 text-right">
<template x-if="priceVat > priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight text-silver-900" :class="priceVat > priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="priceVatSale.toLocaleString(appLocale,appLocaleOptions)">450 Kč</p>
</div>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/produkt/100-whey-protein-333/2250-g-pomeranc">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/0591becd-2558-4411-1fef-1f0fee6d9100/productCatalog" alt="100% Whey Protein">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
100% Whey Protein, 2250 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Prvotřídní syrovátkový protein
</p>
</div>
<div class="ml-auto flex flex-col items-end text-right" x-data="{
priceVat: 1290,
priceVatSale: 1290,
priceBase: 1151.79,
priceBaseSale: 1151.79
}">
<div class="flex gap-2 text-right">
<template x-if="priceVat > priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight text-silver-900" :class="priceVat > priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="priceVatSale.toLocaleString(appLocale,appLocaleOptions)">1 290 Kč</p>
</div>
</div>
</a>
<a class="group flex items-center gap-2 overflow-hidden rounded-xl p-2 transition-colors hover:bg-concrete-100 hover:backdrop-opacity-100 focus:bg-concrete-100 focus:outline-none" href="/produkt/n1-421/510-g-cerny-rybiz">
<img class="h-16 w-16 shrink-0 rounded-lg object-cover mix-blend-darken" src="https://imagedelivery.net/v_g237akqysjqDvfyOsFkg/a964f2c9-1dd0-45d0-ac5b-f8fa486b1500/productCatalog" alt="N1">
<div>
<div class="flex flex-row gap-2">
<h4 class="line-clamp-2 text-sm font-bold leading-tight text-silver-900 group-hover:text-nutrend-600 group-focus:text-nutrend-600 lg:text-base">
N1, 510 g
</h4>
</div>
<p class="line-clamp-1 text-[13px] text-silver-500 md:text-sm">
Světový bestseller mezi pre-workouty
</p>
</div>
<div class="ml-auto flex flex-col items-end text-right" x-data="{
priceVat: 820,
priceVatSale: 820,
priceBase: 732.14,
priceBaseSale: 732.14
}">
<div class="flex gap-2 text-right">
<template x-if="priceVat > priceVatSale">
<p class="text-[13px] text-silver-300 line-through md:text-sm" x-text="priceVat.toLocaleString(appLocale,appLocaleOptions)"></p>
</template>
<p class="font-bold leading-tight text-silver-900" :class="priceVat > priceVatSale ? 'text-green-600' : 'text-silver-900'" x-text="priceVatSale.toLocaleString(appLocale,appLocaleOptions)">820 Kč</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</form>POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/produkt/shaker-737/maskacove-logo-700-ml">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="openLogin=false;openPassword=true">Zapomněli jste heslo?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Přihlásit se
</button>
</form>POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/produkt/shaker-737/maskacove-logo-700-ml">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="login_b2b=false;openPassword=true">Zapomněli jste heslo?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Přihlásit se
</button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="login_sms">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Telefon</span>
<input type="text" class="block w-full rounded-xl rounded-bl-none rounded-tl-none border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4" value=""
name="phone_number" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
</div>
<button type="submit" name="login_sms_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Poslat kód </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="sms_auth">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Vložte kód </span>
<input type="text" name="pin" required="" x-mask="9 9 9 9 9 9" class="block w-full rounded-xl border-silver-100 px-6 py-3 text-lg transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="sms_auth_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Ověřit kód
</button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="forgotten_password">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="change_password_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Změnit heslo </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input required="" name="email" type="email" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Jméno</span>
<input required="" name="first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="given-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Příjmení</span>
<input required="" name="last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="family-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input required="" type="password" name="password" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo znovu </span>
<input required="" type="password" name="password_again" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Telefon</span>
<input autocomplete="tel" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> Souhlasím s podmínkami <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/zasady-zpracovani-osobnich-udaju">zpracování osobních údajů</a> a chci vstoupit do NUTREND
klubu. </span>
</label>
</div>
<button type="submit" name="submit_signup"
class="app--timeout-btn mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive" disabled="true" data-timeout-duration="4"> Registrovat se </button>
</form>POST /handler-router
<form method="post" action="/handler-router" x-data="{
handleEvent: function (e, $el, $data){
if(e.type === 'change' || e.type === 'keyup'){
$store.b2b_signup.validateField('basic', $el, $data);
}
}
}" x-init="$store.b2b_signup.addForm($el);">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="b2b_user_signup">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<h5 class="mb-4 text-sm font-bold text-silver-900 md:text-base">Fakturační údaje</h5>
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-2 gap-4">
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">IČO</span>
<input x-data="{
uid: 'bussiness_ico',
has_error: false
}" required="" name="bussiness_ico" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization-id"
x-mask="99999999" x-model="$store.b2b_signup.ico" @input.debounce.500="$store.b2b_signup.send_api_ares_request($store.b2b_signup.ico)" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">DIČ</span>
<input x-data="{
uid: 'bussiness_dic',
has_error: false
}" required="" name="bussiness_dic" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'"
autocomplete="organization-tax-id" x-mask="aa9999999999" x-model="$store.b2b_signup.dic" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Název společnosti</span>
<input x-data="{
uid: 'bussiness_company',
has_error: false
}" required="" name="bussiness_company" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization"
x-model="$store.b2b_signup.company" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Jméno</span>
<input x-data="{
uid: 'bussiness_first_name',
has_error: false
}" required="" name="bussiness_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
x-model="$store.b2b_signup.first_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Příjmení</span>
<input x-data="{
uid: 'bussiness_last_name',
has_error: false
}" required="" name="bussiness_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
x-model="$store.b2b_signup.last_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Telefon</span>
<input x-data="{
uid: 'bussiness_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" name="bussiness_phone" value=""
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Ulice, .č.p.</span>
<input x-data="{
uid: 'bussiness_street',
has_error: false
}" required="" name="bussiness_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
x-model="$store.b2b_signup.address" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Město</span>
<input x-data="{
uid: 'bussiness_city',
has_error: false
}" required="" name="bussiness_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
x-model="$store.b2b_signup.city" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">PSČ</span>
<input x-data="{
uid: 'bussiness_zip',
has_error: false
}" required="" name="bussiness_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
x-model="$store.b2b_signup.zip" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Země</span>
<select required="" name="bussiness_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country"
x-model="$store.b2b_signup.country">
<option value="1">Česká republika</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Dodací údaje</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Upřesnění adresy</span>
<input name="shipping_address_specification" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Jméno</span>
<input x-data="{
uid: 'shipping_first_name',
has_error: false
}" required="" name="shipping_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Příjmení</span>
<input x-data="{
uid: 'shipping_last_name',
has_error: false
}" required="" name="shipping_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Telefon</span>
<input x-data="{
uid: 'shipping_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" value="" name="shipping_phone"
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Ulice, .č.p.</span>
<input x-data="{
uid: 'shipping_street',
has_error: false
}" required="" name="shipping_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Město</span>
<input x-data="{
uid: 'shipping_city',
has_error: false
}" required="" name="shipping_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">PSČ</span>
<input x-data="{
uid: 'shipping_zip',
has_error: false
}" required="" name="shipping_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Země</span>
<select required="" name="shipping_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country">
<option value="1">Česká republika</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Účet</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input x-data="{
uid: 'email',
has_error: false
}" required="" name="email" type="email" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="email"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input x-data="{
uid: 'password',
has_error: false
}" required="" type="password" name="password" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo znovu </span>
<input x-data="{
uid: 'password_again',
has_error: false
}" required="" type="password" name="password_again" class="block w-full rounded-xl px-6 py-3 transition-colors"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-2 relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> Souhlasím s podmínkami <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/zasady-zpracovani-osobnich-udaju">zpracování osobních údajů</a> a chci vstoupit do NUTREND
klubu. </span>
</label>
</div>
<button x-data="{
is_form_valid: false,
}" type="submit" name="submit_b2b_signup" data-timeout-duration="4"
class="app--timeout-btn mt-8 w-full rounded-2xl border bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base disabled:bg-nutrend-300 disabled:cursor-not-allowed"
:disabled="!is_form_valid" x-init="$store.b2b_signup.addSubmitButton($el, $data);"> Registrovat se </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup_finish">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Datum narození</span>
<input name="birthday" type="date" class="block w-full rounded-xl border-silver-100 px-6 py-3 placeholder-silver-500 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Pohlaví</span>
<select name="gender" class="-mr-[1px] block rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="" selected="" disabled=""> Vyberte </option>
<option value="male">Muž</option>
<option value="female">Žena</option>
<option value="none">Nechci uvádět</option>
</select>
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Odkud jste?</span>
<select name="personal_countries_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Vyberte</option>
<option value="1">Česká republika</option>
</select>
</label>
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> Kam vám doručíme balíček? </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Ulice, .č.p.</span>
<input name="delivery_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Město</span>
<input name="delivery_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">PSČ</span>
<input name="delivery_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Země</span>
<select name="delivery_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Vyberte</option>
<option value="1">Česká republika</option>
</select>
</label>
<div class="hidden space-y-4" :class="{ 'hidden': ! deliveryAddress }" x-show="deliveryAddress" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-8"
x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> Fakturační adresa </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Jméno</span>
<input name="billing_first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Příjmení</span>
<input name="billing_last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Telefon</span>
<input type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="billing_phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Název společnosti</span>
<input name="billing_company" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">IČO</span>
<input name="billing_ico" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="99999999">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">DIČ</span>
<input name="billing_dic" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="aa99999999">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Ulice, .č.p.</span>
<input name="billing_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Město</span>
<input name="billing_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">PSČ</span>
<input name="billing_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Země</span>
<select name="billing_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="1">Česká republika</option>
<option value="2">Slovensko</option>
</select>
</label>
</div>
</div>
<button type="submit" name="submit_signup_completion"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Dokončit </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="ecomail_signin">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Jméno </span>
<input name="first_name" type="text" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Příjmení </span>
<input name="last_name" type="text" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3" style="display: none !important">
<input type="text" style="display: none !important" name="company_address_website">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Telefon</span>
<input type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="phone" x-mask:dynamic="phoneDynamicMask($input, $el)"
@keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2"></span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> E-mail </span>
<input name="email" type="email" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="ecomail_submit"
class="app--timeout-btn mt-8 w-full rounded-2xl border border-silver-900 bg-silver-900 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-600 hover:bg-nutrend-600 hover:text-white md:px-12 md:py-4 md:text-base"
disabled="true" data-timeout-duration="7"> Pokračovat </button>
</form>POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/produkt/shaker-737/maskacove-logo-700-ml">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="openLogin=false;openPassword=true">Zapomněli jste heslo?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Přihlásit se
</button>
</form>POST /login
<form method="post" action="/login">
<input type="hidden" name="origin_url" value="/produkt/shaker-737/maskacove-logo-700-ml">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input type="password" name="user_password" required="" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="current-password">
</label>
<a href="#!" class="self-end text-[13px] text-silver-400 transition-colors hover:text-nutrend-600" @click="login_b2b=false;openPassword=true">Zapomněli jste heslo?</a>
</div>
<button type="submit" name="login"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Přihlásit se
</button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="login_sms">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Telefon</span>
<input type="text" class="block w-full rounded-xl rounded-bl-none rounded-tl-none border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4" value=""
name="phone_number" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Zadejte ve formátu: </span>
</label>
</div>
<button type="submit" name="login_sms_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Poslat kód </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="sms_auth">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Vložte kód </span>
<input type="text" name="pin" required="" x-mask="9 9 9 9 9 9" class="block w-full rounded-xl border-silver-100 px-6 py-3 text-lg transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="sms_auth_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"> Ověřit kód
</button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="forgotten_password">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input type="email" name="user_name" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<button type="submit" name="change_password_submit"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Změnit heslo </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input required="" name="email" type="email" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="email">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Jméno</span>
<input required="" name="first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="given-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Příjmení</span>
<input required="" name="last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="family-name">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input required="" type="password" name="password" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo znovu </span>
<input required="" type="password" name="password_again" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="new-password">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Telefon</span>
<input autocomplete="tel" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Zadejte ve formátu: </span>
</label>
<label class="relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> Souhlasím s podmínkami <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/zasady-zpracovani-osobnich-udaju">zpracování osobních údajů</a> a chci vstoupit do NUTREND
klubu. </span>
</label>
</div>
<button type="submit" name="submit_signup"
class="app--timeout-btn mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive" disabled="true" data-timeout-duration="4"> Registrovat se </button>
</form>POST /handler-router
<form method="post" action="/handler-router" x-data="{
handleEvent: function (e, $el, $data){
if(e.type === 'change' || e.type === 'keyup'){
$store.b2b_signup.validateField('basic', $el, $data);
}
}
}" x-init="$store.b2b_signup.addForm($el);">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="b2b_user_signup">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<h5 class="mb-4 text-sm font-bold text-silver-900 md:text-base">Fakturační údaje</h5>
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-2 gap-4">
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">IČO</span>
<input x-data="{
uid: 'bussiness_ico',
has_error: false
}" required="" name="bussiness_ico" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization-id"
x-mask="99999999" x-model="$store.b2b_signup.ico" @input.debounce.500="$store.b2b_signup.send_api_ares_request($store.b2b_signup.ico)" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">DIČ</span>
<input x-data="{
uid: 'bussiness_dic',
has_error: false
}" required="" name="bussiness_dic" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'"
autocomplete="organization-tax-id" x-mask="aa9999999999" x-model="$store.b2b_signup.dic" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Název společnosti</span>
<input x-data="{
uid: 'bussiness_company',
has_error: false
}" required="" name="bussiness_company" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="organization"
x-model="$store.b2b_signup.company" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Jméno</span>
<input x-data="{
uid: 'bussiness_first_name',
has_error: false
}" required="" name="bussiness_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
x-model="$store.b2b_signup.first_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Příjmení</span>
<input x-data="{
uid: 'bussiness_last_name',
has_error: false
}" required="" name="bussiness_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
x-model="$store.b2b_signup.last_name" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Telefon</span>
<input x-data="{
uid: 'bussiness_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" name="bussiness_phone" value=""
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Zadejte ve formátu: </span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Ulice, .č.p.</span>
<input x-data="{
uid: 'bussiness_street',
has_error: false
}" required="" name="bussiness_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
x-model="$store.b2b_signup.address" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Město</span>
<input x-data="{
uid: 'bussiness_city',
has_error: false
}" required="" name="bussiness_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
x-model="$store.b2b_signup.city" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">PSČ</span>
<input x-data="{
uid: 'bussiness_zip',
has_error: false
}" required="" name="bussiness_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
x-model="$store.b2b_signup.zip" @keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Země</span>
<select required="" name="bussiness_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country"
x-model="$store.b2b_signup.country">
<option value="1">Česká republika</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Dodací údaje</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5">Upřesnění adresy</span>
<input name="shipping_address_specification" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Jméno</span>
<input x-data="{
uid: 'shipping_first_name',
has_error: false
}" required="" name="shipping_first_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="given-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Příjmení</span>
<input x-data="{
uid: 'shipping_last_name',
has_error: false
}" required="" name="shipping_last_name" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="family-name"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Telefon</span>
<input x-data="{
uid: 'shipping_phone',
has_error: false
}" autocomplete="tel" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" value="" name="shipping_phone"
required="" x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;" @keyup.window="handleEvent($event, $el, $data)"
@change.window="handleEvent($event, $el, $data)">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Zadejte ve formátu: </span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Ulice, .č.p.</span>
<input x-data="{
uid: 'shipping_street',
has_error: false
}" required="" name="shipping_street" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="street-address"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<div class="grid grid-cols-3 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Město</span>
<input x-data="{
uid: 'shipping_city',
has_error: false
}" required="" name="shipping_city" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="address-level2"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">PSČ</span>
<input x-data="{
uid: 'shipping_zip',
has_error: false
}" required="" name="shipping_zip" type="text" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="postal-code"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
</div>
<label class="col-span-1 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">Země</span>
<select required="" name="shipping_countries_id" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" autocomplete="country">
<option value="1">Česká republika</option>
</select>
</label>
</div>
<h5 class="my-4 text-sm font-bold text-silver-900 md:text-base">Účet</h5>
<div class="grid grid-cols-2 gap-4">
<label class="col-span-2 relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']">E-mail</span>
<input x-data="{
uid: 'email',
has_error: false
}" required="" name="email" type="email" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="email"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo </span>
<input x-data="{
uid: 'password',
has_error: false
}" required="" type="password" name="password" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500 after:ml-0.5 after:text-nutrend-600 after:content-['*']"> Heslo znovu </span>
<input x-data="{
uid: 'password_again',
has_error: false
}" required="" type="password" name="password_again" class="block w-full rounded-xl px-6 py-3 transition-colors border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900"
:class="has_error ? 'border-nutrend-300 hover:border-nutrend-300 focus:border-nutrend-300 focus:ring-nutrend-300' : 'border-silver-100 hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900'" autocomplete="new-password"
@keyup.window="handleEvent($event, $el, $data)" @change.window="handleEvent($event, $el, $data)">
</label>
<label class="col-span-2 relative flex items-start pt-3">
<input class="mt-0.5 h-5 w-5 rounded-md border border-silver-100 text-silver-900 accent-silver-900 focus:ring-silver-900" type="checkbox" required="">
<span class="ml-2 text-sm text-silver-500"> Souhlasím s podmínkami <a class="text-silver-900 underline transition-colors hover:text-nutrend-600" href="/zasady-zpracovani-osobnich-udaju">zpracování osobních údajů</a> a chci vstoupit do NUTREND
klubu. </span>
</label>
</div>
<button x-data="{
is_form_valid: false,
}" type="submit" name="submit_b2b_signup" data-timeout-duration="4"
class="app--timeout-btn mt-8 w-full rounded-2xl border bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base disabled:bg-nutrend-300 disabled:cursor-not-allowed"
:disabled="!is_form_valid" x-init="$store.b2b_signup.addSubmitButton($el, $data);" disabled="disabled"> Registrovat se </button>
</form>POST /handler-router
<form method="post" action="/handler-router">
<input type="hidden" name="module" value="Form">
<input type="hidden" name="method" value="user_signup_finish">
<input type="hidden" name="origin" value="/produkt/shaker-737/maskacove-logo-700-ml">
<input type="hidden" name="lang_id" value="2">
<div class="flex flex-col space-y-4">
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Datum narození</span>
<input name="birthday" type="date" class="block w-full rounded-xl border-silver-100 px-6 py-3 placeholder-silver-500 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Pohlaví</span>
<select name="gender" class="-mr-[1px] block rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="" selected="" disabled=""> Vyberte </option>
<option value="male">Muž</option>
<option value="female">Žena</option>
<option value="none">Nechci uvádět</option>
</select>
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Odkud jste?</span>
<select name="personal_countries_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Vyberte</option>
<option value="1">Česká republika</option>
</select>
</label>
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> Kam vám doručíme balíček? </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Ulice, .č.p.</span>
<input name="delivery_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Město</span>
<input name="delivery_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">PSČ</span>
<input name="delivery_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Země</span>
<select name="delivery_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="0">Vyberte</option>
<option value="1">Česká republika</option>
</select>
</label>
<div class="hidden space-y-4" :class="{ 'hidden': ! deliveryAddress }" x-show="deliveryAddress" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-8"
x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;">
<h5 class="pt-4 text-sm font-bold text-silver-900 md:text-base"> Fakturační adresa </h5>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Jméno</span>
<input name="billing_first_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Příjmení</span>
<input name="billing_last_name" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block pt-3" x-data="{
sectionHasError:false,
msg: 'Zadejte ve formátu:',
msg2: ''
}">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Telefon</span>
<input type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" value="" name="billing_phone"
x-mask:dynamic="phoneDynamicMask($input, $el)" x-on:keyup="sectionHasError = ($el.dataset.phonehaserr == 1 ? true : false);msg2 = $el.dataset.msg2;">
<span x-show="sectionHasError" class="block text-[13px] leading-tight text-nutrend-600" x-html="msg + ' ' + msg2" style="display: none;">Zadejte ve formátu: </span>
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Název společnosti</span>
<input name="billing_company" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">IČO</span>
<input name="billing_ico" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="99999999">
</label>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">DIČ</span>
<input name="billing_dic" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4" x-mask="aa99999999">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Ulice, .č.p.</span>
<input name="billing_street" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<div class="flex space-x-4">
<label class="relative block grow pt-3">
<span class="absolute left-3 top-0 block bg-white px-3 text-[13px] leading-6 text-silver-500">Město</span>
<input name="billing_city" type="text" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
<label class="relative block w-28 pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">PSČ</span>
<input name="billing_zip" type="text" x-mask="999 99" class="block w-full rounded-xl border-silver-100 px-6 py-3 transition-colors hover:border-silver-900 focus:border-silver-900 focus:ring-silver-900 md:py-4">
</label>
</div>
<label class="relative block pt-3">
<span class="absolute left-3 top-0 z-20 block bg-white px-3 text-[13px] leading-6 text-silver-500">Země</span>
<select name="billing_country_id" class="-mr-[1px] block w-full rounded-xl border-silver-100 px-6 py-3 pr-8 text-silver-500 transition-colors hover:border-silver-900 focus:z-10 focus:border-silver-900 focus:ring-silver-900 md:py-4">
<option value="1">Česká republika</option>
<option value="2">Slovensko</option>
</select>
</label>
</div>
</div>
<button type="submit" name="submit_signup_completion"
class="mt-8 w-full rounded-2xl border border-nutrend-600 bg-nutrend-600 px-8 py-3 text-sm font-semibold text-white transition-colors hover:border-nutrend-700 hover:bg-nutrend-700 hover:text-white md:px-12 md:py-4 md:text-base"
x-state:on="item active" x-state:off="item inactive"> Dokončit </button>
</form>Text Content
Petra Kvitová doporučuje Napumpovanější svaly s citrulin malátem Dárek k nákupu nad 2 500 Kč Dismiss popup 0 výsledků nalezeno na váš výraz . DÁRKOVÉ POUKAZY PRODUKTOVÉ BALÍČKY PRODUKTY STRÁNKY ČLÁNKY PRODEJNY ČASTO HLEDANÉ Proteiny BCAA Kreatin NUTREND Team Just Live Well Bestsellery Spalující léto OBLÍBENÉ PRODUKTY EXCELENT PROTEIN BAR, 85 G Bestseller mezi proteinovými tyčinkami 49 Kč CREATINE MONOHYDRATE, 300 G Pro podporu síly a fyzického výkonu 480 Kč CREATINE MONOHYDRATE (CREAPURE®), 500 G Pro podporu síly a fyzického výkonu 790 Kč UNISPORT, 1000 ML Hypotonický sportovní nápoj 450 Kč 100% WHEY PROTEIN, 2250 G Prvotřídní syrovátkový protein 1 290 Kč N1, 510 G Světový bestseller mezi pre-workouty 820 Kč VÍTEJTE ZPĚT! E-mail Heslo Zapomněli jste heslo? Přihlásit se nebo Přihlásit přes SMS Nemáte účet? Vytvořit účet Nakupujete na firmu? Vytvořit firemní účet PŘIHLÁŠENÍ PRO B2B E-mail Heslo Zapomněli jste heslo? Přihlásit se nebo Přihlásit přes SMS Chcete se stát B2B partnerem? Staňte se distributorem PŘIHLÁŠENÍ POMOCÍ SMS KÓDU Telefon Poslat kód nebo Pomocí hesla Nemáte účet? Vytvořit účet ZADEJTE SMS KÓD Vložte kód Ověřit kód Nepřišel Vám kód? Poslat znovu ZAPOMENUTÉ HESLO Vyplňte svůj e-mail, na který vám zašleme pokyny ke změně hesla. E-mail Změnit heslo nebo Vzpomněli jste si na heslo? Přihlašte se zde VYTVOŘIT NOVÝ ÚČET Přidejte se k 30 tisícům registrovaných členů a užívejte si výhody NUTREND Klubu. E-mail Jméno Příjmení Heslo Heslo znovu Telefon Souhlasím s podmínkami zpracování osobních údajů a chci vstoupit do NUTREND klubu. Registrovat se Již jste členem? Přihlásit se VYTVOŘIT NOVÝ FIREMNÍ ÚČET FAKTURAČNÍ ÚDAJE IČO DIČ Název společnosti Jméno Příjmení Telefon Ulice, .č.p. Město PSČ Země Česká republika DODACÍ ÚDAJE Upřesnění adresy Jméno Příjmení Telefon Ulice, .č.p. Město PSČ Země Česká republika ÚČET E-mail Heslo Heslo znovu Souhlasím s podmínkami zpracování osobních údajů a chci vstoupit do NUTREND klubu. Registrovat se Již jste členem? Přihlásit se REGISTRACE PROBĚHLA ÚSPĚŠNĚ! Nyní můžete využívat výhody Klubu NUTREND. Vyplňte další údaje o sobě nebo pokračujte v nákupu. Pokračovat k nákupu. Doplnit údaje k účtu NĚCO O VÁS Datum narození Pohlaví Vyberte Muž Žena Nechci uvádět Odkud jste? Vyberte Česká republika KAM VÁM DORUČÍME BALÍČEK? Ulice, .č.p. Město PSČ Země Vyberte Česká republika FAKTURAČNÍ ADRESA Jméno Příjmení Telefon Název společnosti IČO DIČ Ulice, .č.p. Město PSČ Země Česká republika Slovensko Dokončit Chybí Vám ještě k dopravě zdarma Objednávku vám doručíme zdarma PRODUKTY Nakupte ještě za a získáte dárek k nákupu. Nakupte ještě za a získáte lepší dárek k vašemu nákupu. Výborně! Dárek si vyberte v košíku. Produkty Akce Celkem Košík Objednat #Bořímemýty Proteiny PROTEINY Syrovátkový protein Hovězí protein Kasein Rostlinný protein Kolagen Proteinová jídla Proteinové svačiny Proteinové tyčinky DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní 100% WHEY PROTEIN Prvotřídní syrovátkový protein AFTER TRAINING PROTEIN Potréninkový protein Nabírání svalů NABÍRÁNÍ SVALŮ Gainery Sacharidy Proteiny BCAA Aminokyseliny Testosteronové stimulanty Stimulanty & anabolizéry Kreatin DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní CREATINE MONOHYDRATE Pro podporu síly a fyzického výkonu MASS CORE Gainer pro regeneraci a růst svalů Energie & vytrvalost ENERGIE & VYTRVALOST Pre-workouty Stimulanty & energizéry Kreatin BCAA Karnitin Energetické tyčinky Energetické gely Energetické nápoje DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní UNISPORT Hypotonický sportovní nápoj PUMP Pre-workout bez kofeinu Redukce hmotnosti REDUKCE HMOTNOSTI Spalovače Dietní jídla Dietní nápoje S nízkým obsahem cukru & bez cukru Jídla s vlákninou Dietní tyčinky & snacky DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní THERMOBOOSTER SHOT Spalovač do redukčních tréninků FAT DIRECT Noční spalovač Akce AKCE Novinky Dárkové balení Akční nabídka Vzorky Balíčky DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní MAGNESLIFE STRONG 375 mg hořčíku v shotu ENDURANCE BAR Tyčinka pro rychlé doplnění energie Tyčinky & shoty TYČINKY & SHOTY Cereální tyčinky Ořechové tyčinky Proteinové tyčinky Energetické tyčinky Ovocné tyčinky Energetické shoty Pre-Workout shoty Spalovače shoty DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní PUMP SHOT Pre-workout bez kofeinu QWIZZ PROTEIN BAR Tyčinka s proteinovými křupinkami a karamelem Přihlásit / Registrovat #Bořímemýty Proteiny Zpět PROTEINY Syrovátkový protein Hovězí protein Kasein Rostlinný protein Kolagen Proteinová jídla Proteinové svačiny Proteinové tyčinky DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní 100% WHEY PROTEIN Prvotřídní syrovátkový protein AFTER TRAINING PROTEIN Potréninkový protein Nabírání svalů Zpět NABÍRÁNÍ SVALŮ Gainery Sacharidy Proteiny BCAA Aminokyseliny Testosteronové stimulanty Stimulanty & anabolizéry Kreatin DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní CREATINE MONOHYDRATE Pro podporu síly a fyzického výkonu MASS CORE Gainer pro regeneraci a růst svalů Energie & vytrvalost Zpět ENERGIE & VYTRVALOST Pre-workouty Stimulanty & energizéry Kreatin BCAA Karnitin Energetické tyčinky Energetické gely Energetické nápoje DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní UNISPORT Hypotonický sportovní nápoj PUMP Pre-workout bez kofeinu Redukce hmotnosti Zpět REDUKCE HMOTNOSTI Spalovače Dietní jídla Dietní nápoje S nízkým obsahem cukru & bez cukru Jídla s vlákninou Dietní tyčinky & snacky DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní THERMOBOOSTER SHOT Spalovač do redukčních tréninků FAT DIRECT Noční spalovač Akce Zpět AKCE Novinky Dárkové balení Akční nabídka Vzorky Balíčky DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní MAGNESLIFE STRONG 375 mg hořčíku v shotu ENDURANCE BAR Tyčinka pro rychlé doplnění energie Zdraví Zpět ZDRAVÍ Vitaminy & minerální látky Klouby & kosti Mastné kyseliny & tuky Imunita MAGNESLIFE INSTANT DRINK POWDER Instantní nápoj s hořčíkem MULTICOMPLEX COMPRESSED CAPS Směs vitaminů a minerálů Doplňkový sortiment Zpět DOPLŇKOVÝ SORTIMENT Shakery Láhve Oblečení Tašky Ostatní TRIČKO THE POWER OF NUTRITION Na sport i běžné nošení SPORTOVNÍ LAHEV ONE BRAND, ALL SPORTS Pro všechny sportovní aktivity Tyčinky & shoty Zpět TYČINKY & SHOTY Cereální tyčinky Ořechové tyčinky Proteinové tyčinky Energetické tyčinky Ovocné tyčinky Energetické shoty Pre-Workout shoty Spalovače shoty DOPLŇKY Shakery Láhve Oblečení Tašky Ostatní PUMP SHOT Pre-workout bez kofeinu QWIZZ PROTEIN BAR Tyčinka s proteinovými křupinkami a karamelem Cíle Zpět CÍLE Nabírání svalů Redukce hmotnosti Energie & vytrvalost Snížení únavy & vyčerpání Koncentrace Hydratace Podpora imunity Zdravý životní styl Zvýšení síly & výkonu Regenerace Použití Zpět POUŽITÍ Během dne Před tréninkem Během tréninku Po cvičení Před spaním Do diety Svačiny Vegan Pro děti Sport Zpět Fitness Funkční trénink Běh Cyklistika Týmové sporty Bodybuilding Blog Zpět BLOG Vše Výživa Trénink Recepty Novinky Lifestyle #JustLiveWell FUNKCE NENÍ K DISPOZICI Tato funkce není v aktuální verzi dostupná. Děkuji za pochopení. Pokračovat Shakery SHAKER Dokonalé promíchání bez hrudek Vaše cena 199 Kč Barva Černá Maskáčové logo Průhledná Zlaté logo Objem Dočasně vyprodáno 700 ml 700 ml 199 Kč Dočasně vyprodáno Dočasně vyprodáno Nakupte ještě za a získáte dárek k nákupu. Nakupte ještě za 2 500 Kč a získáte dárek k nákupu. Nakupte ještě za a získáte lepší dárek k vašemu nákupu. Výborně! Dárek si vyberte v košíku. Diskuze TENHLE ŠEJKR BUDETE MILOVAT! Díky Circle Technology rozmícháte váš drink během chvíle, bez zbytečných sítek a spirál. Stoprocentní těsnost víčka zajišťuje dvojí struktura plastů = žádná pohroma, když se vám šejkr převrhne v batohu. Bezpečnost v podobě BPA FREE či mytí v myčce je samozřejmostí. BENEFITY * objem 700 ml * zaoblené dno pro kvalitní rozmíchání (Circle Technology) * neprotéká * bez toxických BPA * perfektní promíchání bez použití sítka nebo kuličky * ekologicky vyrobeno v EU DALŠÍ INFORMACE Balení Hromadné balení: 48 x Maskáčové logo DISKUZE Napsat dotaz Aktuálně zde nejsou žádné dotazy. VLADIMIR - RECENZE 17.11.2023 18:21 Dobry den tyto shejkry jsou skvjele v tom ze opravdu nepotrebuji sitko bohuzel vsechny do jednoho protekaji u ritsich suplementu napriklad bca a zavirani by mohlo myt nejake zajisteni proti otevreni Zobrazit LENKA VENCLÍKOVÁ 20.11.2023 14:25 Dobrý den, na tyto šejkry neevidujeme reklamace, nicméně jedná se o plastové výlisky a je možné že nějaký kus může být vadný. V tomto případě se na nás obraťte s reklamací. Postup naleznete v obchodních podmínkách na našem webu. Zobrazit TOMÁŠ VAVRO - ROZMÍCHÁNÍ PROTEINU 23.5.2023 16:17 Dobrý den, měl bych otázku - rozmíchání tento shaker doopravdy protein tak dobře, jako shakery se sítkem či spirál? Není potřeba "nějak speciálně třepat" - stačí pouze "nahoru a dolů"? Děkuji za odpověď. Zobrazit MGR. JANKA JANČÍKOVÁ (PÁLEŠOVÁ) 24.5.2023 09:52 Dobrý den, ano, nalejte vodu a pak přidejte proteinový prášek v daném poměru, uzavřete a běžně zašejkujte "nahoru-dolů". Zákazníci jsou dle prodejnosti i recenzí s šejkrem spokojení. S pozdravem Mgr. Janka Jančíková Zobrazit LUBIN - OZNAČENÍ/ČITELNOST STUPNICE 01.11.2022 21:06 Dobrý večer/den, můžete mě informovat, jestli je označení/rysky stupnice na šejkru značeno barevně? Popřípadě, jestli je značení dostatečně dobře čitelné. Děkuji za info. JL. Zobrazit VERONIKA POKORNÁ 03.11.2022 09:32 Dobrý den, Stupnice na shakeru nejsou barevné, jsou vždy laděné do barvy samotného shakeru. U dotazovaného typu shaker 700 ml zlaté logo je hladina pěkně vidět. Pro bližší představu přikládám fotografii. S pozdravem Veronika Pokorná Zobrazit JANA URBANÍKOVÁ - ŠEJKR ZLATÉ LOGO 21.5.2022 12:17 Je tento šejkr průhledný? Zobrazit MGR. JANKA JANČÍKOVÁ (PÁLEŠOVÁ) 23.5.2022 13:18 Dobrý den, šejkr se zlatým logem je částečně průhledný, tzv. mléčná průheldnost. S pozdravem Nutrend Zobrazit < ... > DOPORUČENÉ PRODUKTY SHAKER 100% WHEY PROTEIN Dokonalé promíchání bez hrudek 89 Kč Černá Do košíku SHAKER JUST LIVE WELL Namíchejte si nápoj během vteřiny 75 Kč Zlaté logo Do košíku SHAKER ISLAND 199 Kč Růžová Do košíku SHAKER ISLAND 199 Kč Tyrkysová Do košíku SHAKER 300 ML + ZÁSOBNÍK Dokonalé promíchání bez hrudek 99 Kč Průhledná & fialová Do košíku SHAKER SE SÍTKEM Dokonalé promíchání bez hrudek 89 Kč Modrá Do košíku SHAKER SE SÍTKEM Dokonalé promíchání bez hrudek 89 Kč Červená Do košíku SHAKER SE SÍTKEM Dokonalé promíchání bez hrudek 89 Kč Černá & žlutá Do košíku SHAKER SE SÍTKEM Dokonalé promíchání bez hrudek 89 Kč Žlutá Do košíku SHAKER PUMP Odolný plast bez BPA a DEHP 75 Kč Průhledná & fialová Do košíku SHAKER MINI Dokonalé promíchání bez hrudek 75 Kč Průhledná & černá Do košíku SHAKER MINI Dokonalé promíchání bez hrudek 75 Kč Průhledná & růžová Do košíku SHAKER MINI Dokonalé promíchání bez hrudek 75 Kč Černá & žlutá Do košíku 2X N1 + SHAKER MINI Set pre-workoutů a shakeru 124 Kč 2 x 17 g Do košíku Petra Kvitová doporučuje PETRA PODÁVÁ 10% SLEVU na váš první nákup, stačí zadat váš e-mail. E-mail Souhlasím se zpracováním osobních údajů a chci se přihlásit k odběru newsletteru NUTREND. Získat slevu Nechci slevu Přečtěte si zpracování osobních údajů společnosti NUTREND. VÝBORNĚ, ZÍSKÁVÁTE SLEVU! Slevový kód aktivujete kliknutím na tlačítko níže. Nebo jej můžete zadat ručně v 1. kroku košíku. Váš kód Zkopírováno do schránky. Aktivovat slevu TENTO E-MAIL BYL JIŽ VYPLNĚN Vaše e-mailová adresa byla již byla použita k vyplnění formuláře. Petra Kvitová doporučuje PETRA PODÁVÁ 10% SLEVU na váš první nákup, stačí zadat váš e-mail. E-mail Souhlasím se zpracováním osobních údajů a chci se přihlásit k odběru newsletteru NUTREND. Získat slevu Nechci slevu Přečtěte si zpracování osobních údajů společnosti NUTREND. VÝBORNĚ, ZÍSKÁVÁTE SLEVU! Slevový kód aktivujete kliknutím na tlačítko níže. Nebo jej můžete zadat ručně v 1. kroku košíku. Váš kód Zkopírováno do schránky. Aktivovat slevu TENTO E-MAIL BYL JIŽ VYPLNĚN Vaše e-mailová adresa byla již byla použita k vyplnění formuláře. PŘIDÁNO DO KOŠÍKU Pokračovat k pokladně Pokračovat k pokladně Zpět k nákupu Nakupte ještě za a získáte dárek k nákupu. Nakupte ještě za a získáte lepší dárek k vašemu nákupu. Výborně! Dárek si vyberte v košíku. VYBERTE PRODUKT Vaše cena vč. DPH Cena za ks vč. DPH Cena za ks vč. DPH Do košíku Zavřít UŽIJTE SI PROTEINOVÉ LÉTO Ochutnat OBJEVTE NOVOU PRODUKTOVOU ŘADU Objevit PŘEKONEJTE SAMI SEBE! Objevit ODEBÍREJTE NÁŠ NEWSLETTER a získejte přehled o aktuálních akcích a novinkách. Odebírat ODEBÍREJTE NÁŠ NEWSLETTER Jméno Příjmení Telefon E-mail Pokračovat Nemám zájem Doprava ZDARMA při nákupu nad 1 399 Kč Vyberte si dárek ke každému nákupu Speciální akce každý měsíc Používáme kvalitní a značkové suroviny Rychlá expedice vaší objednávky Nutriční poradenství pro vás ZJISTIT VÍCE * Obchodní podmínky * Ochrana osobních údajů * Klub NUTREND * NUTREND Team * Podat oznámení PRO PARTNERY * Produktové katalogy * Staňte se distributorem * B2B zóna * Certifikáty PRO MÉDIA * Logo manuál * Ke stažení O SPOLEČNOSTI * NUTREND World * Prodejny * O nás * Kontakty * Virtuální prohlídka * Kariéra * Partneři 800 750 750 Po-Pá (8h-16h) Kontaktujte nás info@nutrend.cz Česká republika (CS) Europe (EU) Česká republika (CS) Polska (PL) Copyright © 2024 NUTREND D. S., a.s. Všechna práva vyhrazena Upravit předvolby cookie VÍTEJTE ZPĚT! E-mail Heslo Zapomněli jste heslo? Přihlásit se nebo Přihlásit přes SMS Nemáte účet? Vytvořit účet Nakupujete na firmu? Vytvořit firemní účet PŘIHLÁŠENÍ PRO B2B E-mail Heslo Zapomněli jste heslo? Přihlásit se nebo Přihlásit přes SMS Chcete se stát B2B partnerem? Staňte se distributorem PŘIHLÁŠENÍ POMOCÍ SMS KÓDU Telefon Zadejte ve formátu: Poslat kód nebo Pomocí hesla Nemáte účet? Vytvořit účet ZADEJTE SMS KÓD Vložte kód Ověřit kód Nepřišel Vám kód? Poslat znovu ZAPOMENUTÉ HESLO Vyplňte svůj e-mail, na který vám zašleme pokyny ke změně hesla. E-mail Změnit heslo nebo Vzpomněli jste si na heslo? Přihlašte se zde VYTVOŘIT NOVÝ ÚČET Přidejte se k 30 tisícům registrovaných členů a užívejte si výhody NUTREND Klubu. E-mail Jméno Příjmení Heslo Heslo znovu Telefon Zadejte ve formátu: Souhlasím s podmínkami zpracování osobních údajů a chci vstoupit do NUTREND klubu. Registrovat se Již jste členem? Přihlásit se VYTVOŘIT NOVÝ FIREMNÍ ÚČET FAKTURAČNÍ ÚDAJE IČO DIČ Název společnosti Jméno Příjmení Telefon Zadejte ve formátu: Ulice, .č.p. Město PSČ Země Česká republika DODACÍ ÚDAJE Upřesnění adresy Jméno Příjmení Telefon Zadejte ve formátu: Ulice, .č.p. Město PSČ Země Česká republika ÚČET E-mail Heslo Heslo znovu Souhlasím s podmínkami zpracování osobních údajů a chci vstoupit do NUTREND klubu. Registrovat se Již jste členem? Přihlásit se REGISTRACE PROBĚHLA ÚSPĚŠNĚ! Nyní můžete využívat výhody Klubu NUTREND. Vyplňte další údaje o sobě nebo pokračujte v nákupu. Pokračovat k nákupu. Doplnit údaje k účtu NĚCO O VÁS Datum narození Pohlaví Vyberte Muž Žena Nechci uvádět Odkud jste? Vyberte Česká republika KAM VÁM DORUČÍME BALÍČEK? Ulice, .č.p. Město PSČ Země Vyberte Česká republika FAKTURAČNÍ ADRESA Jméno Příjmení Telefon Zadejte ve formátu: Název společnosti IČO DIČ Ulice, .č.p. Město PSČ Země Česká republika Slovensko Dokončit FUNKCE NENÍ K DISPOZICI Tato funkce není v aktuální verzi dostupná. Děkuji za pochopení. Pokračovat PŘIDÁNO DO KOŠÍKU Pokračovat k pokladně Pokračovat k pokladně Pokračovat k pokladně Zpět k nákupu Nakupte ještě za a získáte dárek k nákupu. Nakupte ještě za a získáte lepší dárek k vašemu nákupu. Nakupte ještě za a získáte dárek k nákupu. Nakupte ještě za 2 500 Kč a získáte dárek k nákupu. Výborně! Dárek si vyberte v košíku. VYBERTE PRODUKT Vaše cena vč. DPH Cena za ks vč. DPH Cena za ks vč. DPH Do košíku Zavřít 🍪 POUŽÍVÁME SOUBORY COOKIES Tyto webové stránky používají soubory cookies a další sledovací nástroje s cílem vylepšení uživatelského prostředí, zobrazení přizpůsobeného obsahu a reklam, analýzy návštěvnosti webových stránek a zjištění zdroje návštěvnosti. PovolitOdmítnout Upravit mé předvolby