<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 [Z-A]</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=22331&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=22331&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=22331&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=22331&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=22331&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=22331&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=22331&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=22331&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=22331&amp;sort%5Breporting_segment_name%5D="><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</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=22331&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=22331&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=22331&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">
            Federal Education Loans
          </td>

          <td class="is-vcentered">
            <div>
              Government-Backed Student Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These companies loans used by students to finance the cost of education, generally for higher education programs such as undergraduate college degrees. These loans are backed or subsidized by government entities.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Federal Education Loans
          </td>

          <td class="is-vcentered">
            <div>
              Student Loan Servicing
            </div>
            <div class="is-size-7 has-text-grey">
              These businesses service student education loans they originated and sold to other banks.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Consumer Lending
          </td>

          <td class="is-vcentered">
            <div>
              Private Student Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide loans used by students to finance the cost of education, generally for higher education programs such as undergraduate college degrees.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Consumer Lending
          </td>

          <td class="is-vcentered">
            <div>
              General Loan Servicing
            </div>
            <div class="is-size-7 has-text-grey">
              These companies service general consumer loans. 
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Receivables Collection Services for Governments
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform outsourced accounts receivable management and collection services for government customers.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>21.97%</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">
              Federal Education Loans
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Government-Backed Student Loans
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>32.85%</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 loans used by students to finance the cost of education, generally for higher education programs such as undergraduate college degrees. These loans are backed or subsidized by government entities.
            </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">
              Federal Education Loans
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Student Loan Servicing
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>4.52%</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 businesses service student education loans they originated and sold to other banks.
            </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">
              Consumer Lending
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Private Student Loans
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>39.70%</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 used by students to finance the cost of education, generally for higher education programs such as undergraduate college degrees.
            </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">
              Consumer Lending
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                General Loan Servicing
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.96%</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 service general consumer loans. 
            </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">
              Business Processing
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Receivables Collection Services for Governments
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>21.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 perform outsourced accounts receivable management and collection services for government customers.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>