@extends('layouts.buddy-screens')
@section('content')
  


          <!-- Content wrapper -->
          <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
              <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Dashboard /</span><span class="text-muted fw-light"> Investment /</span> PMS</h4>

             <nav class="navbar navbar-expand-lg navbar-light bg-light mb-5">
                <div class="container-fluid">
                  <a class="navbar-brand" href="javascript:void(0)">&nbsp;</a>
                  <button
                    class="navbar-toggler"
                    type="button"
                    data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent"
                    aria-expanded="false"
                    aria-label="Toggle navigation"
                  >
                    <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse" id="navbarSupportedContent">
                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                      
                      
                       <li class="nav-item dropdown">
                        <a
                          class="nav-link dropdown-toggle"
                          href="javascript:void(0)"
                          id="navbarDropdown"
                          role="button"
                          data-bs-toggle="dropdown"
                          aria-expanded="false"
                        >
                         Search by category
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <li onclick="by_category(this);" title="largeCap">
                            <a class="dropdown-item" href="javascript:void(0)"> Large Cap </a>
                          </li>
                          <li onclick="by_category(this);" title="midSmallCap">
                            <a class="dropdown-item" href="javascript:void(0)"> Mid & Small Cap</a>
                          </li>
                          <li onclick="by_category(this);" title="multiCap">
                            <a class="dropdown-item" href="javascript:void(0)"> Multi Cap</a>
                          </li>
                          <li onclick="by_category(this);" title="smallCap">
                            <a class="dropdown-item" href="javascript:void(0)"> Small Cap</a>
                          </li>
                          <li onclick="by_category(this);" title="all">
                            <a class="dropdown-item" href="javascript:void(0)"> All</a>
                          </li>
                        </ul>
                      </li>
                       <li class="nav-item dropdown">
                        <a
                          class="nav-link dropdown-toggle"
                          href="javascript:void(0)"
                          id="navbarDropdown"
                          role="button"
                          data-bs-toggle="dropdown"
                          aria-expanded="false"
                        >
                         Search by AUM
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                          <li onclick="by_aum(this);" title="less_than_100_cr">
                            <a class="dropdown-item" href="javascript:void(0)"> Less than ₹100 Cr. </a>
                          </li>
                          <li onclick="by_aum(this);" title="100-500_cr">
                            <a class="dropdown-item" href="javascript:void(0)"> ₹100-₹500 Cr.</a>
                          </li>
                          <li onclick="by_aum(this);" title="more_than_500_cr">
                            <a class="dropdown-item" href="javascript:void(0)"> More than ₹500 Cr.</a>
                          </li>
                        </ul>
                      </li>
                    </ul>
          <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal"
                        >
                          <i class="fa fa-filter"></i>
                        </button>
                        <a
                        href="{{ url('dpbuddy/pms?refresh=refresh') }}"
                        class="btn btn-primary mr10"
                        >
                        Reset
                        </a>

                        <!-- Modal -->
                        <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                          <form action="{{ url('dpbuddy/pms') }}" method="GET">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Deals Filter</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
                                <div class="row">
                                  <div class="col mb-3">
                                    <label for="nameBasic" class="form-label">Deal Name</label>
                                    <input type="text" id="nameBasic" class="form-control" placeholder="Enter Name" name="productname" value="