<!--
    Delivery sheet printout. Available variables:

        record      ... <class Order> order
        setup       ... <class Setup> setup
        materials   ... materials used in order, grouped by material type.
                        Usage: materials["Cement"] etc. (contains <list of class OrderMaterial>)
                        Supported are following types (warning: names ARE case sensitive)
                          "Admixture", "Aggregate", "Cement", "Water", "Addition"
        unload_time ... <int> time of unload in minutes

-->

<!DOCTYPE html>
<html lang="cs">
  <head>
    <meta charset="utf-8">
    <title>{{ tran("{DeliverySheet}") }} {{ order.auto_number }}</title>

    <!-- Note: in order to work in reverse proxy, we cannot use absolute path beginning with /
         Solution with .. is slightly hacky, however is (waaay) simplest and works with no consequences
         as long as printouts have address like <server>/<anything>/Order/3
    -->
    <link href="{{ url_prefix }}/static/style.css" rel="stylesheet"/>
    <link href="{{ url_prefix }}/static/zapa.css" rel="stylesheet"/>
    <link href="{{ url_prefix }}/static/vendor/bootstrap.min.css" rel="stylesheet" />
  </head>

  <body>

    <div class="print-repeated" id="main">

      <table class="zapa-table">
        <tbody>
          <tr class="width-row"> <td></td> <td></td> <td></td> </tr>

          <tr>
            <td class="logo-cell">{% include 'printouts/_logo.html' %}www.zapa.cz</td>
            <td colspan="2">
              <table class="stripe-table">
                <tbody>
                  <tr><td class="blue-stripe" colspan="100%"></td></tr>
                  <tr>
                    <td class="align-middle">
                      ZAPA beton a.s., centrální dispečink Praha - 272 765 845, 9<br>
                      betonárna 7502 KLADNO areál POLDI - 724 201 654, 312 645 836
                    </td>
                    <td class="sheet-no-cell td-padding">
                      DODACÍ LIST<br>
                      <div>č. <div class="black-text">{{ order.auto_number }}</div></div>
                    </td>
                  </tr>
                  <tr><td class="red-stripe" colspan="100%"></td></tr>
                </tbody>
              </table>
            </td>
          </tr>

          <tr></tr>  <!-- Inner table elements do not have a margin attribute. Use this as a spacer -->

          <tr>
            <td class="light-blue-bg align-middle text-center"><div class="black-text">CZ AO238</div></td>
            <td class="light-red-bg" rowspan="2">
              <b>Prodávající:</b><br>
              {{ setup.company_legal }}<br>
              <br>
              {{ setup.company_name }}<br>
              {{ setup.company_address }}<br>
              {{ setup.company_zip }} {{ setup.company_city }}<br>
              tel.: ???<br>
              IČ: {{ setup.company_idnum }}<br>
              DIČ: {{ setup.company_vat_idnum }}<br>
              <br>
              <br>
              <b>Číslo objednávky:</b> <div class="black-text">???</div>
            </td>
            <td class="light-red-bg" rowspan="2">
              <b>Kupující:</b><br>
              interní číslo: <div class="black-text">???</div><br>
              <br>
              <div class="black-text">
                {% set customer = order.customer_record %}
                {{ customer.address }}a<br>
                {{ customer.zip }} {{ customer.city }}a<br>
                <b>{{ customer.name }}</b><br>
                <br>
                {% if customer.company_idnum %}IČO: {{ customer.company_idnum }}{% endif %}a<br>
                {% if customer.vat_idnum %}DIČ: {{ customer.vat_idnum }}{% endif %}a<br>
              </div>
              <br>
              <b>Stavba:</b> <div class="black-text">{{ order.construction_site }}</div><br>
              <b>Číslo objednávky (SAP):</b> <div class="black-text">{{ order.invoice_number }} ???</div>
            </td>
          </tr>

          <tr style="height: 0;"> <!-- The only way I found to shrink-fit height -->
            <td class="light-blue-bg td-padding" >
              <table class="aligned-fill-table">
                <tbody>
                  <tr>
                    <td>Datum</td>
                    <td><b>{{ (order._t_human).split()[0] }} ?<!-- Datum ceho --></b></td>
                  </tr>
                  <tr>
                    <td>Vystaven</td>
                    <td>{{ (order._t_human).split()[1] }} ?<!-- Vystavn? --></td>
                  </tr>
                  <tr>
                    <td>Výroba</td>
                    <td>???</td>
                  </tr>
                  <tr>
                    <td>Teplota</td>
                    <td>{{ order._temperature_air_str }} ???</td>
                  </tr>
                  <tr>
                    <td>Počasí</td>
                    <td>???</td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

          <tr class="td-padding-bottom-2">
            <td class="light-blue-bg td-padding" colspan="2">
              <table class="aligned-fill-table">
                <tbody>
                  <tr>
                    <td>Třída/klasifikace</td>
                    <td><b>{{ order.r_recipe_class }} {{ order.r_exposure_classes }} {% if order.cl_content %}CL order.cl_content{% endif %}</b></td>
                  </tr>
                  <tr>
                    <td>Vyhovuje také pro</td>
                    <td>???</td>
                  </tr>
                </tbody>
              </table>
              <br>
              <table class="aligned-fill-table">
                <tbody>
                  <tr>
                    <td>Dmax (mm)</td>
                    <td>{{ order.r_d_max }}</td>
                  </tr>
                  <tr>
                    <td>Konzistence</td>
                    <td>{{ order.r_consistency_class }}</td>
                  </tr>
                  <tr>
                    <td>Cement - typ</td>
                    <td><!-- RecipeMaterials of type Cement ??? -->
                      {% for recipe_material in materials["Cement"] %}
                        {% if loop.index > 1 %}, {% endif %}{{ recipe_material.material.name }}
                      {% endfor %}
                    </td>
                  </tr>
                  <tr>
                    <td>Příměs - typ</td>
                    <td><!-- RecipeMaterials of type Addition ??? -->
                      {% for recipe_material in materials["Addition"] %}
                        {% if loop.index > 1 %}, {% endif %}{{ recipe_material.material.name }}
                      {% endfor %}
                    </td>
                  </tr>
                  <tr>
                    <td>Přísady - typ</td>
                    <td><!-- RecipeMaterials of type Admixture ??? -->
                      {% for recipe_material in materials["Admixture"] %}
                        {% if loop.index > 1 %}, {% endif %}{{ recipe_material.material.name }}
                      {% endfor %}
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td class="light-blue-bg td-padding">
              <table class="aligned-fill-table">
                <tbody>
                  <tr>
                    <td>Výrobek podle</td>
                    <td>???</td>
                  </tr>
                  <tr>
                    <td>Název výrobku</td>
                    <td>{{ order.r_description }}</td>
                  </tr>
                  <tr>
                    <td>Recept</td>
                    <td><b>{{ order.r_name }}</b></td>
                  </tr>
                  <tr>
                    <td>Číslo receptu</td>
                    <td>{{ order.r_number }} ???</td>
                  </tr>
                  <tr class="three-row-height">
                    <td>Poznámka</td>
                    <td>{{ order.comment }}</td>
                  </tr>
                </tbody>
              </table>
              <table class="aligned-fill-table">
                <tbody>
                  <tr>
                    <td>Expedováno</td>
                    <td><b>{{ order.volume }} m³</b></td>
                  </tr>
                  <tr>
                    <td>Expedováno receptu celkem</td>
                    <td>{{ order.volume }} m³ ???</td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

          <tr>
            <td class="light-blue-bg td-padding td-padding-top" colspan="3">
              <table class="w-100">
                <tbody>
                  <tr>
                    <td style="width: 37%;">
                      <b>Vyrobil:</b> <div class="black-text">???</div><br>
                    </td>
                    <td style="width: 30%;">
                      <b>Expedoval:</b> <div class="black-text">???</div><br>
                    </td>
                    <td style="width: 33%;">
                      <div class="white-box w-75">podpis</div>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <b>Převzal řidič: <div class="black-text">{{ delivery.driver_name }}</div></b><br>
                    </td>
                    <td>
                      <div class="white-box w-75">podpis</div>
                    </td>
                    <td>
                      <b>RZ (SPZ):</b> <div class="black-text">{{ delivery.car_registration_number }}</div><br>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <b>Vzdálenost na stavbu celkem (tam i zpět):</b><br>
                    </td>
                    <td>
                      <table class="w-100">
                        <tbody>
                          <tr>
                            <td class="width-33">
                              <div class="black-text">{{ delivery.site_distance or 0 }} km</div>
                            </td>
                            <td class="width-33">
                              <b>km navíc:</b>
                            </td>
                            <td class="width-33">
                              <div class="black-text">
                                {{ order._distance_driven_extra or 0 }}
                              </div>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td>
                      <b>Počet 1/4 hodin:</b> <div class="black-text">{{ unload_time_quarter_hours_str }}</div> <!-- 1/4 stravenych cim ? -->
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <b>Příjezd na stavbu:</b> <div class="black-text">{{ delivery._construction_site_arrival_t_human }}</div><br>
                    </td>
                    <td>
                      <table >
                        <tbody>
                          <tr>
                            <td style="white-space: nowrap;">
                              <b>Vykládka: od:</b>
                            </td>
                            <td class="width-33">
                              <div class="black-text pl-1">{{ delivery._unload_start_t_human }}</div>
                            </td>
                            <td>
                              <b>do:</b>
                            </td>
                            <td>
                              <div class="black-text pl-1">{{ delivery._unload_end_t_human }}</div>
                            </td>
                          </tr>
                        </tbody>
                      </table>

                    </td>
                    <td>
                      <b>Odjezd ze stavby:</b> <div class="black-text">{{ delivery._unload_end_t_human }} ???</div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

          <tr>
            <td colspan="2"></td>
            <td class="light-blue-bg td-padding">
              <b>Vrácený betón</b>
              <table class="aligned-fill-table td-padding-bottom w-100">
                <tbody>
                  <tr>
                    <td>Množství (m³)</td>
                    <td><div class="white-box"></div></td>
                  </tr>
                  <tr class="three-row-height">
                    <td>Poznámka</td>
                    <td><div class="white-box"></div></td>
                  </tr>
                  <tr>
                    <td>Podpis</td>
                    <td><div class="white-box"></div></td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

          <tr>
            <td colspan="3">
              <table class="zapa-table small-text">  <!-- A different column width is required here, would mess up the whole table -->
                <tbody>
                  <tr>
                    <td class="light-blue-bg w-50 td-padding">
                      <p>Dbejte na zákaz přidávání vody na stavbě, na řádné zpracování a ošetřování betonu dle platných norem.</p>
                      <div>
                        <i>Na zodpovědnost kupujícího přidaná voda, množství: </i><div class="white-box" style="width: 125px;"></div> <i>litrů (kg)</i>
                      </div>
                      Úprava konzistence přísadou prodávajícího na přání kupujícího ANO / NE<br>
                      <div>
                        Název: <div class="white-box" style="width: 200px;"></div> Množství: <div class="white-box" style="width: 110px;"></div> litrů (kg)/m³
                      </div>
                      Přidané přísady, nebo příměsy dodané kupujícím:<br>
                      <div>
                        Název: <div class="white-box" style="width: 200px;"></div> Množství: <div class="white-box" style="width: 110px;"></div> litrů (kg)/m³
                      </div>
                      <table class="w-100">
                        <tbody>
                          <tr class="name-signature">
                            <td><div class="white-box"></div></td>
                            <td><div class="white-box"></div></td>
                          </tr>
                          <tr>
                            <td>Jméno (tiskacím písmem)</td>
                            <td>Podpis</td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="light-blue-bg td-padding w-50">
                      <p>Případné reklamace nebudou uznány, pokud nebude dodací list čitelně potvrzen.</p>
                      <p>Dodávky betonu a čerpání se uskutečňují dle Technických a dodacích podmínek, které jsou uvedeny na rubu tohoto DL a dále jsou k dispozici na dispečinku betonárny nebo ke stažení na internetových stránkach www.zapa.cz.<br>
                        Zákazník akceptuje a potvrzuje, že fakturace vykládky je realizovaná na základě zaznamenaného času od příjezdu na stavbu do ukončení vykládky.</p>
                      Potvrzení o převzetí dodávky:
                      <table class="w-100">
                        <tbody>
                          <tr class="name-signature">
                            <td><div class="white-box"></div></td>
                            <td><div class="white-box"></div></td>
                          </tr>
                          <tr>
                            <td>Jméno (tiskacím písmem)</td>
                            <td>Podpis</td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

          <tr>
            <td class="align-middle text-center">
              <b style="font-size: 17px">VÝROBKY OBSAHUJÍCÍ CEMENT</b>
              <table class="warning-table">
                <tbody>
                  <tr>
                    <td>
                      <img src="{{ url_prefix }}/static/cement_warning2.gif">
                      <img src="{{ url_prefix }}/static/cement_warning1.gif">
                    </td>
                    <td>
                      Bezpečnostní pokny:<br>
                      dráždí oči a pokožku<br>
                      může proniknout kůží<br>
                      <br>
                      Bezpečnostní opatření:<br>
                      nesmí se dostat do rukou dětí<br>
                      zamezit vniknutí do oka a pokožky<br>
                      při zasažení očí důkladně propláchnout vodou, případně zajistit lékařské ošetření<br>
                      používat ochranné rukavice
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
            <td colspan="2">
              <table class="stripe-table">
                <tbody>
                  <tr><td class="red-stripe">Poznámky:</td></tr>
                  <tr>
                    <td style="font-size: 16px">Betonárna Kladno je držitelem certifikátu EMS ČSN ISO 14001:2016. Na výrobek dle ČSN EN 206+A1 + ČSN P 732404 bylo vydáno PoS 15a/7502/20 ze dne 13.01.20. Na výrobek dle 238-STO/886-1b/2020 bylo vydáno PoS 15a/7502/20 ze dne 13.1.20. Certifikát SŘV č.238/C6/2020/886-84 ze dne 15.10.20 vydán AO č.238.</td>
                  </tr>
                  <tr><td class="blue-stripe"></td></tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>

      {% include 'printouts/_footer.html' %}

    </div>

    {% include 'printouts/_control_buttons.html' %}

  </body>
</html>
