Stylebook

Default

Způsob dopravy

Česká pošta - Balík do ruky

30 Kč

Způsob platby

Hotově / kartou při převzetí

30 Kč

Celkem s DPH 21 % 99 990 Kč

Celkem bez DPH 89 990 Kč

        {% include "@Components/items/order-info-item/order-info-item.twig" with {props: {
  shipment: {
    label: "Způsob dopravy",
    title: "Česká pošta - Balík do ruky",
    img: {
      src: "images/svg/ceska-posta.svg",
    },
    price: {
      main: "30",
    },
  },
  payment: {
    label: "Způsob platby",
    title: "Hotově / kartou při převzetí",
    img: {
      src: "images/svg/cash-payment-method.svg",
    },
    price: {
      main: "30",
    },
  },
  total: {
    main_title: "Celkem s DPH 21 %",
    main: "99 990",
    base_title: "Celkem bez DPH",
    base: "89 990",
  },
}} %}

          
  
  

<div class="i-order-info">
  <div class="g-overview d-flex flex-column gap-3 mb-3">
                    <div class="i-overview d-flex  --default gap-2 --large">
  <div class="i-overview__label d-flex align-items-center w-100 flex-grow-1 u-fz-sm u-fw-600">Způsob dopravy</div>

      <div class="i-overview__image">
      <div class="img u-posr overflow-hidden --contain">
  <picture>
    
    <img src="" data-src="images/svg/ceska-posta.svg" alt="Česká pošta - Balík do ruky" width="40" height="24" draggable="false">
  </picture>
</div>
    </div>
  
      <div class="i-overview__description">
      <div class="i-overview__title u-fz-sm u-fw-600">Česká pošta - Balík do ruky</div>
      <div class="i-overview__subtitle u-fz-sm"></div>
    </div>
  
      <div class="i-overview__price ms-auto">
      <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400 p-0">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
      
      <span class="i-price__main u-fw-700">
        <span class="">
          30
        </span>
                  Kč              </span>
    </div>
  
  </div>
    </div>
  </div>
              <div class="i-overview d-flex  --default gap-2 --large">
  <div class="i-overview__label d-flex align-items-center w-100 flex-grow-1 u-fz-sm u-fw-600">Způsob platby</div>

      <div class="i-overview__image">
      <div class="img u-posr overflow-hidden --contain">
  <picture>
    
    <img src="" data-src="images/svg/cash-payment-method.svg" alt="Hotově / kartou při převzetí" width="40" height="24" draggable="false">
  </picture>
</div>
    </div>
  
      <div class="i-overview__description">
      <div class="i-overview__title u-fz-sm u-fw-600">Hotově / kartou při převzetí</div>
      <div class="i-overview__subtitle u-fz-sm"></div>
    </div>
  
      <div class="i-overview__price ms-auto">
      <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400 p-0">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
      
      <span class="i-price__main u-fw-700">
        <span class="">
          30
        </span>
                  Kč              </span>
    </div>
  
  </div>
    </div>
  </div>
            </div>

      <div class="i-total-price --size-md">
  <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Celkem s DPH 21 %</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          99 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Celkem bez DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        89 990
         Kč      </span>
    </div>
  </div>
</div>
  </div>