@extends('layouts.user-screens')
@section('content')
   <!-- Layout wrapper -->
    <div class="layout-wrapper layout-content-navbar">
      <div class="layout-container">
        <!-- Menu -->

        <aside id="layout-menu" class="layout-menu menu-vertical menu bg-menu-theme">
          <div class="app-brand demo">
             <a href="index.html" class="app-brand-link">
              <img src="../assets/img/elements/logo.jpg"/>
            </a>

            <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto d-block d-xl-none">
              <i class="bx bx-chevron-left bx-sm align-middle"></i>
            </a>
          </div>

          <div class="menu-inner-shadow"></div>

         <ul class="menu-inner py-1">
            <!-- Dashboard -->
            <li class="menu-item">
              <a href="index.html" class="menu-link">
                <i class="menu-icon tf-icons bx bx-home-circle"></i>
                <div data-i18n="Analytics">Dashboard</div>
              </a>
            </li>

            <!-- Layouts -->
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-layout"></i>
                <div data-i18n="Layouts">Main</div>
              </a>

              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="post-deal.html" class="menu-link">
                    <div data-i18n="Without menu">Post a Deal</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Without navbar">Partner's Deal</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Container">Facilities Center</div>
                  </a>
                </li>
                
              </ul>
            </li>

            <li class="menu-header small text-uppercase">
              <span class="menu-header-text">Offerrings</span>
            </li>
            <li class="menu-item active">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-dock-top"></i>
                <div data-i18n="Account Settings">Investment</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Account">Mutual Funds</div>
                  </a>
                </li>
                <li class="menu-item active">
                  <a href="pms.html" class="menu-link">
                    <div data-i18n="Notifications">PMS</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="aifs.html" class="menu-link">
                    <div data-i18n="Connections">AIFs</div>
                  </a>
                </li>
        <li class="menu-item">
                  <a href="stock-market.html" class="menu-link">
                    <div data-i18n="Connections">Stock Market</div>
                  </a>
                </li>
        <li class="menu-item">
                  <a href="fixed_income_securities.html" class="menu-link">
                    <div data-i18n="Connections">Fixed Income Securities</div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-lock-open-alt"></i>
                <div data-i18n="Authentications">Secured Loans</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="home-loans.html" class="menu-link">
                    <div data-i18n="Basic">Home Loan</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="lap.html" class="menu-link">
                    <div data-i18n="Basic">LAP</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="project-financing.html" class="menu-link">
                    <div data-i18n="Basic">Project Financing</div>
                  </a>
                </li>
              </ul>
            </li>
            <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-cube-alt"></i>
                <div data-i18n="Misc">Unsecured Loans</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Error">Personal Loans</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="business-loans.html" class="menu-link">
                    <div data-i18n="Under Maintenance">Business Loans</div>
                  </a>
                </li>
         <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Under Maintenance">Credit Cards</div>
                  </a>
                </li>
              </ul>
            </li>
       <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Startup Investment</div>
              </a>
            </li>
      <li class="menu-item">
              <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon tf-icons bx bx-rupee"></i>
                <div data-i18n="Misc">Insurance</div>
              </a>
              <ul class="menu-sub">
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Error">Life Insurance</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Under Maintenance">Health Insurance</div>
                  </a>
                </li>
         <li class="menu-item">
                  <a href="#" class="menu-link">
                    <div data-i18n="Under Maintenance">Other General</div>
                  </a>
                </li>
              </ul>
            </li>
            <!-- Components -->
            <li class="menu-header small text-uppercase"><span class="menu-header-text">Services</span></li>
            <!-- Cards -->
            <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Valuation</div>
              </a>
            </li>
            <!-- User interface -->
           

            <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Transfer Pricing</div>
              </a>
            </li>
      
             <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Startegic Advisory</div>
              </a>
            </li>
       <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-collection"></i>
                <div data-i18n="Basic">Learning & Development</div>
              </a>
            </li>
      

            <!-- Forms & Tables -->
            <li class="menu-header small text-uppercase"><span class="menu-header-text">Misc</span></li>
            <!-- Forms -->
            
           
            <!-- Tables -->
            <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-table"></i>
                <div data-i18n="Tables">IB Deals</div>
              </a>
            </li>
       <li class="menu-item">
              <a href="#" class="menu-link">
                <i class="menu-icon tf-icons bx bx-table"></i>
                <div data-i18n="Tables">Special Offers</div>
              </a>
            </li>
            <!-- Misc -->
           
          </ul>
        </aside>
        <!-- / Menu -->

        <!-- Layout container -->
        <div class="layout-page">
          <!-- Navbar -->

          <nav
            class="layout-navbar container-xxl navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
            id="layout-navbar"
          >
            <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
              <a class="nav-item nav-link px-0 me-xl-4" href="javascript:void(0)">
                <i class="bx bx-menu bx-sm"></i>
              </a>
            </div>

            <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
              <!-- Search -->
              <div class="navbar-nav align-items-center">
                <div class="nav-item d-flex align-items-center">
                  <i class="bx bx-search fs-4 lh-0"></i>
                  <input
                    type="text"
                    class="form-control border-0 shadow-none"
                    placeholder="Search..."
                    aria-label="Search..."
                  />
                </div>
              </div>
              <!-- /Search -->

              <ul class="navbar-nav flex-row align-items-center ms-auto">
                <!-- Place this tag where you want the button to render. -->
                

                <!-- User -->
                <li class="nav-item navbar-dropdown dropdown-user dropdown">
                  <a class="nav-link dropdown-toggle hide-arrow" href="javascript:void(0);" data-bs-toggle="dropdown">
                    <div class="avatar avatar-online">
                      <img src="../assets/img/avatars/1.png" alt class="w-px-40 h-auto rounded-circle" />
                    </div>
                  </a>
                  <ul class="dropdown-menu dropdown-menu-end">
                    <li>
                      <a class="dropdown-item" href="#">
                        <div class="d-flex">
                          <div class="flex-shrink-0 me-3">
                            <div class="avatar avatar-online">
                              <img src="../assets/img/avatars/1.png" alt class="w-px-40 h-auto rounded-circle" />
                            </div>
                          </div>
                          <div class="flex-grow-1">
                            <span class="fw-semibold d-block">Gaurav Mishra</span>
                            <small class="text-muted">DP Buddy</small>
                          </div>
                        </div>
                      </a>
                    </li>
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                    <li>
                      <a class="dropdown-item" href="my-account.html">
                        <i class="bx bx-user me-2"></i>
                        <span class="align-middle">My Profile</span>
                      </a>
                    </li>
                    <li>
                      <a class="dropdown-item" href="#">
                        <i class="bx bx-cog me-2"></i>
                        <span class="align-middle">Support</span>
                      </a>
                    </li>
                   
                    <li>
                      <div class="dropdown-divider"></div>
                    </li>
                    <li>
                      <a class="dropdown-item" href="#">
                        <i class="bx bx-power-off me-2"></i>
                        <span class="align-middle">Log Out</span>
                      </a>
                    </li>
                  </ul>
                </li>
                <!--/ User -->
              </ul>
            </div>
          </nav>

          <!-- / Navbar -->

          <!-- 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> Events & Webminars </h4>

            

              <!-- Horizontal -->
             <h3 class="green">Upcoming Events</h3>
              <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="../assets/img/elements/event.jpg" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Webminar : Best way to invest in Mutual Funds</h5>
              <p><i class="fa fa-user green"></i> Guest Speaker : Sumit Uppal</p>
                         
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Event Date : 2022-08-03 | Time : 11:00 AM</small></p>
              <a href="event-details.html" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-8">
                        <div class="card-body">
                         <h5 class="card-title">Webminar : Best way to invest in Mutual Funds</h5>
              <p><i class="fa fa-user green"></i> By Sumit Uppal</p>
                         
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
              <a href="event-details.html" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="../assets/img/elements/event.jpg" alt="Card image" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Horizontal -->
        <h3 class="green">Past Events</h3>
        <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="../assets/img/elements/event.jpg" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                         <h5 class="card-title">Webminar : Best way to invest in Mutual Funds</h5>
              <p><i class="fa fa-user green"></i> By Sumit Uppal</p>
                          
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
              <a href="event-details.html" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-8">
                        <div class="card-body">
                         <h5 class="card-title">Webminar : Best way to invest in Mutual Funds</h5>
              <p><i class="fa fa-user green"></i> By Sumit Uppal</p>
                          
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
              <a href="event-details.html" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                      <div class="col-md-4">
                       <img class="card-img card-img-left" src="../assets/img/elements/event.jpg" alt="Card image" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Horizontal -->
        
        <div class="row mb-5">
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="../assets/img/elements/event.jpg" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Webminar : Best way to invest in Mutual Funds</h5>
              <p><i class="fa fa-user green"></i> By Sumit Uppal</p>
                          
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
              <a href="event-details.html" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md">
                  <div class="card mb-3">
                    <div class="row g-0">
                      <div class="col-md-8">
                        <div class="card-body">
                         <h5 class="card-title">Webminar : Best way to invest in Mutual Funds</h5>
              <p><i class="fa fa-user green"></i> By Sumit Uppal</p>
                         
                          <p class="card-text"><small class="text-muted"><i class="fa fa-calendar green"></i> Posted on : 2022-08-03 11:49:55</small></p>
              <a href="event-details.html" class="btn btn-outline-primary">View More</a>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <img class="card-img card-img-left" src="../assets/img/elements/event.jpg" alt="Card image" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--/ Horizontal -->
<nav aria-label="Page navigation">
                          <ul class="pagination">
                           
                            <li class="page-item active">
                              <a class="page-link" href="javascript:void(0);">1</a>
                            </li>
                            <li class="page-item">
                              <a class="page-link" href="javascript:void(0);">2</a>
                            </li>
                            <li class="page-item ">
                              <a class="page-link" href="javascript:void(0);">3</a>
                            </li>
                            <li class="page-item">
                              <a class="page-link" href="javascript:void(0);">4</a>
                            </li>
                            <li class="page-item">
                              <a class="page-link" href="javascript:void(0);">5</a>
                            </li>
                            <li class="page-item next">
                              <a class="page-link" href="javascript:void(0);"
                                ><i class="tf-icon bx bx-chevron-right"></i
                              ></a>
                            </li>
                            <li class="page-item last">
                              <a class="page-link" href="javascript:void(0);"
                                ><i class="tf-icon bx bx-chevrons-right"></i
                              ></a>
                            </li>
                          </ul>
                        </nav>
            
              <!--/ Card layout -->
            </div>
            <!-- / Content -->

            <!-- Footer -->
            <footer class="content-footer footer bg-footer-theme">
              <div class="container-xxl d-flex flex-wrap justify-content-between py-2 flex-md-row flex-column">
                <div class="mb-2 mb-md-0">
                  ©
                  <script>
                    document.write(new Date().getFullYear());
                  </script>
                  , Developed by
                  <a href="https://www.basicmantra.com" target="_blank" class="footer-link fw-bolder">Basic Mantra</a>
                </div>
              </div>
            </footer>
            <!-- / Footer -->

            <div class="content-backdrop fade"></div>
          </div>
          <!-- Content wrapper -->
        </div>
        <!-- / Layout page -->
      </div>

      <!-- Overlay -->
      <div class="layout-overlay layout-menu-toggle"></div>
    </div>
    <!-- / Layout wrapper -->


  @endsection