<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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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=18723&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">
            Product sales
          </td>

          <td class="is-vcentered">
            <div>
              Crude Oil Sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell crude oil to refineries and other mid-stream businesses, which then sell to gas stations, who then sell to their end customers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Midstream services
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas and NGLs Processing
            </div>
            <div class="is-size-7 has-text-grey">
              These companies process natural gas and natural gas liquids (NGLs) to remove water and other contaminants as a service for natural gas extractors.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Product sales
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Liquids Sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell natural gas liquids.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Product sales
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Wholesale
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell conventional natural gas to regional distributors, who then sell to residential and commercial customers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Midstream services
          </td>

          <td class="is-vcentered">
            <div>
              Unfinished Petroleum Products; Sold to Refiners or Wholesalers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies refine crude oil into unfinished petroleum products such as atmospheric gas oil and naphtha for furnace oil, jet fuel, diesel, and gasoline. It is then sold to wholesalers or refiners who further refine it into finished petroleum products.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Midstream services
          </td>

          <td class="is-vcentered">
            <div>
              Water Management Services via Pipeline for E&amp;P Companies
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide services used to obtain, move, store and dispose of water that is involved in the exploration, development and production of oil and gas reservoirs using pipelines
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.03%</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">
              Product sales
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Crude Oil Sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>17.25%</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 sell crude oil to refineries and other mid-stream businesses, which then sell to gas stations, who then sell to their end customers.
            </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">
              Midstream services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas and NGLs Processing
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>9.34%</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 process natural gas and natural gas liquids (NGLs) to remove water and other contaminants as a service for natural gas extractors.
            </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">
              Product sales
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Liquids Sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>44.16%</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 sell natural gas liquids.
            </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">
              Product sales
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Wholesale
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>28.48%</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 sell conventional natural gas to regional distributors, who then sell to residential and commercial customers.
            </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">
              Midstream services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Unfinished Petroleum Products; Sold to Refiners or Wholesalers
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.74%</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 refine crude oil into unfinished petroleum products such as atmospheric gas oil and naphtha for furnace oil, jet fuel, diesel, and gasoline. It is then sold to wholesalers or refiners who further refine it into finished petroleum 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">
              Midstream services
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Water Management Services via Pipeline for E&amp;P Companies
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.03%</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 services used to obtain, move, store and dispose of water that is involved in the exploration, development and production of oil and gas reservoirs using pipelines
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>