<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: Product Line [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=25275&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=25275&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=25275&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=25275&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=25275&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=25275&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=25275&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=25275&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=25275&amp;sort%5Breporting_segment_name%5D=asc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5"></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=25275&amp;sort%5Bname%5D=desc"><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=25275&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=25275&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">
            Aggregates
          </td>

          <td class="is-vcentered">
            <div>
              Aggregates Production Equipment
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture equipment used to produce construction aggregates and sell directly to their consumers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.91B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Aggregates
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Services for Aggregates Producers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide diversified services to companies that extract resources from the earth in order to produce the base materials (aggregates) used in the production of concrete and other construction materials, like slate, granite, sand, gravel, and clay. Services include constructing transport systems, constructing crushing and screen facilities, etc.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.43B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Minerals
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Services for Mining Companies
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide diversified services to mining companies. Services include constructing pipelines, constructing transport systems, constructing crushing and screen facilities, and constructing mines.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.46B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Minerals
          </td>

          <td class="is-vcentered">
            <div>
              Mining Equipment and Parts
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture equipment and spare parts for mineral extraction and processing
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.59B
          </td>

          <td class="has-text-right is-vcentered">
              <span>29.42%</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">
              Aggregates
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Aggregates Production Equipment
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.91B
          </td>

          <td class="has-text-right is-vcentered">
              <span>16.94%</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 manufacture equipment used to produce construction aggregates and sell directly to their consumers.
            </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">
              Aggregates
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Services for Aggregates Producers
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.43B
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.05%</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 provide diversified services to companies that extract resources from the earth in order to produce the base materials (aggregates) used in the production of concrete and other construction materials, like slate, granite, sand, gravel, and clay. Services include constructing transport systems, constructing crushing and screen facilities, etc.
            </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">
              Minerals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Services for Mining Companies
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.46B
          </td>

          <td class="has-text-right is-vcentered">
              <span>45.59%</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 provide diversified services to mining companies. Services include constructing pipelines, constructing transport systems, constructing crushing and screen facilities, and constructing mines.
            </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">
              Minerals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Mining Equipment and Parts
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.59B
          </td>

          <td class="has-text-right is-vcentered">
              <span>29.42%</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 manufacture equipment and spare parts for mineral extraction and processing
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>