<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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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=25667&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">
            ASTRA
          </td>

          <td class="is-vcentered">
            <div>
              Automobile Dealer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell new automobiles (consumer passenger cars).
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            DIRECT MOTOR INTERESTS
          </td>

          <td class="is-vcentered">
            <div>
              Automobile Dealer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell new automobiles (consumer passenger cars).
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Automobile Dealer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell new automobiles (consumer passenger cars).
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            OTHER STRATEGIC INTERESTS 
          </td>

          <td class="is-vcentered">
            <div>
              Construction Aggregates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies 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.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Consumer Automobile Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These banks provide loans to consumers for financing car purchases.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            OTHER STRATEGIC INTERESTS 
          </td>

          <td class="is-vcentered">
            <div>
              Dairy Products; retail sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce dairy products, such as milk, yogurt, and ice cream, and sell them through retail stores that they do not operate.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Diversified Real Estate Developer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop diversified real estate, such as office buildings and residential buildings.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Diversified Real Estate Developer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop diversified real estate, such as office buildings and residential buildings.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Freight Forwarding
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop the logistics for companies planning shipments of diversified products.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Heavy Machinery Sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell heavy machinery used in production, such as loaders, excavators, and asphalt paving equipment.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            ASTRA
          </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">
            20.39M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            OTHER STRATEGIC INTERESTS 
          </td>

          <td class="is-vcentered">
            <div>
              Products-Based Conglomerate
            </div>
            <div class="is-size-7 has-text-grey">
              These conglomerates manufacture and/or sell final use products and also offer financial services. They have a diversified customer base.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Toll Road Operator
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate toll roads.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.53%</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">
              ASTRA
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Automobile Dealer
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>26.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 sell new automobiles (consumer passenger cars).
            </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">
              DIRECT MOTOR INTERESTS
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Automobile Dealer
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>5.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 sell new automobiles (consumer passenger cars).
            </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">
              THACO
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Automobile Dealer
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.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 sell new automobiles (consumer passenger cars).
            </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">
              OTHER STRATEGIC INTERESTS 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Construction Aggregates
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>1.39%</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 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.
            </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">
              ASTRA
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Consumer Automobile Loans
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>20.27%</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 banks provide loans to consumers for financing car purchases.
            </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">
              OTHER STRATEGIC INTERESTS 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Dairy Products; retail sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.92%</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 dairy products, such as milk, yogurt, and ice cream, 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">
              ASTRA
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Real Estate Developer
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.84%</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 real estate, such as office buildings and residential buildings.
            </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">
              THACO
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Real Estate Developer
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.12%</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 real estate, such as office buildings and residential buildings.
            </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">
              THACO
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Freight Forwarding
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.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 develop the logistics for companies planning shipments of diversified 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">
              ASTRA
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Heavy Machinery Sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>32.95%</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 heavy machinery used in production, such as loaders, excavators, and asphalt paving equipment.
            </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">
              ASTRA
            </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">
            20.39M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.69%</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">
              OTHER STRATEGIC INTERESTS 
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Products-Based Conglomerate
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.64%</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 conglomerates manufacture and/or sell final use products and also offer financial services. They have a diversified customer base.
            </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">
              ASTRA
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Toll Road Operator
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.53%</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 operate toll roads.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>