<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: Reporting Segment [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=22737&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=22737&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=22737&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=22737&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=22737&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=22737&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=22737&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=22737&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=22737&amp;sort%5Breporting_segment_name%5D=desc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=22737&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=22737&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=22737&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">
            Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Credit Card Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide loans to consumers by means of credit cards that they issue.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Consumer Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide loans to consumers for a variety of purposes.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial and Consumer Loans and Securities
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide loans to businesses and consumers. These loans are used to finance a variety of products, such as vehicles, equipment, and construction projects. Includes mortgages. These companies are typically banks that also deal in investment securities.
            </div>
          </td>

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Online Platform for Cryptocurrency Trading
            </div>
            <div class="is-size-7 ">
              These companies provide a software-based platform that can be used to trade cryptocurrencies.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Non-Interest Income
          </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">
            0.92B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Non-Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Insurance Broker for Businesses and Consumers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies broker various types of insurance for businesses and consumers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Non-Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Issuing Banks
            </div>
            <div class="is-size-7 has-text-grey">
              These companies issue credit cards to customers and are responsible for transferring cardholders’ funds to the payment network during settlement.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Non-Interest Income
          </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">
            0.08B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Non-Interest Income
          </td>

          <td class="is-vcentered">
            <div>
              Points Loyalty Program for Credit Card Companies
            </div>
            <div class="is-size-7 has-text-grey">
              These companies administer points loyalty programs for credit card companies. The points can be redeemed for reward services like airplane miles or hotel stays.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.60%</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">
              Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Credit Card Loans
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>27.18%</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 loans to consumers by means of credit cards that they issue.
            </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">
              Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Consumer Loans
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>24.97%</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 loans to consumers for a variety of purposes.
            </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">
              Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial and Consumer Loans and Securities
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>14.72%</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 loans to businesses and consumers. These loans are used to finance a variety of products, such as vehicles, equipment, and construction projects. Includes mortgages. These companies are typically banks that also deal in investment securities.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            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">
              Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Online Platform for Cryptocurrency Trading
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </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="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies provide a software-based platform that can be used to trade cryptocurrencies.
            </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">
              Non-Interest Income
            </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">
            0.92B
          </td>

          <td class="has-text-right is-vcentered">
              <span>24.57%</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">
              Non-Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Insurance Broker for Businesses and Consumers
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>3.09%</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 broker various types of insurance for businesses and consumers.
            </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">
              Non-Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Issuing Banks
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.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 issue credit cards to customers and are responsible for transferring cardholders’ funds to the payment network during settlement.
            </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">
              Non-Interest Income
            </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">
            0.08B
          </td>

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies sell prepaid telecommunication services. 
            </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">
              Non-Interest Income
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Points Loyalty Program for Credit Card Companies
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.60%</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 administer points loyalty programs for credit card companies. The points can be redeemed for reward services like airplane miles or hotel stays.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>