<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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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=14461&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">
            Other 
          </td>

          <td class="is-vcentered">
            <div>
              Agricultural Fertilizers: Extracted
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Agricultural Fertilizers: Extracted
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Specialty Plant Nutrition 
          </td>

          <td class="is-vcentered">
            <div>
              Agricultural Fertilizers: Extracted
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Industrial Chemicals 
          </td>

          <td class="is-vcentered">
            <div>
              Chemical Intermediates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce chemical intermediates, also known as monomers, which are the most basic chemicals that are eventually polymerized into polymers, and then into plastic. Examples of chemical intermediates include chlorine, ethylene, propylene, styrene, olefins, and alkenes.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Iodine and Derivatives 
          </td>

          <td class="is-vcentered">
            <div>
              Iodine
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract and refine iodine, which is then incorporated into a variety of different products.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Lithium and Derivatives 
          </td>

          <td class="is-vcentered">
            <div>
              Lithium
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract and refine lithium, which is then incorporated into a variety of different products.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>32.71%</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">
              Other 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Agricultural Fertilizers: Extracted
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>1.08%</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 fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </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">
              Potassium 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Agricultural Fertilizers: Extracted
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>14.55%</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 fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </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">
              Specialty Plant Nutrition 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Agricultural Fertilizers: Extracted
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>31.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 make fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </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">
              Industrial Chemicals 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Chemical Intermediates
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>4.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 produce chemical intermediates, also known as monomers, which are the most basic chemicals that are eventually polymerized into polymers, and then into plastic. Examples of chemical intermediates include chlorine, ethylene, propylene, styrene, olefins, and alkenes.
            </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">
              Iodine and Derivatives 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Iodine
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>15.30%</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 extract and refine iodine, which is then incorporated into a variety of different products.
            </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">
              Lithium and Derivatives 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Lithium
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>32.71%</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 extract and refine lithium, which is then incorporated into a variety of different products.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>