<?php
//###### CSS-Datei inkludieren
include(phpIncludePhpPage('wiki:ernaehrung:css:css_fleischlos_produkt'));
  
################################################################################## ###### HTML-Tag öffnen ################################################################################## echo '<html>'; ###### Variablen bestimmen
$namespaceNameString = 'wiki:ernaehrung:marke:' . phpCreateDokuWikiConformName($product[$givenProductArrayId]['marke']['wert']);
if ($product[$givenProductArrayId]['empfehlung']['wert'] == "4") {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_4v4.png';
} elseif ($product[$givenProductArrayId]['empfehlung']['wert'] == "3") {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_3v4.png';
} elseif ($product[$givenProductArrayId]['empfehlung']['wert'] == "1") {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_1v4.png';
} else {
  $suggestionIcon = 'wiki:ernaehrung:icons:alticon_lebensmittel_tipp_2v4.png';
}
echo ' <!– ################################################################################## ###### parentbox umspannender Inhalts-Container (öffnen) ################################################################################## –>
<!– ################################################################################## ###### titlebox (Produktname) ################################################################################## –>
    <div class="titlebox-top"></html>' . $product[$givenProductArrayId]['produktlinie']['wert'] . '<html></div>
    <div class="titlebox-bottom"></html>' . $product[$givenProductArrayId]['produktname']['wert'] . '<html> (<script language="javascript">document.write(Math.max(document.documentElement.clientWidth, window.innerWidth || 0) + "x" + Math.max(document.documentElement.clientHeight, window.innerHeight || 0) + " @ " + screen.width + "x" + screen.height); </script>)</div>
  </div>
<!– ################################################################################## ###### suggestionbox (Icon und Gesamtbewertung) ################################################################################## –>
    <div class="coverbox-image"></html>{{' . $namespaceNameString . ':' . $product[$givenProductArrayId]['imageCover']['wert'] . '?nolink}}<html></div>
    
    <div class="contentbox-beside-cover">Meine Bewertung:
      <div class="suggestbox-row">
<!-- ###### Icon -->
        <div class="suggestbox-row-icon"></html>{{' . $suggestionIcon . '?nolink}}<html></div>
<!-- ###### Empfehlung -->
        <div class="suggestbox-row-information">
          <div class="suggestbox-row-information-title">' . $product[$givenProductArrayId]['empfehlung']['notiz'] . '</div>
          <div class="suggestbox-row-information-content">
  <!-- ###### Geschmack -->
            <div class="suggestbox-rating-box">
              <div class="suggestbox-rating-title">Geschmack</div>
              <div class="suggestbox-rating-scale" style="padding-left: calc(calc(' . ($product[$givenProductArrayId]['geschmack']['wert'] - 1) . ') * var(--div-suggestbox-rating-scale-marks) + calc(var(--global-font-size)/2));">
                ★
              </div>
              <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_geschmack_' . $product[$givenProductArrayId]['geschmack']['wert'] . 'v4.png?nolink}}<html></div>
            </div>
  <!-- ###### Wuerze -->
            <div class="suggestbox-rating-box">
              <div class="suggestbox-rating-title">Würze</div>
              <div class="suggestbox-rating-scale" style="padding-left: calc(calc(' . ($product[$givenProductArrayId]['wuerze']['wert'] - 1) . ') * var(--div-suggestbox-rating-scale-marks) + calc(var(--global-font-size)/2));">
                ★
              </div>
              <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_wuerze_' . $product[$givenProductArrayId]['wuerze']['wert'] . 'v4.png?nolink}}<html></div>
            </div>
  <!-- ###### Konsistenz -->
            <div class="suggestbox-rating-box">
              <div class="suggestbox-rating-title">Konsistenz</div>
              <div class="suggestbox-rating-scale" style="padding-left: calc(calc(' . ($product[$givenProductArrayId]['konsistenz']['wert'] - 1) . ') * var(--div-suggestbox-rating-scale-marks) + calc(var(--global-font-size)/2));">
                ★
              </div>
              <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_konsistenz_' . $product[$givenProductArrayId]['konsistenz']['wert'] . 'v4.png?nolink}}<html></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
<!– ################################################################################## ###### suggestionbox (Fazit) ################################################################################## –>
    <div class="contentbox">Fazit:
      <div class="contentbox-information"><poem></html>' . $product[$givenProductArrayId]['fazit']['notiz'] . '<html></poem><br /><br /></div>
    </div>
  </div>
<!– ################################################################################## ###### Erkenntnisbox Merkmale (öffnen) ################################################################################## –>
    <div class="contentbox">Meine Erkenntnisse:';
  
foreach ($product[$givenProductArrayId] as $currentProductCriteriaName=>$currentProductCriteriaProperty) {
  // Sonderzeichen wieder herstellen
  if ($currentProductCriteriaName == 'suessstofffrei') { $customizedProductCriteriaName = 'süßstofffrei'; }
  elseif ($currentProductCriteriaName == 'huehnereifrei') { $customizedProductCriteriaName = 'hühnereifrei'; }
  elseif ($currentProductCriteriaName == 'palmoelfrei') { $customizedProductCriteriaName = 'palmölfrei'; }
  else { $customizedProductCriteriaName = $currentProductCriteriaName; }
  
  //Kriteriennamen 'gross' schreiben
  $customizedProductCriteriaName = ucfirst($customizedProductCriteriaName);
  // 'frei' aus dem String entfernen und 'Ohne ' voranstellen
  if (strpos($customizedProductCriteriaName , 'frei') !== false) {
    $customizedProductCriteriaName = "Ohne " . str_replace("frei","",$customizedProductCriteriaName);
  }
  // Merkmale und Label listen
  if ((($currentProductCriteriaProperty['kategorie'] == 'label') || ($currentProductCriteriaProperty['kategorie'] == 'merkmal')) && ($currentProductCriteriaProperty['wert'] == '1')){
    echo'
      <div class="suggestbox-row">
        <div class="suggestbox-row-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_' . $currentProductCriteriaName . '.png?nolink}}<html></div>
        <div class="suggestbox-row-information">
          <div class="suggestbox-row-information-title"></html>' . $customizedProductCriteriaName  . '<html></div>
          <div class="suggestbox-row-information-content"></html>' . $currentProductCriteriaProperty['notiz'] . '<html></div>
        </div>
      </div>
    ';
  }
}
foreach ($product[$givenProductArrayId] as $currentProductCriteriaName=>$currentProductCriteriaProperty) {
  if ($currentProductCriteriaProperty['kategorie'] == 'suesse'){
    echo'
    <!-- Suesse-Werte in Array schreiben und dann prüfen, ob die Werte auf 1 stehen! -->
    ';
  }
}
// Zucker, Zuckerersatz und Zuckeraustausch listen
if (($product[$givenProductArrayId]['zucker']['wert'] == '1') || ($product[$givenProductArrayId]['zuckeraustauschstoffe']['wert'] == '1') || ($product[$givenProductArrayId]['zuckerersatzstoffe']['wert'] == '1') || ($product[$givenProductArrayId]['zuckeralternativen']['wert'] == '1')) {
  echo'
    <div class="suggestbox-row">
<!-- ###### Icon -->
      <div class="suggestbox-row-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_achtung.png?nolink}}<html></div>
<!-- ###### Hinweis auf Süße-->
      <div class="suggestbox-row-information">
        <div class="suggestbox-row-information-title">Enthält Süße</div>
        <div class="suggestbox-row-information-content">
  <!-- ###### Zucker -->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">Zuckerarten</div>
            <div class="suggestbox-rating-content"></html>' .
              $product[$givenProductArrayId]['zucker']['notiz']
            . '<html></div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_suesse_zucker.png?nolink}}<html></div>
          </div>
  <!-- ###### Suessstoff -->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">Süßstoffe</div>
            <div class="suggestbox-rating-content"></html>' .
              $product[$givenProductArrayId]['zuckerersatzstoffe']['notiz']
            . '<html></div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_suesse_suessstoff.png?nolink}}<html></div>
          </div>
  <!-- ###### Zuckeraustausch -->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">Austauschstoffe</div>
            <div class="suggestbox-rating-content"></html>' .
              $product[$givenProductArrayId]['zuckeraustauschstoffe']['notiz']
            . '<html></div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_suesse_zuckeraustausch.png?nolink}}<html></div>
          </div>
  <!-- ###### natürliche Süßungsmittel-->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">Natürliche Süße</div>
            <div class="suggestbox-rating-content"></html>' .
              $product[$givenProductArrayId]['zuckeralternativen']['notiz']
            . '<html></div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_suesse_zuckeralternativen.png?nolink}}<html></div>
          </div>
      </div>
    </div>
  ';  
}
// Farbstoffe listen
if (($product[$givenProductArrayId]['farbstoffesynthetisch']['wert'] == '1') || ($product[$givenProductArrayId]['farbstoffenatuerlich']['wert'] == '1')) {
  echo'
    <div class="suggestbox-row">
<!-- ###### Icon -->
      <div class="suggestbox-row-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_achtung.png?nolink}}<html></div>
<!-- ###### Hinweis auf Farbzusätze-->
      <div class="suggestbox-row-information">
        <div class="suggestbox-row-information-title">Enthält Farbzusätze</div>
        <div class="suggestbox-row-information-content">
  <!-- ###### Farbstoffe synthetisch -->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">künstliche Farbstoffe</div>
            <div class="suggestbox-rating-content"></html>' .
              $product[$givenProductArrayId]['farbstoffesynthetisch']['notiz']
            . '<html></div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_farbe_kuenstlich.png?nolink}}<html></div>
          </div>
  <!-- ###### Farbstoffe natürlich-->
          <div class="suggestbox-rating-box">
            <div class="suggestbox-rating-title">natürliche Farbzusätze</div>
            <div class="suggestbox-rating-content"></html>' .
              $product[$givenProductArrayId]['farbstoffenatuerlich']['notiz']
            . '<html></div>
            <div class="suggestbox-rating-icon"></html>{{wiki:ernaehrung:icons:alticon_lebensmittel_farbe_natuerlich.png?nolink}}<html></div>
          </div>
      </div>
    </div>
  ';  
}
echo ' <!– ################################################################################## ###### Erkenntnisbox Merkmale (schließen) ################################################################################## –> </div> </div> <!– ################################################################################## ###### parentbox umspannender Inhalts-Container (schließen) ################################################################################## –>
</div>
<script> var biggestHeight = 0; Loop through elements children to find & set the biggest height $(".parentbox*").each(function(){ If this elements height is bigger than the biggestHeight if ($(this).height() > biggestHeight ) {
// Set the biggestHeight to this Height biggestHeight = $(this).height();
} });
Set the container height $(".parentbox").height(biggestHeight); </script> <!– ################################################################################## ###### HTML-Tag schließen ################################################################################## –> </html> ';