{% set content_w_aside_props = {
aside: true,
variant: "reverse"
} %}
{% set orders_section = {
title: "Moje objednávky",
headers: [
{
title: "Produkty",
sort: "desc",
url: "#",
},
{
title: "Stav",
url: "#",
},
{
title: "Č. objednávky",
url: "#",
},
{
title: "Datum",
url: "#",
},
{
title: "Cena",
extra_class: "justify-content-end",
url: "#",
},
],
items: [
{
id: "23232323",
status: {
text: "Připravuje se",
value: "default"
},
date: "14.6.2023",
price: "20 000",
currency: "Kč",
url: "#1",
products: [
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
},
tags: [
{
title: "Potisk",
icon: {
src: "@Images/svg/printer.svg",
},
},
],
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
}
]
},
{
id: "434342",
status: {
text: "Odesláno",
value: "sent"
},
date: "14.6.2023",
price: "20 000",
currency: "Kč",
url: "#1",
products: [
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
}
]
},
{
id: "983478934",
status: {
text: "Doručeno",
value: "delivered"
},
date: "14.6.2023",
price: "20 000",
currency: "Kč",
url: "#1",
products: [
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
}
]
},
{
id: "323232",
status: {
text: "Nedoručeno",
value: "undelivered"
},
date: "14.6.2023",
price: "20 000",
currency: "Kč",
url: "#1",
products: [
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
},
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
}
]
},
{
id: "087897",
status: {
text: "Doručeno",
value: "delivered"
},
date: "14.6.2023",
price: "20 000",
currency: "Kč",
url: "#1",
products: [
{
title: "Papírová taška hnědá ExtraTWIST 22x10x28",
img: {
src: "https://via.placeholder.com/48x48",
srcset: [
"https://via.placeholder.com/48x48 1x",
"https://via.placeholder.com/96x96 2x"
]
}
}
]
}
],
pagination: pagination_sample,
search: orders_search_form,
} %}
{% embed "@Components/content-w-aside/content-w-aside.twig" with {props: content_w_aside_props} %}
{% block content %}
{% include "@Components/sections/order-section/order-section.twig" with {props: orders_section} %}
{% endblock %}
{% endembed %}
<div class="content-w-aside --reverse --columns-3">
<div class="container content-w-aside__container">
<div class="content-w-aside__row">
<div class="content-w-aside__content">
<section class="base-section --top-0 s-orders">
<div class="base-section__container false">
<header class="s-orders__header mb-7 d-flex gap-3 flex-wrap flex-column flex-sm-row">
<h2 class="base-heading mb-0 u-fw-700 u-h1 flex-grow-1 align-items-center gap-3">
Moje objednávky
</h2>
</header>
<div class="s-orders__search mb-5 d-flex gap-2 row-gap-4 flex-wrap flex-column flex-sm-row">
<div class="flex-grow-1">
<form class="base-form c-order-search d-flex align-items-center" id="register_form-id" action="" method="POST">
<div class="f-text d-flex flex-column gap-1 u-posr c-order-search__input --active">
<div class="f-text__wrap d-flex align-items-center u-posr">
<input class="f-base f-text__input" type="text" id="searchPhrase-id" placeholder="Vyhledat objednávku" name=searchPhrase>
<span class="icon d-flex align-items-center justify-content-center --colored --danger f-text__invalid-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg> </span>
</div>
<span class="f-error u-fz-sm gap-1 d-none">
<span class="f-error__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg> </span>
</span>
<span class="f-error__title"></span>
</span>
</div>
<button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only submit c-order-search__btn" id="submit-id" type="submit" aria-label="Vyhledat" name=submit>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#23846F" d="m22 20.823-5.211-5.211a8.336 8.336 0 1 0-1.177 1.177L20.823 22 22 20.823Zm-11.651-3.816a6.658 6.658 0 1 1 6.658-6.658 6.665 6.665 0 0 1-6.658 6.658Z"/></svg> </span>
</span>
</button>
</form>
</div>
</div>
<div>
<div class="g-orders u-scrollbar pb-2" data-scrollbar-x>
<div class="g-orders__headers i-order-row d-grid align-items-center gap-2 gap-xxl-7 mb-2">
<div class="g-orders__header">
<a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none --desc" href="#">
Produkty
<span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span>
</a>
</div>
<div class="g-orders__header">
<a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none" href="#">
Stav
<span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span>
</a>
</div>
<div class="g-orders__header">
<a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none" href="#">
Č. objednávky
<span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span>
</a>
</div>
<div class="g-orders__header">
<a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none" href="#">
Datum
<span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span>
</a>
</div>
<div class="g-orders__header">
<a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none justify-content-end" href="#">
Cena
<span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span>
</a>
</div>
</div>
<div class="g-orders__items d-flex flex-column gap-1 w-100">
<div class="i-order i-order-row d-grid align-items-center py-1 gap-2 gap-xxl-7">
<div class="i-order__images flex-shrink-0 d-flex gap-1 u-posr align-items-center">
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500 --icon-only u-posa">
<div class="i-tag__icon">
<span class="icon d-flex align-items-center justify-content-center --colored --text">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M13.56 5.44A1.5 1.5 0 0 1 14 6.5V12h-2v2H4v-2H2V6.5A1.5 1.5 0 0 1 3.5 5H4V2h8v3h.5a1.5 1.5 0 0 1 1.06.44ZM11 3H5v2h6V3ZM5 13h6v-3H5v3Zm7-2h1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V11h1V9h8v2Zm0-3V7h-2v1h2Z" clip-rule="evenodd"/></svg> </span>
</div>
</span>
</div>
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
</div>
<div class="i-order__status flex-shrink-0">
<div class="i-order-state u-rounded-3 py-1 px-2 u-fw-500 text-nowrap d-inline u-fz-sm u-lh-14">
Připravuje se
</div>
</div>
<div class="i-order__id flex-shrink-0 u-fw-700 u-fz-sm">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#1" title="23232323">
<span class="link__title">23232323</span>
</a>
</div>
<div class="i-order__date flex-shrink-0 u-fw-500 u-fz-sm">
14.6.2023
</div>
<div class="i-order__price flex-shrink-0 text-end">
<span class="u-fw-700">20 000 Kč</span>
</div>
<div class="i-order__action flex-shrink-0 ms-auto d-flex align-items-center gap-1">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only --hover-icon i-order__action_repeat-button" href='#' title="Opakovat objednávku">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
<span class="btn__icon --hover d-none align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm --icon-only i-order__action_button" href='#1' title="objednávka č. 23232323">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" d="M14 11.7V5.429h-1.533v5.92L3.083 2 2 3.084l9.414 9.382H5.27V14h6.43A2.305 2.305 0 0 0 14 11.7Z"/></svg> </span>
</span>
</a>
</div>
</div>
<div class="i-order i-order-row d-grid align-items-center py-1 gap-2 gap-xxl-7">
<div class="i-order__images flex-shrink-0 d-flex gap-1 u-posr align-items-center">
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
</div>
<div class="i-order__status flex-shrink-0">
<div class="i-order-state u-rounded-3 py-1 px-2 u-fw-500 text-nowrap --sent d-inline u-fz-sm u-lh-14">
Odesláno
</div>
</div>
<div class="i-order__id flex-shrink-0 u-fw-700 u-fz-sm">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#1" title="434342">
<span class="link__title">434342</span>
</a>
</div>
<div class="i-order__date flex-shrink-0 u-fw-500 u-fz-sm">
14.6.2023
</div>
<div class="i-order__price flex-shrink-0 text-end">
<span class="u-fw-700">20 000 Kč</span>
</div>
<div class="i-order__action flex-shrink-0 ms-auto d-flex align-items-center gap-1">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only --hover-icon i-order__action_repeat-button" href='#' title="Opakovat objednávku">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
<span class="btn__icon --hover d-none align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm --icon-only i-order__action_button" href='#1' title="objednávka č. 434342">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" d="M14 11.7V5.429h-1.533v5.92L3.083 2 2 3.084l9.414 9.382H5.27V14h6.43A2.305 2.305 0 0 0 14 11.7Z"/></svg> </span>
</span>
</a>
</div>
</div>
<div class="i-order i-order-row d-grid align-items-center py-1 gap-2 gap-xxl-7">
<div class="i-order__images flex-shrink-0 d-flex gap-1 u-posr align-items-center">
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
<div class="i-order__products-count u-rounded-3 u-bg-tertiary-400 u-fw-600 u-fz-sm d-flex justify-content-center align-items-center">
+2
</div>
</div>
<div class="i-order__status flex-shrink-0">
<div class="i-order-state u-rounded-3 py-1 px-2 u-fw-500 text-nowrap --delivered d-inline u-fz-sm u-lh-14">
Doručeno
</div>
</div>
<div class="i-order__id flex-shrink-0 u-fw-700 u-fz-sm">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#1" title="983478934">
<span class="link__title">983478934</span>
</a>
</div>
<div class="i-order__date flex-shrink-0 u-fw-500 u-fz-sm">
14.6.2023
</div>
<div class="i-order__price flex-shrink-0 text-end">
<span class="u-fw-700">20 000 Kč</span>
</div>
<div class="i-order__action flex-shrink-0 ms-auto d-flex align-items-center gap-1">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only --hover-icon i-order__action_repeat-button" href='#' title="Opakovat objednávku">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
<span class="btn__icon --hover d-none align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm --icon-only i-order__action_button" href='#1' title="objednávka č. 983478934">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" d="M14 11.7V5.429h-1.533v5.92L3.083 2 2 3.084l9.414 9.382H5.27V14h6.43A2.305 2.305 0 0 0 14 11.7Z"/></svg> </span>
</span>
</a>
</div>
</div>
<div class="i-order i-order-row d-grid align-items-center py-1 gap-2 gap-xxl-7">
<div class="i-order__images flex-shrink-0 d-flex gap-1 u-posr align-items-center">
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
</div>
<div class="i-order__status flex-shrink-0">
<div class="i-order-state u-rounded-3 py-1 px-2 u-fw-500 text-nowrap --undelivered d-inline u-fz-sm u-lh-14">
Nedoručeno
</div>
</div>
<div class="i-order__id flex-shrink-0 u-fw-700 u-fz-sm">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#1" title="323232">
<span class="link__title">323232</span>
</a>
</div>
<div class="i-order__date flex-shrink-0 u-fw-500 u-fz-sm">
14.6.2023
</div>
<div class="i-order__price flex-shrink-0 text-end">
<span class="u-fw-700">20 000 Kč</span>
</div>
<div class="i-order__action flex-shrink-0 ms-auto d-flex align-items-center gap-1">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only --hover-icon i-order__action_repeat-button" href='#' title="Opakovat objednávku">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
<span class="btn__icon --hover d-none align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm --icon-only i-order__action_button" href='#1' title="objednávka č. 323232">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" d="M14 11.7V5.429h-1.533v5.92L3.083 2 2 3.084l9.414 9.382H5.27V14h6.43A2.305 2.305 0 0 0 14 11.7Z"/></svg> </span>
</span>
</a>
</div>
</div>
<div class="i-order i-order-row d-grid align-items-center py-1 gap-2 gap-xxl-7">
<div class="i-order__images flex-shrink-0 d-flex gap-1 u-posr align-items-center">
<div class="u-rounded-1 flex-shrink-0 u-posr u-border u-border--tertiary-500">
<div class="img u-posr overflow-hidden --placeholder --ratio-1-1 d-block u-rounded-1 overflow-hidden">
<picture>
<img src="https://via.placeholder.com/48x48" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="48" height="48" loading="lazy" draggable="false" srcset="https://via.placeholder.com/48x48 1x, https://via.placeholder.com/96x96 2x">
</picture>
</div>
</div>
</div>
<div class="i-order__status flex-shrink-0">
<div class="i-order-state u-rounded-3 py-1 px-2 u-fw-500 text-nowrap --delivered d-inline u-fz-sm u-lh-14">
Doručeno
</div>
</div>
<div class="i-order__id flex-shrink-0 u-fw-700 u-fz-sm">
<a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#1" title="087897">
<span class="link__title">087897</span>
</a>
</div>
<div class="i-order__date flex-shrink-0 u-fw-500 u-fz-sm">
14.6.2023
</div>
<div class="i-order__price flex-shrink-0 text-end">
<span class="u-fw-700">20 000 Kč</span>
</div>
<div class="i-order__action flex-shrink-0 ms-auto d-flex align-items-center gap-1">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only --hover-icon i-order__action_repeat-button" href='#' title="Opakovat objednávku">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
<span class="btn__icon --hover d-none align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span>
</span>
</a>
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm --icon-only i-order__action_button" href='#1' title="objednávka č. 087897">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" d="M14 11.7V5.429h-1.533v5.92L3.083 2 2 3.084l9.414 9.382H5.27V14h6.43A2.305 2.305 0 0 0 14 11.7Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="s-orders__pagination d-flex justify-content-end mt-5 u-empty:none"><div class="c-pagination d-flex align-items-center flex-wrap justify-content-center justify-content-xxl-end">
<a class="link d-inline-flex u-fw-600 align-items-center --icon-before c-pagination__link --prev" href="#prev" title="Předchozí" data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">Předchozí</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --text --xs">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg> </span>
</span>
</a>
<div class="c-pagination__items d-flex gap-1 align-items-center">
<a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --page-number justify-content-center" href="#1" title="1" data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">1</span>
</a>
<a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --page-number justify-content-center" href="#2" title="2" data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">2</span>
</a>
<a class="link d-inline-flex u-fw-600 align-items-center --active c-pagination__link --page-number justify-content-center" href="#" title="3" data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">3</span>
</a>
<a class="link d-inline-flex u-fw-600 align-items-center --blank c-pagination__link --page-number justify-content-center" href="#" title="..." data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">...</span>
</a>
<a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --page-number justify-content-center" href="#6" title="6" data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">6</span>
</a>
</div>
<a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --next" href="#next" title="Další" data-page="" data-loading-target="" data-scroll-target="">
<span class="link__title">Další</span>
<span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
<span class="icon d-flex align-items-center justify-content-center --colored --text --xs">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
</section>
</div>
<div class="content-w-aside__aside d-flex flex-column row-gap-4 h-100">
</div>
</div>
</div>
</div>