<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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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=11817&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">
            Loan Portfolio
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial Loan Investing
            </div>
            <div class="is-size-7 has-text-grey">
              These companies invest in diversified non-originated or acquired commercial loans. These loans consist of individual loans or pools of loans created by banks that may be packaged into securities whose cash flows derive from the aggregated mortgage payments.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Loan Portfolio
          </td>

          <td class="is-vcentered">
            <div>
              Home Equity Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide home equity loans or lines of credit (HELOCs/HECNs), or reverse mortgages. These loans use the equity of a consumer&#39;s home as collateral.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Loan Portfolio
          </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.25M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Loan Portfolio
          </td>

          <td class="is-vcentered">
            <div>
              Loans for Real Estate Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide loans to businesses that are used to finance real estate development projects.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Loan Portfolio
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial Loans
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide commercial loans to diversified businesses.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Loan Portfolio
          </td>

          <td class="is-vcentered">
            <div>
              Consumer Mortgages
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide mortgage loans to diversified customers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Loan Portfolio
          </td>

          <td class="is-vcentered">
            <div>
              Commercial Mortgages
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide mortgages to diversified businesses.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>50.50%</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">
              Loan Portfolio
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial Loan Investing
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.02%</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 invest in diversified non-originated or acquired commercial loans. These loans consist of individual loans or pools of loans created by banks that may be packaged into securities whose cash flows derive from the aggregated mortgage payments.
            </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">
              Loan Portfolio
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Home Equity Loans
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.18M
          </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 provide home equity loans or lines of credit (HELOCs/HECNs), or reverse mortgages. These loans use the equity of a consumer&#39;s home as collateral.
            </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">
              Loan Portfolio
            </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.25M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.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 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">
              Loan Portfolio
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Loans for Real Estate Construction
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>10.50%</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 that are used to finance real estate development projects.
            </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">
              Loan Portfolio
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial Loans
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>16.16%</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 commercial loans 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">
              Loan Portfolio
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Consumer Mortgages
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>16.17%</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 mortgage loans to diversified customers.
            </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">
              Loan Portfolio
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Commercial Mortgages
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>50.50%</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 mortgages to diversified businesses.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>