catering.hotelpraha-nj.cz Open in urlscan Pro
2a01:a040:200d:ffff::26:20  Public Scan

URL: https://catering.hotelpraha-nj.cz/
Submission: On May 22 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form id="SumbitOrder">
  <div class="row pt-3 pb-3">
    <div data-name="Kontaktní osoba" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control is-invalid" id="personInput" placeholder="Kontaktní osoba" data-bind="value: cart.person, css: { 'form-control': true, 'is-invalid': !cart.person.isValid(), 'is-valid': cart.person.isValid() }">
        <label for="personInput">Kontaktní osoba</label>
        <span class="validationMessage" data-bind="validationMessage: cart.person" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Kontaktní e-mail" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control is-invalid" id="emailInput" placeholder="name@example.com" data-bind="value: cart.email, css: { 'form-control': true, 'is-invalid': !cart.email.isValid(), 'is-valid': cart.email.isValid() }">
        <label for="emailInput">Kontaktní e-mail</label>
        <span class="validationMessage" data-bind="validationMessage: cart.email" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Kontaktní telefon" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control is-invalid" id="phoneInput" placeholder="Your phone number" data-bind="value: cart.phone, css: { 'form-control': true, 'is-invalid': !cart.phone.isValid(), 'is-valid': cart.phone.isValid() }">
        <label for="phoneInput">Kontaktní telefon</label>
        <span class="validationMessage" data-bind="validationMessage: cart.phone" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Název firmy" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control" id="companyInput" placeholder="Název firmy" data-bind="value: cart.company">
        <label for="companyInput">Název firmy</label>
        <span class="validationMessage" data-bind="validationMessage: cart.company" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Datum vyzvednutí" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating input-date mb-3">
        <input type="date" class="form-control is-invalid" id="ofDateInput" data-bind="value: cart.ofDate, css: { 'form-control': true, 'is-invalid': !cart.ofDate.isValid(), 'is-valid': cart.ofDate.isValid() }">
        <label for="ofDateInput">Datum vyzvednutí</label>
        <span class="validationMessage" data-bind="validationMessage: cart.ofDate" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Čas vyzvednutí" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating input-time mb-3">
        <input type="time" class="form-control is-invalid" id="ofTimeInput" data-bind="value: cart.ofTime, css: { 'form-control': true, 'is-invalid': !cart.ofTime.isValid(), 'is-valid': cart.ofTime.isValid() }">
        <label for="ofTimeInput">Čas vyzvednutí</label>
        <span class="validationMessage" data-bind="validationMessage: cart.ofTime" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Počet osob" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="number" class="form-control is-valid" id="numPersonsInput" placeholder="Number of persons" min="1"
          data-bind="value: cart.numPersons, css: { 'form-control': true, 'is-invalid': !cart.numPersons.isValid(), 'is-valid': cart.numPersons.isValid() }">
        <label for="numPersonsInput">Počet osob</label>
        <span class="validationMessage" data-bind="validationMessage: cart.numPersons" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Název akce" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control" id="catNameInput" placeholder="Název akce" data-bind="value: cart.catName">
        <label for="catNameInput">Název akce</label>
        <span class="validationMessage" data-bind="validationMessage: cart.catName" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Místo vydání" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control" id="catPickUpInput" placeholder="Místo vydání" data-bind="value: cart.catPickUp">
        <label for="catPickUpInput">Místo vydání</label>
        <span class="validationMessage" data-bind="validationMessage: cart.catPickUp" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Místo konání" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <input type="text" class="form-control" id="catLocationInput" placeholder="Místo konání" data-bind="value: cart.catLocation">
        <label for="catLocationInput">Místo konání</label>
        <span class="validationMessage" data-bind="validationMessage: cart.catLocation" style="display: none;"></span>
      </div>
    </div>
    <div data-name="Úhrada" class="col-12 col-sm-6 col-md-4 col-lg-3">
      <div class="form-floating mb-3">
        <select class="form-select" data-bind="options: paymentTypes(), optionsValue: 'idPaymentType', optionsText: 'ptName', value: cart.idPaymentType">
          <option value="7">Faktura</option>
          <option value="1">Hotově</option>
          <option value="2">Kartou</option>
          <option value="3">Převodem</option>
        </select>
        <label for="paymentTypeInput">Úhrada</label>
        <span class="validationMessage" data-bind="validationMessage: cart.idPaymentType" style="display: none;"></span>
      </div>
    </div>
  </div>
  <ul class="nav nav-tabs" id="pills-tab" role="tablist">
    <!-- Dynamicky generované položky -->
    <!-- ko foreach: { data: groups, as: 'group' } -->
    <li class="nav-item" role="presentation">
      <button class="nav-link border-custom active" data-bs-toggle="pill" data-bind="attr: { 'id': 'pills-' + $index(), 'data-bs-target': '#tab-' + $index() }, text: group.catName, css: { 'active': $index() === 0 }" type="button" role="tab"
        aria-controls="tab-{{$index()}}" aria-selected="true" id="pills-0" data-bs-target="#tab-0">CATERINGOVÉ SLUŽBY </button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link border-custom" data-bs-toggle="pill" data-bind="attr: { 'id': 'pills-' + $index(), 'data-bs-target': '#tab-' + $index() }, text: group.catName, css: { 'active': $index() === 0 }" type="button" role="tab"
        aria-controls="tab-{{$index()}}" aria-selected="true" id="pills-1" data-bs-target="#tab-1">SVATEBNÍ HOSTINY </button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link border-custom" data-bs-toggle="pill" data-bind="attr: { 'id': 'pills-' + $index(), 'data-bs-target': '#tab-' + $index() }, text: group.catName, css: { 'active': $index() === 0 }" type="button" role="tab"
        aria-controls="tab-{{$index()}}" aria-selected="true" id="pills-2" data-bs-target="#tab-2">FIREMNÍ AKCE/ŠKOLENÍ </button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link border-custom" data-bs-toggle="pill" data-bind="attr: { 'id': 'pills-' + $index(), 'data-bs-target': '#tab-' + $index() }, text: group.catName, css: { 'active': $index() === 0 }" type="button" role="tab"
        aria-controls="tab-{{$index()}}" aria-selected="true" id="pills-3" data-bs-target="#tab-3">OSLAVY NAROZENIN </button>
    </li>
    <!-- /ko -->
    <!-- Statická položka -->
    <li class="nav-item" role="presentation">
      <button class="nav-link border-custom" type="button" role="tab" aria-controls="tab-more-info" aria-selected="false" data-bs-toggle="pill"
        data-bind="attr: { 'id': 'pills-more-info' , 'data-bs-target': '#tab-more-info' }, text: 'UPŘESNÍME POZDĚJI'" id="pills-more-info" data-bs-target="#tab-more-info">UPŘESNÍME POZDĚJI</button>
    </li>
  </ul>
  <div class="tab-content mb-4" id="pills-tabContent">
    <!-- ko foreach: { data: groups, as: 'topLvlGroup' } -->
    <div class="tab-pane fade show active" data-bind="attr: { 'id': 'tab-' + $index() }, css: { 'show active': $index() === 0 }" role="tabpanel" aria-labelledby="pills-home-tab" id="tab-0">
      <!-- ko foreach: { data: topLvlGroup.groups, as: 'subGroup' } -->
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup115">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">POLÉVKY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct240" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">produkt pod skupinou</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()">
                  <div class="product-variant" data-bind=" text: desc()">popis</div>
                  <div class="product-variant" data-bind="text: alergens() ? 'Alergeny: ' + alergens() : ''"></div>
                </div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">1&nbsp;000&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="240">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct93" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Kuřecí vývar s masem, játrovými knedlíčky a nudlemi</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">79&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="93">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct94" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Polévka dle denní nabídky (víkendové menu)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">79&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="94">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct95" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Zeleninová polévka – vegan</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">79&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="95">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup144">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">KLASIKA</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct113" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Smažené kuřecí řízečky</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">600&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="113">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct114" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Smažené řízečky z vepřové panenky</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">720&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="114">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct115" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Tatarák z hovězí svíčkové, chlebové topinky</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">2&nbsp;500&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="115">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup173">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">PŘÍLOHY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct132" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Marinované pečené grenaille s česnekem a rozmarýnem </span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">320&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="132">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct133" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Jasmínová rýže</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">220&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="133">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct134" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Máslová bramborová kaše</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">220&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="134">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct135" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace knedlíků (Bramborový, kynutý, houskový)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">30&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="135">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct136" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Tradiční bramborový salát</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">250&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="136">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct137" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Salát tabouleh</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">360&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="137">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct138" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Řecký salát s feta sýrem a olivami (sýr zvlášť)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">380&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="138">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct139" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Šopský salát s balkánským sýrem (sýr zvlášť)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">360&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="139">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct140" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Caprese špízy</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">360&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="140">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct141" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Čerstvé pečivo</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">22&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="141">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct142" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace dipů: Dip z modrého sýru, chilli majonéza, majonéza z pečeného česneku, bylinkový jogurt, limetová majonéza, pažitková zakysaná smetana, majonéza s bazalkovým pestem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">20&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="142">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <!-- /ko -->
      <div class="static-content">
        <div data-name="Doplňující informace" class="col-12 py-3"> Doplňující informace <textarea class="form-control is-invalid" id="noteInput" rows="6"
            data-bind="value: $root.cart.note, css: { 'form-control': true, 'is-invalid': !$root.cart.note.isValid(), 'is-valid': $root.cart.note.isValid() }"></textarea>
          <span class="validationMessage" data-bind="validationMessage: $root.cart.note" style="display: none;"></span>
        </div>
      </div>
    </div>
    <div class="tab-pane fade" data-bind="attr: { 'id': 'tab-' + $index() }, css: { 'show active': $index() === 0 }" role="tabpanel" aria-labelledby="pills-home-tab" id="tab-1">
      <!-- ko foreach: { data: topLvlGroup.groups, as: 'subGroup' } -->
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup105">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">OBLOŽENÉ MÍSY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct87" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace Italských uzenin</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">1&nbsp;500&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="87">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct88" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace výběrových sýrů</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()">
                  <div class="product-variant" data-bind=" text: desc()"></div>
                  <div class="product-variant" data-bind="text: alergens() ? 'Alergeny: ' + alergens() : ''">Alergeny: 1,2</div>
                </div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">1&nbsp;500&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="88">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct89" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Tradiční sýrová mísa (sýr s bílou plísní, ementál, sýr s modrou plísní, parenica)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()">
                  <div class="product-variant" data-bind=" text: desc()"></div>
                  <div class="product-variant" data-bind="text: alergens() ? 'Alergeny: ' + alergens() : ''">Alergeny: 4,6,8</div>
                </div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">900&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="89">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct90" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Tradiční salámová mísa</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">900&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="90">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup111">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">PŘEDKRMY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct91" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Kachní paštika s brusinkami, francouzská bagetka</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">155&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="91">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct92" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Carpaccio z červené řepy s kozím sýrem, rukola, karamelizované ořechy – vege</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">155&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="92">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup124">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">SOTÉ (porce = 150-200 g), Kotlík 10 litrů = 30 porcí</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct98" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Hovězí guláš z krku mladého býka</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()">
                  <div class="product-variant" data-bind=" text: desc()">Poisek/pozn.</div>
                  <div class="product-variant" data-bind="text: alergens() ? 'Alergeny: ' + alergens() : ''"></div>
                </div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">180&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="98">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct99" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Hovězí stroganov s kyselým okurkem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">180&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="99">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct100" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Trhané hovězí ramínko – rajská nebo koprová omáčka</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">160&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="100">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct101" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Hovězí líčka na červeném víně</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">210&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="101">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct102" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Asijské kuřecí soté se zeleninou, jarní cibule</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">150&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="102">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct103" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Zauzená vepřová kýta bez kosti</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">690&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="103">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup120">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">ROLÁDY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct96" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Španělský ptáček</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">180&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="96">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct97" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Kuřecí roláda se sušenými rajčaty a mozzarellou</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">580&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="97">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <!-- /ko -->
      <div class="static-content">
        <div data-name="Doplňující informace" class="col-12 py-3"> Doplňující informace <textarea class="form-control is-invalid" id="noteInput" rows="6"
            data-bind="value: $root.cart.note, css: { 'form-control': true, 'is-invalid': !$root.cart.note.isValid(), 'is-valid': $root.cart.note.isValid() }"></textarea>
          <span class="validationMessage" data-bind="validationMessage: $root.cart.note" style="display: none;"></span>
        </div>
      </div>
    </div>
    <div class="tab-pane fade" data-bind="attr: { 'id': 'tab-' + $index() }, css: { 'show active': $index() === 0 }" role="tabpanel" aria-labelledby="pills-home-tab" id="tab-2">
      <!-- ko foreach: { data: topLvlGroup.groups, as: 'subGroup' } -->
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup163">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">ŠPÍZY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct126" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Živáňské špízy z vepřové panenky</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">750&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="126">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct127" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Kuřecí tandoori špízy s massalla omáčkou</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">580&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="127">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup149">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">PEČENÉ/GRIL</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct116" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Vepřová panenka sous-vide, zeleninové ragú</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">860&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="116">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct117" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pomalu pečená vepřová krkovice s rozmarýnem a česnekem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">760&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="117">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct118" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pečené koleno bez kosti</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">760&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="118">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct119" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pomalu pečený vepřový bůček na česneku</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">760&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="119">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct120" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pečené pikantní kuřecí paličky</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">480&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="120">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct121" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pečená BBQ vepřová žebra</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">710&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="121">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct122" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Anglický roastbeef, majonéza s pečeným česnekem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">1&nbsp;600&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="122">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct123" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Hovězí mini cheeseburgery (100 g masa), čedar, salát, rajče, majonéza</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">145&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="123">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup159">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">RYBY A MOŘSKÉ PLODY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct124" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Grilované losové nugetky s limetkovo-koprovým dipem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">2&nbsp;100&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="124">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct125" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pečený losos v celku s bylinkovým máslem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">2&nbsp;100&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="125">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup186">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">SLADKÝ COFFEEBREAK/DEZERTY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct143" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace mini řezů</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">49&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="143">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct144" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Cheesecake</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">59&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="144">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct145" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace čerstvých domácích skleniček – panna cotta, tvaroh s ovocem</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">59&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="145">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct146" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Tradiční valašské frgály </span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">220&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="146">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct147" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Drobenkový koláč s ovocem (po 12ks)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">49&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="147">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct148" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Banánový chléb (po 8 ks)</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">35&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="148">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <!-- /ko -->
      <div class="static-content">
        <div data-name="Doplňující informace" class="col-12 py-3"> Doplňující informace <textarea class="form-control is-invalid" id="noteInput" rows="6"
            data-bind="value: $root.cart.note, css: { 'form-control': true, 'is-invalid': !$root.cart.note.isValid(), 'is-valid': $root.cart.note.isValid() }"></textarea>
          <span class="validationMessage" data-bind="validationMessage: $root.cart.note" style="display: none;"></span>
        </div>
      </div>
    </div>
    <div class="tab-pane fade" data-bind="attr: { 'id': 'tab-' + $index() }, css: { 'show active': $index() === 0 }" role="tabpanel" aria-labelledby="pills-home-tab" id="tab-3">
      <!-- ko foreach: { data: topLvlGroup.groups, as: 'subGroup' } -->
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup101">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">KANÁPKY, CHLEBÍČKY</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct85" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace tradičních chlebíčků – šunkový, sýrový</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()">
                  <div class="product-variant" data-bind=" text: desc()">xxxxx</div>
                  <div class="product-variant" data-bind="text: alergens() ? 'Alergeny: ' + alergens() : ''">Alergeny: 2,3</div>
                </div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">11&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="85">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct86" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Variace mini chlebíčků</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()">
                  <div class="product-variant" data-bind=" text: desc()"></div>
                  <div class="product-variant" data-bind="text: alergens() ? 'Alergeny: ' + alergens() : ''">Alergeny: 4,5,7</div>
                </div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">45&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ ks</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="86">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup133">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">HLAVNÍ CHOD</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct104" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Svíčková na smetaně s brusinkami, houskový a karlovarský knedlík</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">230&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="104">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct105" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Vepřová panenka sous-vide, houbové ragú, demi-glace, marinované pečené grenaille, aioli/bramborové pyré</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">240&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="105">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct106" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Pomalu pečený vepřový vrabec, otické kysané zelí, variace knedlíků</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">210&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="106">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct107" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Španělský ptáček, jasmínová rýže (nebo bram. kaše), nakládaná zelenina</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">230&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="107">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct108" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Plněné kuřecí prso halloumi sýrem, bramborová kaše, blanšírovaná zelenina na másle</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">210&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="108">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct109" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Smažený řízek z krkovice, tradiční bramborový salát, grilovaný citrón</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">210&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="109">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct110" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Vídeňská roštěná, pečená slanina, sázené vejce, marinované pečené grenaille</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">290&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ porce</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="110">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct111" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Dýňové rizoto s karamelizovanými ořechy, pecorino romano – veget</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">190&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()"></span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="111">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct112" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Marinované tofu v bylinkách s restovanou zeleninou, bramborová kaše – vegan</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">190&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()"></span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="112">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <div class="group-box rounded" data-bind="template: { name: 'groupTemplate', data: subGroup }">
        <div data-bind="attr: { id: 'idGroup' + idGroup(), class: 'row ' + groupLvlClass()}" class="row group-lvl-2" id="idGroup167">
          <div class="col-12 mt-3 d-flex flex-row group-title-box px-1 px-lg-3">
            <div>
              <h2 class="group-title" data-bind="text: catName">VEGGIE</h2>
            </div>
            <div class="group-title-note">
              <em data-bind=" text: catDesc"></em>
            </div>
          </div>
          <!-- Display products -->
          <div class="container" data-bind="template: { name: 'productTemplate', foreach: products }">
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct128" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Salát z černé čočky s rukolou a pečenou dýní, parmazán, česnekový vinaigrette</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">390&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="128">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct129" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Zeleninové placičky s mozzarellou</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">390&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="129">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct130" class="row border-bottom py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Vegetariánské chilli sin carne, batáty a cizrna, čedar a zakysaná smetana</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">620&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="130">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
            <div data-bind="attr: { id: 'idProduct' + idProduct() }, css: { 'row': true, 'border-bottom': $index() < ($parent.products().length - 1), 'py-2': true, 'productInCart': isInCart() }" id="idProduct131" class="row py-2">
              <div data-name="Nazev popis alergeny" class="col-12 col-md-8 col-lg-6 px-1 px-lg-3">
                <span data-bind="text: name" class="product-name">Zeleninové curry s kokosovým mlékem a tofu</span><br>
                <div id="ProductDetails" class="" data-bind="if: desc() || alergens()"></div>
              </div>
              <div data-name="Cena" class="col-12 col-md-4 justify-content-start justify-content-md-end justify-content-lg-end col-lg-2 px-1 px-lg-3 d-flex flex-row align-items-center">
                <div class="product-price-unit">
                  <span data-bind="text: pricef()">580&nbsp;Kč</span>
                  <span data-bind="text: pricef() &amp;&amp; unitName() ? '/ ' + unitName() : unitName()">/ kg</span>
                </div>
              </div>
              <div data-name="Ovladani mnozstvi" class="col-9 col-sm-5 col-md-6 col-lg-3 px-0 px-lg-3 py-2 py-lg-0 d-flex flex-row align-items-center">
                <div class="d-flex flex-row">
                  <div class="pretty p-icon p-smooth">
                    <input type="checkbox" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3, tooltip:{title: 'Možno přidat bez specifikování množství'}" style="display: none;" data-bs-original-title="" title="">
                    <div class="state p-success" data-bind="checked: isChosen, visible: idProductType() === 2 || idProductType() === 3" style="display: none;">
                      <i class="icon fa-solid fa-check"></i><label></label>
                    </div>
                  </div>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-circle-info fa-big text-info px-0 px-lg-2" aria-hidden="true" data-bind="visible: infoMinMax(), tooltip:{title: infoMinMax()}" data-bs-original-title="" title=""></i>
                  </div>
                </div>
                <div class="input-group input-group-sm" data-bind="visible:idProductType() != 3">
                  <button data-bind="click: removeAmount" class="btn btn-outline-primary btn-sm btn-set"> - </button>
                  <input data-bind="value: orderAmountF, attr: { tabindex: idProduct() }" class="form-control form-amount" tabindex="131">
                  <button data-bind="click: addAmount" class="btn btn-outline-primary btn-sm btn-set"> + </button>
                </div>
                <div class="d-flex flex-row">
                  <div>
                    <i class="fa-solid fa-big fa-cart-plus cursor-link icon-success px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:!(isInCart()), click: function() { isChosen(true); }, tooltip:" data-bs-original-title="Přidat" aria-label="Přidat"></i>
                  </div>
                  <div>
                    <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-2" title="" aria-hidden="true" data-bind="visible:isInCart(), click: function() { orderAmountF(null); isChosen(false); }, tooltip" style="display: none;" data-bs-original-title="Odebrat" aria-label="Odebrat"></i>
                  </div>
                </div>
              </div>
              <div data-name="Cena sum" class="col-3 col-sm-3 col-md-6 col-lg-1 px-1 px-lg-3 text-right d-flex flex-row align-items-center">
                <span data-bind="text: priceSumf()"></span>
              </div>
              <div data-name="Product Error " class="col-12 col-lg-4 offset-lg-8" data-bind="visible: !orderAmountF.isValid()" style="display: none;">
                <i class="fa-solid fa-triangle-exclamation fa-big text-danger ps-3 pe-2" aria-hidden="true"></i>
                <span class="validationMessage text-danger" data-bind="validationMessage: orderAmountF" style="display: none;"></span>
              </div>
            </div>
          </div>
          <!-- Display SubGroups -->
          <div id="hierarchy" data-bind="foreach: groups"></div>
        </div>
      </div>
      <!-- /ko -->
      <div class="static-content">
        <div data-name="Doplňující informace" class="col-12 py-3"> Doplňující informace <textarea class="form-control is-invalid" id="noteInput" rows="6"
            data-bind="value: $root.cart.note, css: { 'form-control': true, 'is-invalid': !$root.cart.note.isValid(), 'is-valid': $root.cart.note.isValid() }"></textarea>
          <span class="validationMessage" data-bind="validationMessage: $root.cart.note" style="display: none;"></span>
        </div>
      </div>
    </div>
    <!-- /ko -->
    <div class="tab-pane fade" id="tab-more-info" role="tabpanel" aria-labelledby="pills-more-info-tab">
      <div class="static-content">
        <div data-name="Doplňující informace" class="col-12 py-3"> Doplňující informace - pokud nevíte jaké položky vybrat, popište prosím charakter plánované akce zde: <textarea class="form-control is-invalid" id="noteInput" rows="6"
            data-bind="value: cart.note, css: { 'form-control': true, 'is-invalid': !cart.note.isValid(), 'is-valid': cart.note.isValid() }"></textarea>
          <span class="validationMessage" data-bind="validationMessage: cart.note" style="display: none;"></span>
        </div>
      </div>
    </div>
  </div>
  <div data-bind="template: { name: 'cartTemplate', data: $root }">
    <div id="cart" class="row cart mb-1">
      <div class="col-12 cart-content p-3">
        <div class="row cart-th">
          <div class="col-12 col-lg-5 px-2 px-lg-3">Vybrané položky (<span data-bind="text: $parent.cart.items().length,tooltip" title="" data-bs-original-title="položek v košíku">0</span>) <i class="fas fa-big fa-trash cursor-link icon-danger px-0 px-lg-1" title="" aria-hidden="true" style="min-width: 1rem !important; display: none;" data-bind="visible: $parent.cart.items().length > 0,
                                                click: $parent.cart.ClearCartItem, tooltip" data-bs-original-title="Odebrat vše" aria-label="Odebrat vše"></i>
          </div>
          <div class="col-2 col-lg-1 py-1 text-lg-center px-2 px-lg-3 small-sm">Jednotka</div>
          <div class="col-4 col-lg-2 py-1 text-center text-lg-end px-1 small-sm"><span class="d-none d-sm-block">Cena za jednotku</span><span class="d-block d-sm-none">Cena za j.</span></div>
          <div class="col-3 col-lg-2 py-1 text-center text-lg-center px-1 small-sm">Množství</div>
          <div class="col-3 col-lg-2 py-1 text-center text-lg-end px-1 px-lg-3 small-sm"><span class="d-none d-sm-block">Cena celkem</span><span class="d-block d-sm-none">Cena cel.</span></div>
        </div>
        <div data-bind="if: cart.items().length > 0"></div>
        <div class="no-items mt-3" data-bind="ifnot: cart.items().length > 0">
          <p>V košíku nejsou žádné položky.</p>
        </div>
        <div class="row cart-summary" data-bind="if: cart.items().length > 0"></div>
      </div>
    </div>
    <div data-name="Submit &amp; MSG" class="row pb-4">
      <div class="col-12 col-lg-6 ">
        <div class="form-floating mb-4"> Uvedené ceny jsou s DPH. <div class="alert alert-success" role="alert" data-bind="text: cart.msg(), visible: cart.msg()" style="display: none;"></div>
          <div class="alert alert-danger" role="alert" data-bind="text: cart.err(), visible: cart.err()" style="display: none;"></div>
        </div>
      </div>
      <div class="col-12 col-lg-6 text-end">
        <a class="DebugInfo" href="#" data-bind="click: $root.CheckAllValidation">CheckAllValidation</a><br>
        <button type="button" class="btn btn-primary" data-bind="click: submitForm">Odeslat poptávku</button>
        <button type="button" class="btn btn-primary DebugInfo" data-bind="click: cart.ClearAll">Vyzat form</button>
      </div>
      <pre class="DebugInfo" data-bind="text: ko.toJSON($root.cart, null, 2)">{
  "items": [],
  "cartTotal": 0,
  "cartTotalF": "0&nbsp;Kč",
  "cartInfoText": "0&nbsp;Kč 0 položek",
  "email": "",
  "numPersons": 1,
  "ofDateTime": "undefined undefined",
  "idPaymentType": 7
}</pre>
    </div>
  </div>
</form>

Text Content

CATERINGA®
 * Hotel Praha - Nový Jičín

0 Kč 0


CATERING HOTEL PRAHA


POPTÁVKOVÝ SYSTÉM

Potřebujete poradit?
+420 604 130 353
Po–Pá: 8.00–15.00h


Kontaktní osoba
Kontaktní e-mail
Kontaktní telefon
Název firmy
Datum vyzvednutí
Čas vyzvednutí
Počet osob
Název akce
Místo vydání
Místo konání
FakturaHotověKartouPřevodem Úhrada
   
   
 * CATERINGOVÉ SLUŽBY
 * SVATEBNÍ HOSTINY
 * FIREMNÍ AKCE/ŠKOLENÍ
 * OSLAVY NAROZENIN
   
   
 * UPŘESNÍME POZDĚJI


POLÉVKY


produkt pod skupinou

popis

1 000 Kč / ks
- +



Kuřecí vývar s masem, játrovými knedlíčky a nudlemi


79 Kč / porce
- +



Polévka dle denní nabídky (víkendové menu)


79 Kč / porce
- +



Zeleninová polévka – vegan


79 Kč / porce
- +






KLASIKA


Smažené kuřecí řízečky


600 Kč / kg
- +



Smažené řízečky z vepřové panenky


720 Kč / kg
- +



Tatarák z hovězí svíčkové, chlebové topinky


2 500 Kč / kg
- +






PŘÍLOHY


Marinované pečené grenaille s česnekem a rozmarýnem


320 Kč / kg
- +



Jasmínová rýže


220 Kč / kg
- +



Máslová bramborová kaše


220 Kč / kg
- +



Variace knedlíků (Bramborový, kynutý, houskový)


30 Kč / porce
- +



Tradiční bramborový salát


250 Kč / kg
- +



Salát tabouleh


360 Kč / kg
- +



Řecký salát s feta sýrem a olivami (sýr zvlášť)


380 Kč / kg
- +



Šopský salát s balkánským sýrem (sýr zvlášť)


360 Kč / kg
- +



Caprese špízy


360 Kč / kg
- +



Čerstvé pečivo


22 Kč / ks
- +



Variace dipů: Dip z modrého sýru, chilli majonéza, majonéza z pečeného česneku,
bylinkový jogurt, limetová majonéza, pažitková zakysaná smetana, majonéza s
bazalkovým pestem


20 Kč / ks
- +




Doplňující informace


OBLOŽENÉ MÍSY


Variace Italských uzenin


1 500 Kč / kg
- +



Variace výběrových sýrů

Alergeny: 1,2
1 500 Kč / kg
- +



Tradiční sýrová mísa (sýr s bílou plísní, ementál, sýr s modrou plísní,
parenica)

Alergeny: 4,6,8
900 Kč / kg
- +



Tradiční salámová mísa


900 Kč / kg
- +






PŘEDKRMY


Kachní paštika s brusinkami, francouzská bagetka


155 Kč / porce
- +



Carpaccio z červené řepy s kozím sýrem, rukola, karamelizované ořechy – vege


155 Kč / porce
- +






SOTÉ (PORCE = 150-200 G), KOTLÍK 10 LITRŮ = 30 PORCÍ


Hovězí guláš z krku mladého býka

Poisek/pozn.

180 Kč / porce
- +



Hovězí stroganov s kyselým okurkem


180 Kč / porce
- +



Trhané hovězí ramínko – rajská nebo koprová omáčka


160 Kč / porce
- +



Hovězí líčka na červeném víně


210 Kč / porce
- +



Asijské kuřecí soté se zeleninou, jarní cibule


150 Kč / porce
- +



Zauzená vepřová kýta bez kosti


690 Kč / kg
- +






ROLÁDY


Španělský ptáček


180 Kč / porce
- +



Kuřecí roláda se sušenými rajčaty a mozzarellou


580 Kč / kg
- +




Doplňující informace


ŠPÍZY


Živáňské špízy z vepřové panenky


750 Kč / kg
- +



Kuřecí tandoori špízy s massalla omáčkou


580 Kč / kg
- +






PEČENÉ/GRIL


Vepřová panenka sous-vide, zeleninové ragú


860 Kč / kg
- +



Pomalu pečená vepřová krkovice s rozmarýnem a česnekem


760 Kč / kg
- +



Pečené koleno bez kosti


760 Kč / kg
- +



Pomalu pečený vepřový bůček na česneku


760 Kč / kg
- +



Pečené pikantní kuřecí paličky


480 Kč / kg
- +



Pečená BBQ vepřová žebra


710 Kč / kg
- +



Anglický roastbeef, majonéza s pečeným česnekem


1 600 Kč / kg
- +



Hovězí mini cheeseburgery (100 g masa), čedar, salát, rajče, majonéza


145 Kč / ks
- +






RYBY A MOŘSKÉ PLODY


Grilované losové nugetky s limetkovo-koprovým dipem


2 100 Kč / kg
- +



Pečený losos v celku s bylinkovým máslem


2 100 Kč / kg
- +






SLADKÝ COFFEEBREAK/DEZERTY


Variace mini řezů


49 Kč / ks
- +



Cheesecake


59 Kč / ks
- +



Variace čerstvých domácích skleniček – panna cotta, tvaroh s ovocem


59 Kč / ks
- +



Tradiční valašské frgály


220 Kč / ks
- +



Drobenkový koláč s ovocem (po 12ks)


49 Kč / ks
- +



Banánový chléb (po 8 ks)


35 Kč / ks
- +




Doplňující informace


KANÁPKY, CHLEBÍČKY


Variace tradičních chlebíčků – šunkový, sýrový

xxxxx
Alergeny: 2,3
11 Kč / ks
- +



Variace mini chlebíčků

Alergeny: 4,5,7
45 Kč / ks
- +






HLAVNÍ CHOD


Svíčková na smetaně s brusinkami, houskový a karlovarský knedlík


230 Kč / porce
- +



Vepřová panenka sous-vide, houbové ragú, demi-glace, marinované pečené
grenaille, aioli/bramborové pyré


240 Kč / porce
- +



Pomalu pečený vepřový vrabec, otické kysané zelí, variace knedlíků


210 Kč / porce
- +



Španělský ptáček, jasmínová rýže (nebo bram. kaše), nakládaná zelenina


230 Kč / porce
- +



Plněné kuřecí prso halloumi sýrem, bramborová kaše, blanšírovaná zelenina na
másle


210 Kč / porce
- +



Smažený řízek z krkovice, tradiční bramborový salát, grilovaný citrón


210 Kč / porce
- +



Vídeňská roštěná, pečená slanina, sázené vejce, marinované pečené grenaille


290 Kč / porce
- +



Dýňové rizoto s karamelizovanými ořechy, pecorino romano – veget


190 Kč
- +



Marinované tofu v bylinkách s restovanou zeleninou, bramborová kaše – vegan


190 Kč
- +






VEGGIE


Salát z černé čočky s rukolou a pečenou dýní, parmazán, česnekový vinaigrette


390 Kč / kg
- +



Zeleninové placičky s mozzarellou


390 Kč / kg
- +



Vegetariánské chilli sin carne, batáty a cizrna, čedar a zakysaná smetana


620 Kč / kg
- +



Zeleninové curry s kokosovým mlékem a tofu


580 Kč / kg
- +




Doplňující informace
Doplňující informace - pokud nevíte jaké položky vybrat, popište prosím
charakter plánované akce zde:
Vybrané položky (0)
Jednotka
Cena za jednotkuCena za j.
Množství
Cena celkemCena cel.


V košíku nejsou žádné položky.


Uvedené ceny jsou s DPH.


CheckAllValidation
Odeslat poptávku Vyzat form

{
  "items": [],
  "cartTotal": 0,
  "cartTotalF": "0 Kč",
  "cartInfoText": "0 Kč 0 položek",
  "email": "",
  "numPersons": 1,
  "ofDateTime": "undefined undefined",
  "idPaymentType": 7
}

{
  "groups": [
    {
      "idGroup": 236,
      "catName": "CATERINGOVÉ SLUŽBY ",
      "catDesc": null,
      "groupLvl": 1,
      "groupLvlClass": "group-lvl-1",
      "products": [],
      "groups": [
        {
          "idGroup": 115,
          "catName": "POLÉVKY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 240,
              "idParent": 115,
              "idProductType": 1,
              "idProductVariant": 306,
              "name": "produkt pod skupinou",
              "desc": "popis",
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": 1,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Maximální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 1000,
              "pricef": "1 000 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 93,
              "idParent": 115,
              "idProductType": 2,
              "idProductVariant": 9,
              "name": "Kuřecí vývar s masem, játrovými knedlíčky a nudlemi",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 0,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Objednací množství +/- 1 porce",
              "price": 79,
              "pricef": "79 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 94,
              "idParent": 115,
              "idProductType": 1,
              "idProductVariant": 10,
              "name": "Polévka dle denní nabídky (víkendové menu)",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 79,
              "pricef": "79 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 95,
              "idParent": 115,
              "idProductType": 1,
              "idProductVariant": 11,
              "name": "Zeleninová polévka – vegan",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 79,
              "pricef": "79 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 144,
          "catName": "KLASIKA",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 113,
              "idParent": 144,
              "idProductType": 1,
              "idProductVariant": 29,
              "name": "Smažené kuřecí řízečky",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 600,
              "pricef": "600 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 114,
              "idParent": 144,
              "idProductType": 1,
              "idProductVariant": 30,
              "name": "Smažené řízečky z vepřové panenky",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 720,
              "pricef": "720 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 115,
              "idParent": 144,
              "idProductType": 1,
              "idProductVariant": 31,
              "name": "Tatarák z hovězí svíčkové, chlebové topinky",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 2500,
              "pricef": "2 500 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 173,
          "catName": "PŘÍLOHY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 132,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 48,
              "name": "Marinované pečené grenaille s česnekem a rozmarýnem ",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 320,
              "pricef": "320 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 133,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 49,
              "name": "Jasmínová rýže",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 220,
              "pricef": "220 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 134,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 50,
              "name": "Máslová bramborová kaše",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 220,
              "pricef": "220 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 135,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 51,
              "name": "Variace knedlíků (Bramborový, kynutý, houskový)",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 30,
              "pricef": "30 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 136,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 52,
              "name": "Tradiční bramborový salát",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 250,
              "pricef": "250 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 137,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 53,
              "name": "Salát tabouleh",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 360,
              "pricef": "360 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 138,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 54,
              "name": "Řecký salát s feta sýrem a olivami (sýr zvlášť)",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 380,
              "pricef": "380 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 139,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 55,
              "name": "Šopský salát s balkánským sýrem (sýr zvlášť)",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 360,
              "pricef": "360 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 140,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 56,
              "name": "Caprese špízy",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 360,
              "pricef": "360 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 141,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 57,
              "name": "Čerstvé pečivo",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 22,
              "pricef": "22 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 142,
              "idParent": 173,
              "idProductType": 1,
              "idProductVariant": 58,
              "name": "Variace dipů: Dip z modrého sýru, chilli majonéza, majonéza z pečeného česneku, bylinkový jogurt, limetová majonéza, pažitková zakysaná smetana, majonéza s bazalkovým pestem",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 20,
              "pricef": "20 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        }
      ]
    },
    {
      "idGroup": 239,
      "catName": "SVATEBNÍ HOSTINY ",
      "catDesc": null,
      "groupLvl": 1,
      "groupLvlClass": "group-lvl-1",
      "products": [],
      "groups": [
        {
          "idGroup": 105,
          "catName": "OBLOŽENÉ MÍSY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 87,
              "idParent": 105,
              "idProductType": 1,
              "idProductVariant": 3,
              "name": "Variace Italských uzenin",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 1500,
              "pricef": "1 500 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 88,
              "idParent": 105,
              "idProductType": 1,
              "idProductVariant": 4,
              "name": "Variace výběrových sýrů",
              "desc": null,
              "alergens": "1,2",
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 1500,
              "pricef": "1 500 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 89,
              "idParent": 105,
              "idProductType": 1,
              "idProductVariant": 5,
              "name": "Tradiční sýrová mísa (sýr s bílou plísní, ementál, sýr s modrou plísní, parenica)",
              "desc": null,
              "alergens": "4,6,8",
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 900,
              "pricef": "900 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 90,
              "idParent": 105,
              "idProductType": 1,
              "idProductVariant": 6,
              "name": "Tradiční salámová mísa",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 900,
              "pricef": "900 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 111,
          "catName": "PŘEDKRMY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 91,
              "idParent": 111,
              "idProductType": 1,
              "idProductVariant": 7,
              "name": "Kachní paštika s brusinkami, francouzská bagetka",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 155,
              "pricef": "155 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 92,
              "idParent": 111,
              "idProductType": 1,
              "idProductVariant": 8,
              "name": "Carpaccio z červené řepy s kozím sýrem, rukola, karamelizované ořechy – vege",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 155,
              "pricef": "155 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 124,
          "catName": "SOTÉ (porce = 150-200 g), Kotlík 10 litrů = 30 porcí",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 98,
              "idParent": 124,
              "idProductType": 1,
              "idProductVariant": 14,
              "name": "Hovězí guláš z krku mladého býka",
              "desc": "Poisek/pozn.",
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 180,
              "pricef": "180 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 99,
              "idParent": 124,
              "idProductType": 1,
              "idProductVariant": 15,
              "name": "Hovězí stroganov s kyselým okurkem",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 180,
              "pricef": "180 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 100,
              "idParent": 124,
              "idProductType": 1,
              "idProductVariant": 16,
              "name": "Trhané hovězí ramínko – rajská nebo koprová omáčka",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 160,
              "pricef": "160 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 101,
              "idParent": 124,
              "idProductType": 1,
              "idProductVariant": 17,
              "name": "Hovězí líčka na červeném víně",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 210,
              "pricef": "210 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 102,
              "idParent": 124,
              "idProductType": 1,
              "idProductVariant": 18,
              "name": "Asijské kuřecí soté se zeleninou, jarní cibule",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 150,
              "pricef": "150 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 103,
              "idParent": 124,
              "idProductType": 1,
              "idProductVariant": 19,
              "name": "Zauzená vepřová kýta bez kosti",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 690,
              "pricef": "690 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 120,
          "catName": "ROLÁDY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 96,
              "idParent": 120,
              "idProductType": 1,
              "idProductVariant": 12,
              "name": "Španělský ptáček",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 180,
              "pricef": "180 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 97,
              "idParent": 120,
              "idProductType": 1,
              "idProductVariant": 13,
              "name": "Kuřecí roláda se sušenými rajčaty a mozzarellou",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 580,
              "pricef": "580 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        }
      ]
    },
    {
      "idGroup": 237,
      "catName": "FIREMNÍ AKCE/ŠKOLENÍ ",
      "catDesc": null,
      "groupLvl": 1,
      "groupLvlClass": "group-lvl-1",
      "products": [],
      "groups": [
        {
          "idGroup": 163,
          "catName": "ŠPÍZY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 126,
              "idParent": 163,
              "idProductType": 1,
              "idProductVariant": 42,
              "name": "Živáňské špízy z vepřové panenky",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 750,
              "pricef": "750 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 127,
              "idParent": 163,
              "idProductType": 1,
              "idProductVariant": 43,
              "name": "Kuřecí tandoori špízy s massalla omáčkou",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 580,
              "pricef": "580 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 149,
          "catName": "PEČENÉ/GRIL",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 116,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 32,
              "name": "Vepřová panenka sous-vide, zeleninové ragú",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 860,
              "pricef": "860 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 117,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 33,
              "name": "Pomalu pečená vepřová krkovice s rozmarýnem a česnekem",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 760,
              "pricef": "760 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 118,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 34,
              "name": "Pečené koleno bez kosti",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 760,
              "pricef": "760 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 119,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 35,
              "name": "Pomalu pečený vepřový bůček na česneku",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 760,
              "pricef": "760 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 120,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 36,
              "name": "Pečené pikantní kuřecí paličky",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 480,
              "pricef": "480 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 121,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 37,
              "name": "Pečená BBQ vepřová žebra",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 710,
              "pricef": "710 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 122,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 38,
              "name": "Anglický roastbeef, majonéza s pečeným česnekem",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 1600,
              "pricef": "1 600 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 123,
              "idParent": 149,
              "idProductType": 1,
              "idProductVariant": 39,
              "name": "Hovězí mini cheeseburgery (100 g masa), čedar, salát, rajče, majonéza",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 145,
              "pricef": "145 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 159,
          "catName": "RYBY A MOŘSKÉ PLODY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 124,
              "idParent": 159,
              "idProductType": 1,
              "idProductVariant": 40,
              "name": "Grilované losové nugetky s limetkovo-koprovým dipem",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 2100,
              "pricef": "2 100 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 125,
              "idParent": 159,
              "idProductType": 1,
              "idProductVariant": 41,
              "name": "Pečený losos v celku s bylinkovým máslem",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 2100,
              "pricef": "2 100 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 186,
          "catName": "SLADKÝ COFFEEBREAK/DEZERTY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 143,
              "idParent": 186,
              "idProductType": 1,
              "idProductVariant": 59,
              "name": "Variace mini řezů",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 49,
              "pricef": "49 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 144,
              "idParent": 186,
              "idProductType": 1,
              "idProductVariant": 60,
              "name": "Cheesecake",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 59,
              "pricef": "59 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 145,
              "idParent": 186,
              "idProductType": 1,
              "idProductVariant": 61,
              "name": "Variace čerstvých domácích skleniček – panna cotta, tvaroh s ovocem",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 59,
              "pricef": "59 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 146,
              "idParent": 186,
              "idProductType": 1,
              "idProductVariant": 62,
              "name": "Tradiční valašské frgály ",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 220,
              "pricef": "220 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 147,
              "idParent": 186,
              "idProductType": 1,
              "idProductVariant": 63,
              "name": "Drobenkový koláč s ovocem (po 12ks)",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 49,
              "pricef": "49 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 148,
              "idParent": 186,
              "idProductType": 1,
              "idProductVariant": 64,
              "name": "Banánový chléb (po 8 ks)",
              "desc": null,
              "alergens": null,
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 35,
              "pricef": "35 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        }
      ]
    },
    {
      "idGroup": 238,
      "catName": "OSLAVY NAROZENIN ",
      "catDesc": null,
      "groupLvl": 1,
      "groupLvlClass": "group-lvl-1",
      "products": [],
      "groups": [
        {
          "idGroup": 101,
          "catName": "KANÁPKY, CHLEBÍČKY",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 85,
              "idParent": 101,
              "idProductType": 1,
              "idProductVariant": 1,
              "name": "Variace tradičních chlebíčků – šunkový, sýrový",
              "desc": "xxxxx",
              "alergens": "2,3",
              "unitName": "ks",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 11,
              "pricef": "11 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 86,
              "idParent": 101,
              "idProductType": 1,
              "idProductVariant": 2,
              "name": "Variace mini chlebíčků",
              "desc": null,
              "alergens": "4,5,7",
              "unitName": "ks",
              "priceDesc": "Popis ceny",
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
              "price": 45,
              "pricef": "45 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 133,
          "catName": "HLAVNÍ CHOD",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 104,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 20,
              "name": "Svíčková na smetaně s brusinkami, houskový a karlovarský knedlík",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 230,
              "pricef": "230 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 105,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 21,
              "name": "Vepřová panenka sous-vide, houbové ragú, demi-glace, marinované pečené grenaille, aioli/bramborové pyré",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 240,
              "pricef": "240 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 106,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 22,
              "name": "Pomalu pečený vepřový vrabec, otické kysané zelí, variace knedlíků",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 210,
              "pricef": "210 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 107,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 23,
              "name": "Španělský ptáček, jasmínová rýže (nebo bram. kaše), nakládaná zelenina",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 230,
              "pricef": "230 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 108,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 24,
              "name": "Plněné kuřecí prso halloumi sýrem, bramborová kaše, blanšírovaná zelenina na másle",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 210,
              "pricef": "210 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 109,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 25,
              "name": "Smažený řízek z krkovice, tradiční bramborový salát, grilovaný citrón",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 210,
              "pricef": "210 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 110,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 26,
              "name": "Vídeňská roštěná, pečená slanina, sázené vejce, marinované pečené grenaille",
              "desc": null,
              "alergens": null,
              "unitName": "porce",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
              "price": 290,
              "pricef": "290 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 111,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 27,
              "name": "Dýňové rizoto s karamelizovanými ořechy, pecorino romano – veget",
              "desc": null,
              "alergens": null,
              "unitName": null,
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 <br/>Objednací množství +/- 1 ",
              "price": 190,
              "pricef": "190 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 112,
              "idParent": 133,
              "idProductType": 1,
              "idProductVariant": 28,
              "name": "Marinované tofu v bylinkách s restovanou zeleninou, bramborová kaše – vegan",
              "desc": null,
              "alergens": null,
              "unitName": null,
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 <br/>Objednací množství +/- 1 ",
              "price": 190,
              "pricef": "190 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        },
        {
          "idGroup": 167,
          "catName": "VEGGIE",
          "catDesc": null,
          "groupLvl": 2,
          "groupLvlClass": "group-lvl-2",
          "products": [
            {
              "idProduct": 128,
              "idParent": 167,
              "idProductType": 1,
              "idProductVariant": 44,
              "name": "Salát z černé čočky s rukolou a pečenou dýní, parmazán, česnekový vinaigrette",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 390,
              "pricef": "390 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 129,
              "idParent": 167,
              "idProductType": 1,
              "idProductVariant": 45,
              "name": "Zeleninové placičky s mozzarellou",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 390,
              "pricef": "390 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 130,
              "idParent": 167,
              "idProductType": 1,
              "idProductVariant": 46,
              "name": "Vegetariánské chilli sin carne, batáty a cizrna, čedar a zakysaná smetana",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 620,
              "pricef": "620 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            },
            {
              "idProduct": 131,
              "idParent": 167,
              "idProductType": 1,
              "idProductVariant": 47,
              "name": "Zeleninové curry s kokosovým mlékem a tofu",
              "desc": null,
              "alergens": null,
              "unitName": "kg",
              "priceDesc": null,
              "minAmount": 1,
              "maxAmount": null,
              "stepAmount": 1,
              "itemDesc": "",
              "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
              "price": 580,
              "pricef": "580 Kč",
              "orderAmountF": "",
              "isValid": true,
              "orderAmount": null,
              "isChosen": false,
              "isInCart": false,
              "priceSum": 0,
              "priceSumf": ""
            }
          ],
          "groups": []
        }
      ]
    }
  ],
  "paymentTypes": [
    {
      "idPaymentType": 7,
      "ptName": "Faktura"
    },
    {
      "idPaymentType": 1,
      "ptName": "Hotově"
    },
    {
      "idPaymentType": 2,
      "ptName": "Kartou"
    },
    {
      "idPaymentType": 3,
      "ptName": "Převodem"
    }
  ],
  "allProducts": [
    {
      "idProduct": 240,
      "idParent": 115,
      "idProductType": 1,
      "idProductVariant": 306,
      "name": "produkt pod skupinou",
      "desc": "popis",
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": 1,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Maximální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 1000,
      "pricef": "1 000 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 93,
      "idParent": 115,
      "idProductType": 2,
      "idProductVariant": 9,
      "name": "Kuřecí vývar s masem, játrovými knedlíčky a nudlemi",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 0,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Objednací množství +/- 1 porce",
      "price": 79,
      "pricef": "79 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 94,
      "idParent": 115,
      "idProductType": 1,
      "idProductVariant": 10,
      "name": "Polévka dle denní nabídky (víkendové menu)",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 79,
      "pricef": "79 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 95,
      "idParent": 115,
      "idProductType": 1,
      "idProductVariant": 11,
      "name": "Zeleninová polévka – vegan",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 79,
      "pricef": "79 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 113,
      "idParent": 144,
      "idProductType": 1,
      "idProductVariant": 29,
      "name": "Smažené kuřecí řízečky",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 600,
      "pricef": "600 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 114,
      "idParent": 144,
      "idProductType": 1,
      "idProductVariant": 30,
      "name": "Smažené řízečky z vepřové panenky",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 720,
      "pricef": "720 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 115,
      "idParent": 144,
      "idProductType": 1,
      "idProductVariant": 31,
      "name": "Tatarák z hovězí svíčkové, chlebové topinky",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 2500,
      "pricef": "2 500 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 132,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 48,
      "name": "Marinované pečené grenaille s česnekem a rozmarýnem ",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 320,
      "pricef": "320 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 133,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 49,
      "name": "Jasmínová rýže",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 220,
      "pricef": "220 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 134,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 50,
      "name": "Máslová bramborová kaše",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 220,
      "pricef": "220 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 135,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 51,
      "name": "Variace knedlíků (Bramborový, kynutý, houskový)",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 30,
      "pricef": "30 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 136,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 52,
      "name": "Tradiční bramborový salát",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 250,
      "pricef": "250 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 137,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 53,
      "name": "Salát tabouleh",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 360,
      "pricef": "360 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 138,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 54,
      "name": "Řecký salát s feta sýrem a olivami (sýr zvlášť)",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 380,
      "pricef": "380 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 139,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 55,
      "name": "Šopský salát s balkánským sýrem (sýr zvlášť)",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 360,
      "pricef": "360 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 140,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 56,
      "name": "Caprese špízy",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 360,
      "pricef": "360 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 141,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 57,
      "name": "Čerstvé pečivo",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 22,
      "pricef": "22 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 142,
      "idParent": 173,
      "idProductType": 1,
      "idProductVariant": 58,
      "name": "Variace dipů: Dip z modrého sýru, chilli majonéza, majonéza z pečeného česneku, bylinkový jogurt, limetová majonéza, pažitková zakysaná smetana, majonéza s bazalkovým pestem",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 20,
      "pricef": "20 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 87,
      "idParent": 105,
      "idProductType": 1,
      "idProductVariant": 3,
      "name": "Variace Italských uzenin",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 1500,
      "pricef": "1 500 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 88,
      "idParent": 105,
      "idProductType": 1,
      "idProductVariant": 4,
      "name": "Variace výběrových sýrů",
      "desc": null,
      "alergens": "1,2",
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 1500,
      "pricef": "1 500 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 89,
      "idParent": 105,
      "idProductType": 1,
      "idProductVariant": 5,
      "name": "Tradiční sýrová mísa (sýr s bílou plísní, ementál, sýr s modrou plísní, parenica)",
      "desc": null,
      "alergens": "4,6,8",
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 900,
      "pricef": "900 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 90,
      "idParent": 105,
      "idProductType": 1,
      "idProductVariant": 6,
      "name": "Tradiční salámová mísa",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 900,
      "pricef": "900 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 91,
      "idParent": 111,
      "idProductType": 1,
      "idProductVariant": 7,
      "name": "Kachní paštika s brusinkami, francouzská bagetka",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 155,
      "pricef": "155 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 92,
      "idParent": 111,
      "idProductType": 1,
      "idProductVariant": 8,
      "name": "Carpaccio z červené řepy s kozím sýrem, rukola, karamelizované ořechy – vege",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 155,
      "pricef": "155 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 98,
      "idParent": 124,
      "idProductType": 1,
      "idProductVariant": 14,
      "name": "Hovězí guláš z krku mladého býka",
      "desc": "Poisek/pozn.",
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 180,
      "pricef": "180 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 99,
      "idParent": 124,
      "idProductType": 1,
      "idProductVariant": 15,
      "name": "Hovězí stroganov s kyselým okurkem",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 180,
      "pricef": "180 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 100,
      "idParent": 124,
      "idProductType": 1,
      "idProductVariant": 16,
      "name": "Trhané hovězí ramínko – rajská nebo koprová omáčka",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 160,
      "pricef": "160 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 101,
      "idParent": 124,
      "idProductType": 1,
      "idProductVariant": 17,
      "name": "Hovězí líčka na červeném víně",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 210,
      "pricef": "210 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 102,
      "idParent": 124,
      "idProductType": 1,
      "idProductVariant": 18,
      "name": "Asijské kuřecí soté se zeleninou, jarní cibule",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 150,
      "pricef": "150 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 103,
      "idParent": 124,
      "idProductType": 1,
      "idProductVariant": 19,
      "name": "Zauzená vepřová kýta bez kosti",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 690,
      "pricef": "690 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 96,
      "idParent": 120,
      "idProductType": 1,
      "idProductVariant": 12,
      "name": "Španělský ptáček",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 180,
      "pricef": "180 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 97,
      "idParent": 120,
      "idProductType": 1,
      "idProductVariant": 13,
      "name": "Kuřecí roláda se sušenými rajčaty a mozzarellou",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 580,
      "pricef": "580 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 126,
      "idParent": 163,
      "idProductType": 1,
      "idProductVariant": 42,
      "name": "Živáňské špízy z vepřové panenky",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 750,
      "pricef": "750 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 127,
      "idParent": 163,
      "idProductType": 1,
      "idProductVariant": 43,
      "name": "Kuřecí tandoori špízy s massalla omáčkou",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 580,
      "pricef": "580 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 116,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 32,
      "name": "Vepřová panenka sous-vide, zeleninové ragú",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 860,
      "pricef": "860 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 117,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 33,
      "name": "Pomalu pečená vepřová krkovice s rozmarýnem a česnekem",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 760,
      "pricef": "760 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 118,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 34,
      "name": "Pečené koleno bez kosti",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 760,
      "pricef": "760 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 119,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 35,
      "name": "Pomalu pečený vepřový bůček na česneku",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 760,
      "pricef": "760 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 120,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 36,
      "name": "Pečené pikantní kuřecí paličky",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 480,
      "pricef": "480 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 121,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 37,
      "name": "Pečená BBQ vepřová žebra",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 710,
      "pricef": "710 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 122,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 38,
      "name": "Anglický roastbeef, majonéza s pečeným česnekem",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 1600,
      "pricef": "1 600 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 123,
      "idParent": 149,
      "idProductType": 1,
      "idProductVariant": 39,
      "name": "Hovězí mini cheeseburgery (100 g masa), čedar, salát, rajče, majonéza",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 145,
      "pricef": "145 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 124,
      "idParent": 159,
      "idProductType": 1,
      "idProductVariant": 40,
      "name": "Grilované losové nugetky s limetkovo-koprovým dipem",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 2100,
      "pricef": "2 100 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 125,
      "idParent": 159,
      "idProductType": 1,
      "idProductVariant": 41,
      "name": "Pečený losos v celku s bylinkovým máslem",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 2100,
      "pricef": "2 100 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 143,
      "idParent": 186,
      "idProductType": 1,
      "idProductVariant": 59,
      "name": "Variace mini řezů",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 49,
      "pricef": "49 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 144,
      "idParent": 186,
      "idProductType": 1,
      "idProductVariant": 60,
      "name": "Cheesecake",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 59,
      "pricef": "59 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 145,
      "idParent": 186,
      "idProductType": 1,
      "idProductVariant": 61,
      "name": "Variace čerstvých domácích skleniček – panna cotta, tvaroh s ovocem",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 59,
      "pricef": "59 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 146,
      "idParent": 186,
      "idProductType": 1,
      "idProductVariant": 62,
      "name": "Tradiční valašské frgály ",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 220,
      "pricef": "220 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 147,
      "idParent": 186,
      "idProductType": 1,
      "idProductVariant": 63,
      "name": "Drobenkový koláč s ovocem (po 12ks)",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 49,
      "pricef": "49 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 148,
      "idParent": 186,
      "idProductType": 1,
      "idProductVariant": 64,
      "name": "Banánový chléb (po 8 ks)",
      "desc": null,
      "alergens": null,
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 35,
      "pricef": "35 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 85,
      "idParent": 101,
      "idProductType": 1,
      "idProductVariant": 1,
      "name": "Variace tradičních chlebíčků – šunkový, sýrový",
      "desc": "xxxxx",
      "alergens": "2,3",
      "unitName": "ks",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 11,
      "pricef": "11 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 86,
      "idParent": 101,
      "idProductType": 1,
      "idProductVariant": 2,
      "name": "Variace mini chlebíčků",
      "desc": null,
      "alergens": "4,5,7",
      "unitName": "ks",
      "priceDesc": "Popis ceny",
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 ks<br/>Objednací množství +/- 1 ks",
      "price": 45,
      "pricef": "45 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 104,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 20,
      "name": "Svíčková na smetaně s brusinkami, houskový a karlovarský knedlík",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 230,
      "pricef": "230 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 105,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 21,
      "name": "Vepřová panenka sous-vide, houbové ragú, demi-glace, marinované pečené grenaille, aioli/bramborové pyré",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 240,
      "pricef": "240 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 106,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 22,
      "name": "Pomalu pečený vepřový vrabec, otické kysané zelí, variace knedlíků",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 210,
      "pricef": "210 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 107,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 23,
      "name": "Španělský ptáček, jasmínová rýže (nebo bram. kaše), nakládaná zelenina",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 230,
      "pricef": "230 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 108,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 24,
      "name": "Plněné kuřecí prso halloumi sýrem, bramborová kaše, blanšírovaná zelenina na másle",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 210,
      "pricef": "210 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 109,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 25,
      "name": "Smažený řízek z krkovice, tradiční bramborový salát, grilovaný citrón",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 210,
      "pricef": "210 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 110,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 26,
      "name": "Vídeňská roštěná, pečená slanina, sázené vejce, marinované pečené grenaille",
      "desc": null,
      "alergens": null,
      "unitName": "porce",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 porce<br/>Objednací množství +/- 1 porce",
      "price": 290,
      "pricef": "290 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 111,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 27,
      "name": "Dýňové rizoto s karamelizovanými ořechy, pecorino romano – veget",
      "desc": null,
      "alergens": null,
      "unitName": null,
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 <br/>Objednací množství +/- 1 ",
      "price": 190,
      "pricef": "190 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 112,
      "idParent": 133,
      "idProductType": 1,
      "idProductVariant": 28,
      "name": "Marinované tofu v bylinkách s restovanou zeleninou, bramborová kaše – vegan",
      "desc": null,
      "alergens": null,
      "unitName": null,
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 <br/>Objednací množství +/- 1 ",
      "price": 190,
      "pricef": "190 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 128,
      "idParent": 167,
      "idProductType": 1,
      "idProductVariant": 44,
      "name": "Salát z černé čočky s rukolou a pečenou dýní, parmazán, česnekový vinaigrette",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 390,
      "pricef": "390 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 129,
      "idParent": 167,
      "idProductType": 1,
      "idProductVariant": 45,
      "name": "Zeleninové placičky s mozzarellou",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 390,
      "pricef": "390 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 130,
      "idParent": 167,
      "idProductType": 1,
      "idProductVariant": 46,
      "name": "Vegetariánské chilli sin carne, batáty a cizrna, čedar a zakysaná smetana",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 620,
      "pricef": "620 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    },
    {
      "idProduct": 131,
      "idParent": 167,
      "idProductType": 1,
      "idProductVariant": 47,
      "name": "Zeleninové curry s kokosovým mlékem a tofu",
      "desc": null,
      "alergens": null,
      "unitName": "kg",
      "priceDesc": null,
      "minAmount": 1,
      "maxAmount": null,
      "stepAmount": 1,
      "itemDesc": "",
      "infoMinMax": "Minimální množství: 1 kg<br/>Objednací množství +/- 1 kg",
      "price": 580,
      "pricef": "580 Kč",
      "orderAmountF": "",
      "isValid": true,
      "orderAmount": null,
      "isChosen": false,
      "isInCart": false,
      "priceSum": 0,
      "priceSumf": ""
    }
  ],
  "cart": {
    "items": [],
    "cartTotal": 0,
    "cartTotalF": "0 Kč",
    "cartInfoText": "0 Kč 0 položek",
    "email": "",
    "numPersons": 1,
    "ofDateTime": "undefined undefined",
    "idPaymentType": 7
  },
  "errors": [
    "Toto pole je povinné.",
    "Toto pole je povinné.",
    "Toto pole je povinné.",
    "Toto pole je povinné.",
    "Toto pole je povinné.",
    "Zadejte doplňující informace, nebo vyberte položky."
  ],
  "isValid": false
}

Vytvořeno službou CATERINGA®
© 2023-2024 Amenit Software Solutions

Máte vlastní podnik? Vyzkoušejte CATERINGA® ještě dnes.