<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Reporting Segment [A-Z]</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Breporting_segment_name%5D=desc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (EUR)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=24895&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (EUR)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="">
          <td class="is-vcentered">
            AvH &amp; Growth Capital
          </td>

          <td class="is-vcentered">
            <div>
              Venture Capital
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are venture capital firms. They invest by either providing capital to startup ventures or by supporting small companies that wish to expand but do not have access to equity markets.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            217M
          </td>

          <td class="has-text-right is-vcentered">
              <span>36.35%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Energy &amp; Resources
          </td>

          <td class="is-vcentered">
            <div>
              Oil Palm Farmer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies grow and harvest oil palm. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            25.1M
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.20%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Energy &amp; Resources
          </td>

          <td class="is-vcentered">
            <div>
              Cement and Concrete Additives
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce polymers and additives that are incorporated into cement and concrete.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.8M
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.13%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Energy &amp; Resources
          </td>

          <td class="is-vcentered">
            <div>
              Oil Palm Seeds
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce oil palm seeds, which are used to produce palm oil.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -1.3M
          </td>

          <td class="has-text-right is-vcentered">
              <span>-0.22%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Marine Engineering &amp; Contracting
          </td>

          <td class="is-vcentered">
            <div>
              Channel and Port Dredging for Oil and Gas Companies
            </div>
            <div class="is-size-7 has-text-grey">
              These companies dredge channels and harbors to allow for the passage of LNG and crude tankers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            98.6M
          </td>

          <td class="has-text-right is-vcentered">
              <span>16.52%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Marine Engineering &amp; Contracting
          </td>

          <td class="is-vcentered">
            <div>
              Wind Power Facility Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build wind power facilities.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            16M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.68%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Marine Engineering &amp; Contracting
          </td>

          <td class="is-vcentered">
            <div>
              Marina, Port, Highway, and Bridge Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build marinas, ports, harbors, highways, bridges, and tunnels. They use subcontractors for most of the physical construction.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7.1M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.19%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Marine Engineering &amp; Contracting
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Real Estate Construction (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted by diversified customers to build various types of real estate. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            6.8M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.14%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Private Banking
          </td>

          <td class="is-vcentered">
            <div>
              Investment Advisory for Consumers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies advise consumers on managing their assets.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            208.7M
          </td>

          <td class="has-text-right is-vcentered">
              <span>34.96%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Real Estate
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial Real Estate Developer (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop diversified commercial real estate properties, such as industrial space, office space, and distribution warehouses. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            15.6M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.61%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              AvH &amp; Growth Capital
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Venture Capital
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            217M
          </td>

          <td class="has-text-right is-vcentered">
              <span>36.35%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are venture capital firms. They invest by either providing capital to startup ventures or by supporting small companies that wish to expand but do not have access to equity markets.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Energy &amp; Resources
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Oil Palm Farmer
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            25.1M
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.20%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies grow and harvest oil palm. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Energy &amp; Resources
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Cement and Concrete Additives
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.8M
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.13%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce polymers and additives that are incorporated into cement and concrete.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Energy &amp; Resources
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Oil Palm Seeds
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -1.3M
          </td>

          <td class="has-text-right is-vcentered">
              <span>-0.22%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce oil palm seeds, which are used to produce palm oil.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marine Engineering &amp; Contracting
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Channel and Port Dredging for Oil and Gas Companies
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            98.6M
          </td>

          <td class="has-text-right is-vcentered">
              <span>16.52%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies dredge channels and harbors to allow for the passage of LNG and crude tankers.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marine Engineering &amp; Contracting
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wind Power Facility Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            16M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.68%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build wind power facilities.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marine Engineering &amp; Contracting
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Marina, Port, Highway, and Bridge Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7.1M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.19%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted to build marinas, ports, harbors, highways, bridges, and tunnels. They use subcontractors for most of the physical construction.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marine Engineering &amp; Contracting
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Real Estate Construction (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            6.8M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.14%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies are contracted by diversified customers to build various types of real estate. They subcontract certain aspects of the construction process.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Private Banking
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Investment Advisory for Consumers
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            208.7M
          </td>

          <td class="has-text-right is-vcentered">
              <span>34.96%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies advise consumers on managing their assets.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Real Estate
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial Real Estate Developer (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            15.6M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.61%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies develop diversified commercial real estate properties, such as industrial space, office space, and distribution warehouses. They subcontract certain aspects of the construction process.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>