<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 Amount Low to High</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=21631&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=21631&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=21631&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=21631&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=21631&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=21631&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=21631&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=21631&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=21631&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=21631&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=21631&amp;sort%5Bmetric_amount_raw%5D=desc"><span>Amount (USD)</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=21631&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">
            Fintech
          </td>

          <td class="is-vcentered">
            <div>
              Charge Cards Transaction Processing
            </div>
            <div class="is-size-7 has-text-grey">
              These companies issue short term temporary loans in the form of charge cards. They make most of their money through interchange fees, informing the merchant that the buyer has enough money to buy an item.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            net2phone-UCaaS
          </td>

          <td class="is-vcentered">
            <div>
              Online Communication Cloud Platform
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce software as a service through the cloud that is used to instant message, chatrooms, voice call (VoIP), video chat, or host meetings online.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Money Transfer: Remittance Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide remittance money transfer services between customers in different geographies. 
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            National Retail Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Point-of-Sale Terminals; sold through distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture POS (point-of-sale) terminals for brick and mortar retail and sell them through wholesalers or distributors.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Traditional Communications
          </td>

          <td class="is-vcentered">
            <div>
              Switched Access and Telecommunication Wholesale Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide switched access services for telecoms. Switched access services are information transportation services provided to other telecoms and information transporters to bridge gaps in networks.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Traditional Communications
          </td>

          <td class="is-vcentered">
            <div>
              Wireless for Consumers sold through Retailers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireless telecom service for consumers and sell it through cell phone retailers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Traditional Communications
          </td>

          <td class="is-vcentered">
            <div>
              Prepaid Telecommunication Service Sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell prepaid telecommunication services. 
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>33.66%</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">
              Fintech
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Charge Cards Transaction Processing
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.78%</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 issue short term temporary loans in the form of charge cards. They make most of their money through interchange fees, informing the merchant that the buyer has enough money to buy an item.
            </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">
              net2phone-UCaaS
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Online Communication Cloud Platform
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>5.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 produce software as a service through the cloud that is used to instant message, chatrooms, voice call (VoIP), video chat, or host meetings online.
            </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">
              Fintech
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Money Transfer: Remittance Services
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>6.21%</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 remittance money transfer services between customers in different geographies. 
            </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">
              National Retail Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Point-of-Sale Terminals; sold through distributor
              </div>
            </div>
          </td>

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture POS (point-of-sale) terminals for brick and mortar retail and sell them through wholesalers or distributors.
            </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">
              Traditional Communications
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Switched Access and Telecommunication Wholesale Services
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>18.59%</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 switched access services for telecoms. Switched access services are information transportation services provided to other telecoms and information transporters to bridge gaps in networks.
            </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">
              Traditional Communications
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireless for Consumers sold through Retailers
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>28.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 provide wireless telecom service for consumers and sell it through cell phone retailers.
            </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">
              Traditional Communications
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Prepaid Telecommunication Service Sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>33.66%</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 prepaid telecommunication services. 
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>