<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=23023&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=23023&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=23023&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=23023&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=23023&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=23023&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=23023&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=23023&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=23023&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=23023&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=23023&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (USD)</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=23023&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 (USD)
      </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">
            Business to Business Products 
          </td>

          <td class="is-vcentered">
            <div>
              Clay
            </div>
            <div class="is-size-7 has-text-grey">
              These companies unearth clay.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Business to Business Products 
          </td>

          <td class="is-vcentered">
            <div>
              Raw Material Mining for Agricultural Fertilizer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies mine phosphate rock and other minerals primarily used as an input to agricultural fertilizer.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Business to Business Products 
          </td>

          <td class="is-vcentered">
            <div>
              Nutritional Additives for Livestock Feed: Extracted from Mineral Deposits
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make additives and nutritional supplements that are incorporated into feed for meat livestock. Some of the additives they manufacture include phosphate and potash products. These supplements typical stand in for vitamins and minerals.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Retail and Wholesale Products 
          </td>

          <td class="is-vcentered">
            <div>
              Pet Litter; retail sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture pet litter for consumers and sell them through retail stores that they do not operate.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Retail and Wholesale Products 
          </td>

          <td class="is-vcentered">
            <div>
              Clay
            </div>
            <div class="is-size-7 has-text-grey">
              These companies unearth clay.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>10.72%</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">
              Business to Business Products 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Clay
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>18.80%</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 unearth clay.
            </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">
              Business to Business Products 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Raw Material Mining for Agricultural Fertilizer
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>9.75%</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 mine phosphate rock and other minerals primarily used as an input to agricultural fertilizer.
            </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">
              Business to Business Products 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Nutritional Additives for Livestock Feed: Extracted from Mineral Deposits
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>5.93%</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 make additives and nutritional supplements that are incorporated into feed for meat livestock. Some of the additives they manufacture include phosphate and potash products. These supplements typical stand in for vitamins and minerals.
            </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">
              Retail and Wholesale Products 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Pet Litter; retail sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>54.80%</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 pet litter for consumers and sell them through retail stores that they do not operate.
            </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">
              Retail and Wholesale Products 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Clay
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>10.72%</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 unearth clay.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>