{# Odoo 19 external_layout_folder — tinted band, company row, adaptive tab + title. #}
{% set folder_tint = company.folder_tint or '#f3f4f6' %}
{% set doc_title = title|default('Invoice') %}
<div class="folder-header">
  <div class="folder-header-container">
    <svg class="folder-band-svg" width="100%" height="174" preserveAspectRatio="none"
         xmlns="http://www.w3.org/2000/svg">
      <rect width="100%" height="174" fill="{{ folder_tint }}"/>
    </svg>
    <table class="folder-tab-row" cellpadding="0" cellspacing="0">
      <tr>
        <td class="folder-tab-fill" style="background:{{ folder_tint }};">&#160;</td>
        <td class="folder-tab-angle">
          <svg width="80" height="48" viewBox="0 0 80 48" fill="none"
               xmlns="http://www.w3.org/2000/svg">
            <path d="M5.70364 48H0V0.00100806H73.5404L80 0C74.2028 0.665869 68.7417 3.06684 64.332 6.88852L25.3513 40.6709C19.8969 45.3979 12.9212 48 5.70364 48Z"
                  fill="{{ folder_tint }}"/>
          </svg>
        </td>
        <td class="folder-tab-title">
          <h2 class="folder-doc-title">{{ doc_title }}</h2>
        </td>
      </tr>
    </table>
  </div>
  <table class="folder-company-info" cellpadding="0" cellspacing="0">
    <tr>
      <td class="folder-co-left">
        {% if company.logo_url %}
          <img class="folder-logo" src="{{ company.logo_url }}" alt="logo"/>
        {% endif %}
        {% if company.name %}
          <div class="folder-tagline">{{ company.name }}</div>
        {% endif %}
      </td>
      <td class="folder-co-right">
        <ul class="folder-addr-list">
          {% for line in company.address_lines %}
            {% if not line.startswith('VAT:') %}
              <li>{{ line }}</li>
            {% endif %}
          {% endfor %}
          {% if company.vat %}
            <li>Tax ID: {{ company.vat }}</li>
          {% endif %}
        </ul>
      </td>
    </tr>
  </table>
</div>