<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=2467&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=2467&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=2467&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=2467&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=2467&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=2467&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=2467&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=2467&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=2467&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=2467&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=2467&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount</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=2467&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
      </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">
            Insurance Agency
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial and Consumer Insurance; sold through broker
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide diversified insurance, such as property and casualty insurance, to both businesses and consumers, and sell them through insurance brokers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1,596
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Real Estate Sales
          </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">
            33,590
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Employee Recruitment Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform employee searches, and help enterprises complete the hiring process.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Real Estate Rental Income
          </td>

          <td class="is-vcentered">
            <div>
              Hotel Lessor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies lease hotel properties to subsidiary hotel brands.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            5,222
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Real Estate Rental Income
          </td>

          <td class="is-vcentered">
            <div>
              Office Lessor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies lease space office space to businesses and government agencies.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            32,758
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Real Estate Rental Income
          </td>

          <td class="is-vcentered">
            <div>
              Retail Center Lessor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies lease real estate in shopping centers and malls to diversified businesses.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7,121
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Real Estate Rental Income
          </td>

          <td class="is-vcentered">
            <div>
              Senior Home Lessor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies own senior housing facilities, often called retirement homes or assisted living facilities, and are typically structured as REITs. These REITs lease the space to senior home operators, who operate the facilities, providing the seniors with various services ranging from hotel-like accommodations (housekeeping, cooking, laundry, etc.) to nursing services and 24-hour care.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2,374
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.86%</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">
              Insurance Agency
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial and Consumer Insurance; sold through broker
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1,596
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.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 provide diversified insurance, such as property and casualty insurance, to both businesses and consumers, and sell them through insurance brokers.
            </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">
              Real Estate Sales
            </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">
            33,590
          </td>

          <td class="has-text-right is-vcentered">
              <span>40.46%</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">
              Recruiting Business
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Employee Recruitment Services
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.43%</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 perform employee searches, and help enterprises complete the hiring process.
            </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">
              Real Estate Rental Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Hotel Lessor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            5,222
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.29%</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 lease hotel properties to subsidiary hotel brands.
            </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">
              Real Estate Rental Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Office Lessor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            32,758
          </td>

          <td class="has-text-right is-vcentered">
              <span>39.46%</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 lease space office space to businesses and government agencies.
            </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">
              Real Estate Rental Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Retail Center Lessor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7,121
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.58%</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 lease real estate in shopping centers and malls to diversified businesses.
            </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">
              Real Estate Rental Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Senior Home Lessor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2,374
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.86%</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 own senior housing facilities, often called retirement homes or assisted living facilities, and are typically structured as REITs. These REITs lease the space to senior home operators, who operate the facilities, providing the seniors with various services ranging from hotel-like accommodations (housekeeping, cooking, laundry, etc.) to nursing services and 24-hour care.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>