templates/pdfs/product-specification-sheet/content_new.html.twig line 1

Open in your IDE?
  1. <div style="
  2.     position: relative;
  3.     width: 992px;
  4.     height: 1404px;
  5.     overflow: hidden;
  6.     margin: 0 auto;
  7.     background-color: #0072bb {#var(--coolworld-blue)#};
  8.     {#border: 1px solid #0171BB;#}
  9. ">
  10.     {#1404-74=1330#}
  11.     <header style="
  12.         height: 74px;
  13.         color: white;
  14.         padding: 16px 50px;
  15.     ">
  16.         <svg id="Laag_1"
  17.              x="0px"
  18.              y="0px"
  19.              viewBox="0 0 1384.4 212.1"
  20.              height="42px"
  21.              version="1.1"
  22.              xml:space="preserve"
  23.              xmlns="http://www.w3.org/2000/svg"
  24.              xmlns:xlink="http://www.w3.org/1999/xlink"
  25.             style="
  26.                 enable-background:new 0 0 1384.4 212.1;
  27.                 margin: 0 auto;
  28.             ">
  29.             <style type="text/css">.st0 {fill: #FFFFFF;}</style>
  30.             <g>
  31.                 <path class="st0" d="M192.5,144.3c0-0.7-0.1-1.4-0.2-2.6c-1.4,0.6-2.3,1-3.2,1.4c-6.3,2.9-12.6,6.1-19,8.7 c-7.9,3.2-15.8,6.5-24,8.7c-10.6,2.9-21.6,3.7-32.7,2.7c-17.7-1.5-33.3-7.6-46.1-20.2c-7.8-7.7-13.1-16.8-15.7-27.4 c-1.8-7.6-1.9-15.3-0.7-22.9c1.1-7.1,3.2-14.1,7.1-20.2C66.7,59,79,50,94.3,45.2c11.5-3.6,23.3-5.2,35.3-3.7 c6.2,0.7,12.4,1.5,18.5,2.9c13.6,3,26.3,8.6,38.6,15.1c1,0.5,1.9,1,3.1,1.5c0.1-0.8,0.2-1.2,0.2-1.6c0-13.3,0-26.7,0-40 c0-1.7-0.7-2.7-2.1-3.4c-3.1-1.5-6.2-3.2-9.4-4.6c-16.9-7.3-34.7-10.5-53-11.3c-6.1-0.3-12.3,0.1-18.5,0.4 C95.4,1.1,84,3.2,72.9,6.8c-9.4,3.1-18.5,6.8-26.7,12.5c-7,4.9-13.6,10.3-19.5,16.5c-9.6,10-16.9,21.4-21.5,34.5 c-4.2,12.2-5.9,24.8-5.1,37.8c0.5,7.4,1.3,14.7,3.2,21.9c5.3,19.4,16.1,35.4,31.3,48.4c19.7,16.9,43.2,24,68.6,25.5 c5.5,0.3,11.1,0.2,16.7,0.2c8,0,16-0.9,23.9-2.4c15.9-2.9,30.9-8.2,45.3-15.5c2.4-1.2,3.5-2.6,3.4-5.4 C192.4,168.7,192.5,156.5,192.5,144.3z"/>
  32.                 <path class="st0" d="M1342.6,2.5c0,23.4,0,46.5,0,70c-1.4-0.5-2.3-0.8-3.2-1.2c-3.5-1.3-6.9-2.8-10.4-3.9 c-14.7-4.4-29.5-4.8-43.9,0.5c-19.6,7.1-32.1,21.3-38.6,40.8c-3.9,11.7-4.5,23.7-3.2,35.9c1.7,15.7,7.6,29.5,18.4,41.1 c12.8,13.7,28.8,19.8,47.4,18.8c11.6-0.6,22.1-4.6,31.3-11.7c0.6-0.4,1.3-0.8,2.4-1.5c0,3.9,0,7.3,0,10.6c14.1,0,27.8,0,41.6,0 c0-66.7,0-133.1,0-199.5C1370.4,2.5,1356.7,2.5,1342.6,2.5z M1340.5,166.9c-4.1,3-8.2,5.8-13.1,7.4c-11.1,3.8-21.1,1.8-29.8-6 c-7.1-6.4-10.5-14.8-11.7-24.1c-1.1-8.4-0.9-16.8,1.2-25c0.9-3.4,2.1-6.9,3.7-10c6.6-12.7,17.7-17.3,30.9-16.2 c6.8,0.6,13.3,2.5,19,6.5c1.4,1,2,2,2,3.7c-0.1,9.9,0,19.9,0,29.8c0,9.7-0.1,19.5,0.1,29.2C1342.8,164.3,1342.1,165.7,1340.5,166.9 z"/>
  33.                 <path class="st0" d="M787,138.8c-0.3,0-0.6,0-0.9,0C776.5,115,767,91,757.4,67c-8.4,0-16.6,0-24.8,0c-0.3,0.6-0.5,1-0.7,1.5 c-3.2,8-6.4,16-9.6,24c-5.9,14.8-11.8,29.5-17.8,44.3c-0.3,0.8-0.8,1.5-1.5,2.8c-9.4-24.7-18.5-48.6-27.6-72.5c-14,0-27.8,0-41.8,0 c0.5,1.3,0.9,2.3,1.3,3.3c14.7,33.3,29.4,66.7,44,100c4.2,9.6,8.4,19.2,12.6,28.7c0.7,1.6,1.4,2.7,3.5,2.6 c5.4-0.2,10.9-0.1,16.7-0.1c11-23.9,21.9-47.6,32.9-71.3c0.2,0,0.5,0,0.7,0c10.7,23.7,21.5,47.4,32.3,71.3c5.5,0,10.9-0.1,16.4,0.1 c2.5,0.1,3.6-0.9,4.5-3c18.9-43.1,37.9-86.2,56.8-129.3c0.3-0.7,0.5-1.5,0.8-2.3c-14.2,0-28,0-42,0C805.1,91,796,114.9,787,138.8z" />
  34.                 <path class="st0" d="M348.7,83.9c-14.2-12.1-30.8-18.2-49.3-19.2c-6.7-0.3-13.4,0-20,1.1c-13.2,2.1-25.3,6.8-35.8,15.3 c-11.4,9.2-19.1,20.8-22.5,35.1c-1.9,8.3-2.7,16.8-1.7,25.3c1.1,9.4,2.9,18.5,7.8,27c7.8,13.5,18.5,23.4,32.8,29.5 c10.9,4.6,22.2,6.5,34.8,6.2c9.2,0.5,18.8-1.1,28.3-4.5c9.7-3.5,18.7-8,26.2-15.2c11.2-10.7,18.1-23.7,19.4-39.4 c0.8-9.9,0.8-19.7-1.4-29.4C364.3,103.2,358.7,92.3,348.7,83.9z M325,133c0.1,9.8-0.9,19-4.2,27.8c-2.7,7-6.7,13-13.8,16.1 c-10.3,4.6-20.2,3.7-29.6-2.5c-3.4-2.2-5.8-5.5-7.8-9c-3.8-6.8-5.5-14.3-6-22.1c-0.3-4.8-0.1-9.6-0.1-14.4c0-6.7,1.4-13.2,3.7-19.5 c2-5.6,5.1-10.5,9.8-14.3c12.3-10.2,36.5-8.4,43.9,12.3C323.8,115.9,325.2,124.5,325,133z"/>
  35.                 <path class="st0" d="M522.6,86.1c-2.4-2.3-5-4.3-7.6-6.2c-7.6-5.7-15.9-9.8-25.1-12.2c-11.4-3-23-3.9-34.8-2.5 c-13.3,1.5-25.6,5.6-36.6,13.4c-17.3,12.2-26.2,29-27.8,49.8c-0.5,6.4-0.1,12.9,1,19.3c3.9,22.1,15.9,38.1,35.7,48.4 c11.9,6.2,24.8,8.6,38.6,8.1c10.8,0.4,21.6-1.5,32.1-5.8c11.8-4.9,22.3-11.4,29.9-21.9c5.1-7,9.1-14.6,10.9-23.2 c2.3-11.2,2.5-22.4,0.5-33.6C537.2,106.8,532.2,95.3,522.6,86.1z M495.3,149.3c-1.1,7.2-3.2,14.2-7.8,20.2 c-6.5,8.5-15.4,11.2-25.6,10.1c-3.9-0.4-7.6-1.5-11.1-3.5c-4.9-3-8.4-7.2-10.8-12.3c-2.8-6-4.4-12.3-4.9-18.9 c-0.3-3.3-0.5-6.5-0.7-9.8c0-9,1.3-17.8,4.6-26.2c3-7.7,7.8-14,15.7-17.3c11.5-4.8,29.5-2.8,36.8,14c2.6,6.1,3.8,12.5,4.6,19 C497.1,132.8,496.6,141.1,495.3,149.3z"/>
  36.                 <path class="st0" d="M1172.3,2.7c0,66.4,0,132.9,0,199.3c7.3,0.6,39.7,0.3,41.9-0.4c0-66.2,0-132.5,0-199 C1210.5,2,1174.3,2.1,1172.3,2.7z"/>
  37.                 <path class="st0" d="M608.9,2.5c-0.3,0-0.6,0-0.9,0c-11.4,0-22.8,0-34.2,0c-3.7,0-3.7,0-3.7,3.8c0,0.1,0,0.2,0,0.3 c0,62.5,0,125,0,187.5c0,1.5,0,3.1,0,4.6c0.1,2.9,0.2,3.1,3.2,3.1c11.8,0,23.7,0,35.5,0c2.6,0,2.8-0.2,2.9-2.8c0-0.5,0-1,0-1.5 c0-31.7,0-63.4,0-95.1c0-32,0-64,0-96c0-0.4,0-0.8,0-1.2C611.6,2.7,611.4,2.5,608.9,2.5z"/>
  38.                 <path class="st0" d="M1152.6,75.2c-5.1-3.5-10.3-6.8-16.1-9c-8.2-3.1-16.1-2.6-23.8,1.6c-4.5,2.4-8.3,5.6-11.7,9.4 c-6.8,7.6-11.6,16.4-16,25.5c-0.4,0.8-0.8,1.5-1.2,2.3c-0.2,0-0.4-0.1-0.7-0.1c0-12.5,0-25.1,0-37.5c-4.1-0.7-39.8-0.6-42.2,0 c0,44.8,0,89.6,0,134.6c14,0,27.9,0,42,0c0.1-1.3,0.2-2.5,0.2-3.7c0-17.5,0-35.1,0-52.7c0-2.4,0.3-4.7,1.4-6.8 c3.5-6.7,6.9-13.5,10.6-20.1c2.1-3.7,4.8-6.9,8.2-9.5c6.1-4.6,12.7-6.4,20.3-4.2c4.7,1.4,9.1,3.3,13.3,5.7c1.8,1,3.5,2,5.4,3.1 c0.3-0.9,0.6-1.5,0.8-2.2c1.1-3.5,2.2-7,3.3-10.6c2.2-7.2,4.5-14.5,6.7-21.7C1153.8,77.8,1154.3,76.4,1152.6,75.2z"/>
  39.                 <path class="st0" d="M939.9,57.5c-45-2.1-81.1,33.6-81.6,76.6c-0.7,38.7,30.9,77.7,76.9,78c43.3,0.3,76.5-34,78.2-72.9 C1015.5,88.4,975.7,59.2,939.9,57.5z M935.6,206.3c-39.6,0.4-72.8-34.5-71.6-73.5c1.2-38.7,33.1-69.8,71.8-69.8 c39.2,0,71.7,31.6,71.8,71.7C1007.8,176.2,972.7,207.1,935.6,206.3z"/>
  40.                 <path class="st0" d="M935.9,190.6c-1.1-0.3-2.1-0.5-3.3-0.8c0-2.8,0-5.4,0-8.1c-0.1-2.6,0.2-5.2-0.3-8.2c-3.1,2.1-5.8,3.8-8.4,5.6 c-4.2,2.7-4.2,2.7-7-1.4c-1.6-2.4-1.5-2.7,1-4.3c4.2-2.7,8.4-5.5,12.7-8.2c1.4-0.9,2.1-2,2.1-3.8c-0.1-5.8,0-11.7-0.1-17.5 c0-0.7-0.2-1.3-0.4-2.1c-0.8,0.3-1.4,0.5-1.9,0.8c-4,2.3-8.1,4.5-12.1,6.8c-5.4,3.1-5.4,3.2-5.5,9.3c-0.1,4.1-0.4,8.2-0.6,12.3 c-0.1,2.2-0.6,2.6-2.8,2.5c-1.2-0.1-2.4-0.4-3.7-0.4c-1.3-0.1-1.8-0.9-1.8-2c0-1.6,0.1-3.3,0.2-4.9c0.1-2.6,0.3-5.2,0.4-8.5 c-1.7,0.9-2.9,1.4-4,2c-2.8,1.6-5.5,3.2-8.3,4.8c-0.9,0.5-2,1.2-2.7,0.1c-1.2-1.8-2.6-3.6-2.8-6.1c4.4-2.6,8.8-5.2,13.5-8 c-4.5-3-9.3-4.3-13.3-7.5c0.8-1.5,1.4-2.8,2-4c1.4-2.6,1.7-2.7,4.3-1.4c4.7,2.4,9.4,4.7,14,7.1c1.1,0.6,2,0.6,3.2,0 c5.6-3.3,11.2-6.5,16.8-9.7c0.3-0.2,0.5-0.5,0.8-0.9c-5.8-3.4-11.4-6.6-16.9-9.9c-1.4-0.8-2.7-0.7-4.1,0.1 c-4.3,2.2-8.6,4.4-12.9,6.6c-1.2,0.6-2.4,1.1-3.6,1.6c-1.8-2.3-2.6-4.6-3.4-7.3c2.3-1.2,4.5-2.3,6.7-3.4c2.1-1.1,4.4-1.9,6.5-3.5 c-0.8-0.5-1.2-0.8-1.7-1c-3.5-2.1-7.1-4.2-10.6-6.2c-1-0.6-1.9-1.1-1.3-2.4c0.9-1.9,2-3.7,3.2-5.9c5,2.9,9.7,5.6,14.6,8.4 c0-0.8,0-1.3,0-1.7c-0.2-3.7-0.5-7.4-0.7-11.1c-0.1-2.2,0.3-2.5,2.4-2.6c1.1-0.1,2.3-0.1,3.4-0.1c2.2,0.1,2.5,0.3,2.7,2.5 c0.2,3.7,0.4,7.4,0.6,11c0.1,1.5,0.3,3.1,0.3,4.6c0.1,1.8,1,3,2.5,3.9c5.3,3,10.5,6.1,15.7,9.1c0.3,0.2,0.7,0.2,1.3,0.3 c0-6.7-0.1-13.1,0-19.6c0-1.9-0.6-3-2.2-4c-4.1-2.5-8.1-5.2-12.2-7.8c-4.1-2.5-3-2.8-1.2-5.6c2.6-3.9,2.5-3.8,6.1-1.1 c2.9,2.2,6,4.1,9.4,6.5c0-4.9,0-9.2,0-13.5c0-3.2,0-3.2,3-4.3c0.2-0.1,0.3-0.3,0.5-0.5c0-1.6,0-3.3,0-5.7c-2.2,0.2-4,0.4-5.8,0.5 c-13.2,1.3-24.9,6.2-34.8,14.9c-12.2,10.7-19.4,24.2-21.3,40.4c-1.2,10.4-0.1,20.5,3.9,30.1c5.2,12.4,13.3,22.6,24.7,29.9 c8.6,5.5,18.1,8.6,28.4,9.4c5,0.4,5.2,1.3,5-4.8C936.3,191.5,936,191,935.9,190.6z"/>
  41.                 <path class="st0" d="M979.3,120.6c-2.3-6-4.2-12.2-6.1-18.4c-2.5-8-3.4-16.2-2.7-24.6c0.1-1.1,0.2-2.3,0.3-3.4 c-3,2.8-4.6,6.2-5.1,10c-1,7.6-1.7,15.3-2.6,22.9c-0.5,4-1.1,7.9-1.8,11.8c-0.1,0.5-0.5,0.9-0.8,1.4c-1.7-5.8-3-11.4-5-16.9 c-1.9-5.4-4.3-10.6-6.7-15.8c-2.4-5.2-5.3-10.2-9.4-15.1c0,17.4,0,34,0,51c0.9-0.5,1.6-0.8,2.7-1.3c0,7.9,3.4,13.7,8.2,18.9 c1.2,1.3,2.4,2.6,3.3,4c4.2,6.4,5.8,13.3,3.4,20.8c-2,6.4-6.3,10.5-13,11.7c-0.7,0.1-1.4,0.3-2.3,0.5c0,3.8,0,7.6,0,11.4 c-0.9,0.4-1.6,0.7-2.3,0.9c0,2.2,0,4.3,0,6.6c3.9,0.1,7.5-0.6,11.1-1.5c24.1-6.4,37.5-26.3,35.1-51.2 C984.8,136.1,982.3,128.3,979.3,120.6z"/>
  42.             </g>
  43.         </svg>
  44.     </header>
  46.     {#1330-300=1030#}
  47.     <table style="
  48.         width: 100%;
  49.         height: 300px;
  50.         background: white;
  51.     ">
  52.         <tr>
  53.             <td style="width: 50%; padding: 32px 56px; text-align: center;">
  54.                 {% if product.images.items[0] is defined %}
  55.                     {{ product.images.items[0].thumbnail('print_product_image').html({
  56.                         'imgAttributes': {
  57.                             'style': 'max-width: 100%; max-height: 236px; width: auto; margin: 0 auto;'
  58.                         },
  59.                         'pictureAttributes': {
  60.                             'style': 'display: block; max-width: 100%; max-height: 236px;'
  61.                         },
  62.                     })|raw }}
  63.                 {% endif %}
  64.             </td>
  65.             <td style="width: 50%; padding: 0 56px 0 0; text-align: left;">
  66.                 <h3 style="font-size: 18pt {#1.3333em#}; margin-bottom: 0">{{ product.category.getName(lang) }}</h3>
  67.                 <h2 style="font-family: 'myriad-pro bold', 'sans-serif'; font-weight: 700; font-size: 24pt {#2em#};">
  68.                     <span style="color: #0072bb {#var(--coolworld-blue)#};">{{ product.code ?? "" }}</span>
  69.                     <span> {{ product.getName(lang) ?? "" }}</span>
  70.                 </h2>
  71.             </td>
  72.         </tr>
  73.     </table>
  75.     {#1030-260=770#}
  76.     <table style="
  77.         width: 100%;
  78.         height: 260px;
  79.         background-color: #e3f1f9 {#var(--coolworld-light-bg)#};
  80.         font-size: 14pt {#1.1667em#};
  81.     ">
  82.         <tr>
  83.             <td style="padding: 0 56px;">{{ product.getDescription(lang) | raw }}</td>
  84.         </tr>
  85.     </table>
  86.     {#770-7=763#}
  87.     <div style="
  88.         background-color: white;
  89.         height: 7px;
  90.         width: 100%;
  91.     "></div>
  92.     {#763-7=756#}
  93.     <div style="
  94.         background-color: #e3f1f9 {#var(--coolworld-light-bg)#};
  95.         height: 7px;
  96.         width: 100%;
  97.     "></div>
  99.     {#<!--756-636=120-->#}
  100.     {#756-(636+38)=82#}
  101.     <table style="
  102.         height: 674px;
  103.         width: 100%;
  104.         margin: 0 auto;
  105.         background: white;
  106.     ">
  107.         <tr>
  108.             <td style="text-align: center;">
  109.                 <h2 style="
  110.                     font-family: 'myriad-pro regular', 'sans-serif';
  111.                     font-weight: 400;
  112.                     font-size: 14pt {#1.1667em#};
  113.                     padding: 32px;
  114.                     margin: 0;
  115.                 ">
  116.                     <span>{{ "Technische specificaties" |  trans({}, null, lang) }}</span>
  117.                     <span style="font-family: 'myriad-pro bold', 'sans-serif'; font-weight: 700; color: #0072bb {#var(--coolworld-blue)#};"> {{ product.code ?? "" }}</span>
  118.                 </h2>
  120.                 {% if product.schematics.items is defined and product.schematics.items is not empty %}
  121.                     {% for schematic in product.schematics.items | slice(0, 1) %}
  122.                         {{ schematic.thumbnail('print_product_image').html({
  123.                             'pictureAttributes':{
  124.                                 'style': 'display: block; max-width: 100%; max-height: 234px; margin-bottom: 32px;',
  125.                             },
  126.                             'imgAttributes': {
  127.                                 'style': 'display: block; max-width: 100%; max-height: 234px; margin: 0 auto;',
  128.                             }
  129.                         })|raw }}
  130.                     {% endfor %}
  131.                 {% endif %}
  133.                 {% set specifications = specifications|filter(s => s.specification_property.data.publicly_visible)|slice(0, 30) %}
  134.                 {% set specificationAmount = specifications|length %}
  135.                 {% if specificationAmount > 0 %}
  136.                     <table style="
  137.                         margin: 0 auto;
  138.                         text-align: left;
  139.                     ">
  140.                         <tr>
  141.                             {% set amountOfColumns = {1: 1, 2: 2, 3: 3, 4: 2}[specificationAmount] ?? 3 %}
  142.                             {% set specificationAmountPerColumn = (specificationAmount / amountOfColumns) | round(0, 'ceil') %}
  144.                             {% set notes = [] %}
  145.                             {% for i in 0..(amountOfColumns-1) %}
  146.                                 <td style="
  147.                                     padding: 0 5px;
  148.                                     vertical-align: top;
  149.                                     width: {{ 100 / amountOfColumns }}%;
  150.                                 ">
  151.                                     <table style="
  152.                                         width: 100%;
  153.                                         font-family: 'myriad-pro semi-bold', 'sans-serif';
  154.                                         font-weight: 600;
  155.                                         font-size: 10pt {#0.8333em#};
  156.                                         margin: 0 auto;
  157.                                     ">
  158.                                         {% set indexStart = i * specificationAmountPerColumn %}
  159.                                         {% for specification in (specifications|slice(indexStart, specificationAmountPerColumn)) %}
  161.                                             {# Retrieve data of specification itself for later use... #}
  162.                                             {% set specificationObject = specification.specification_property.data %}
  164.                                             {# Check and see if there is a note on this specific instance of product x specification, or if a default remark is set on this specification #}
  165.                                             {% set currentNoteOrRemark = specification.localizedfields.data.getLocalizedValue('note', lang) ?? specificationObject.getRemark(lang) %}
  166.                                             {# Found something? Nice. add it to the list os we can display them at the bottom of the page. #}
  167.                                             {% if currentNoteOrRemark %}
  168.                                                 {% if currentNoteOrRemark not in notes %}
  169.                                                     {% set notes = notes|merge([currentNoteOrRemark]) %}
  170.                                                 {% endif %}
  171.                                             {% endif %}
  173.                                             {#
  174.                                             each remark is unique and should only be shown once, so we retrieve the index number of the remark
  175.                                             by checking the index number in the notes array.
  176.                                             #}
  177.                                             {% set currentNoteOrRemarkIndexNumber = false %}
  179.                                             {% for note in notes %}
  180.                                                 {% if note == currentNoteOrRemark %}
  181.                                                     {% set currentNoteOrRemarkIndexNumber = loop.index %}
  182.                                                 {% endif %}
  183.                                             {% endfor %}
  185.                                             <tr>
  186.                                                 <td style="
  187.                                                     padding: 1px 5px;
  188.                                                     white-space: nowrap;
  189.                                                     {{ loop.index is odd ? 'background-color: #e3f1f9;' : '' }}{#var(--coolworld-light-bg)#}
  190.                                                 ">
  191.                                                     {{ specificationObject.getTitle(lang) }}
  192.                                                     {% if currentNoteOrRemarkIndexNumber %}
  193.                                                         <sup> {{ currentNoteOrRemarkIndexNumber }} </sup>
  194.                                                     {% endif %}
  195.                                                 </td>
  196.                                                 <td style="
  197.                                                     padding: 1px 5px 1px 0;
  198.                                                     white-space: nowrap;
  199.                                                     {{ loop.index is odd ? 'background-color: #e3f1f9;' : '' }}{#var(--coolworld-light-bg)#}
  200.                                                 ">
  201.                                                     <span>{{ specification.specification_value.data }}</span>
  202.                                                     <span>{{ specificationObject.getUnit(lang) }}</span>
  203.                                                 </td>
  204.                                             </tr>
  205.                                         {% endfor %}
  207.                                     </table>
  208.                                 </td>
  209.                             {% endfor %}
  210.                         </tr>
  211.                         <tr>
  212.                             <td colspan="{{ amountOfColumns }}">
  213.                                 <table style="
  214.                                     font-size: 10pt {#0.8333em#};
  215.                                     line-height: 0.875em;
  216.                                     margin: 16px auto 0;
  217.                                 ">
  218.                                     {% for note in notes %}
  219.                                         <tr>
  220.                                             <td style="padding: 5px 3px;"><sup>{{ loop.index }}</sup></td>
  221.                                             <td style="padding: 5px 3px;">{{ note }}</td>
  222.                                         </tr>
  223.                                     {% endfor %}
  224.                                 </table>
  225.                             </td>
  226.                         </tr>
  227.                     </table>
  228.                 {% endif %}
  229.             </td>
  230.         </tr>
  231.     </table>
  233.     {#<!--120-38=82-->#}
  234.     {#<div style="
  235.         height: 38px;
  236.         padding: 10px 0;
  237.         font-size: 7pt {#0.5833em# };
  238.         text-align: center;
  239.         background: white;
  240.     ">{{ "specsheet-disclaimer" | trans({}, null, lang) }}</div>#}
  242.     {#82-74=8#}
  243.     <div style="
  244.         width: 100%;
  245.         height: 74px;
  246.         background-color: #0072bb {#var(--coolworld-blue)#};
  247.         color: #FFF;
  248.         position: relative;
  249.     ">
  250.         <div style="position: absolute; z-index: 100; left: 32px; top: 26px; white-space: nowrap; ">
  251.             <svg
  252.                 xmlns="http://www.w3.org/2000/svg"
  253.                 width="20"
  254.                 height="20"
  255.                 style="display: inline; vertical-align: text-bottom;"
  256.             >
  257.                 <path fill="currentColor" fill-rule="evenodd" d="m19.243 13.03-4-1a1.004 1.004 0 0 0-1.075.416l-2.56 3.84a17.084 17.084 0 0 1-7.894-7.894l3.84-2.56a1 1 0 0 0 .416-1.074l-1-4A1 1 0 0 0 6 0H1a1 1 0 0 0-1 1c.012 10.489 8.511 18.988 19 19a1 1 0 0 0 1-1v-5a1 1 0 0 0-.757-.97Z"></path>
  258.             </svg>
  259.             <span>&nbsp;&nbsp;{{ pimcore_website_config('phone_number', null, lang) }}</span>
  260.         </div>
  261.         {% if domainName ?? null %}
  262.             <div style="position: absolute; z-index: 100; right: 32px; top: 26px;">{{ domainName }}</div>
  263.         {% endif %}
  264.     </div>
  266.     {# This forces the div height to be full page #}
  267.     <div style='page-break-after:always'></div>
  268. </div>