@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="/" class="app-brand-link">
              <img src="{{asset('assets/dashboard/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 active">
              <a href="/" 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" 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">
              <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">
                  <a href="pms" class="menu-link">
                    <div data-i18n="Notifications">PMS</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="aifs" class="menu-link">
                    <div data-i18n="Connections">AIFs</div>
                  </a>
                </li>
				<li class="menu-item">
                  <a href="stock-market" class="menu-link">
                    <div data-i18n="Connections">Stock Market</div>
                  </a>
                </li>
				<li class="menu-item">
                  <a href="fixed_income_securities" 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" class="menu-link">
                    <div data-i18n="Basic">Home Loan</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="lap" class="menu-link" >
                    <div data-i18n="Basic">LAP</div>
                  </a>
                </li>
                <li class="menu-item">
                  <a href="project-financing" 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" 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>
          </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="{{asset('assets/dashboard/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="{{asset('assets/dashboard/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">
                        <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">Dashboards /</span> Deals</h4>
              
			    <!-- 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="{{asset('assets/dashboard/assets/img/elements/1.jpg')}}" alt="Card image" />
                      </div>
                      <div class="col-md-8">
                        <div class="card-body">
                          <h5 class="card-title">Omaxe Chowk Chandni Chowk- A New Era Of Chandni Chowk</h5>
                          <p class="card-text">
                            In the heart of Oldest, Largest and Busiest shopping destination, Omaxe Chowk Chandni Chowk offers never again and future- ready business opportunities.
                          </p>
                          
						   <table class="table table-bordered">
                      <thead>
                        <tr>
                          <th>Posted On <i class="fa fa-calendar"></i></th>
                          <th>Location <i class="fa fa-map"></i><b></th>
                          <th>Views <i class="fa fa-eye"></i><b></th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>
                             21 Dec,2022 (8 days ago)
                          </td>
                          <td>Delhi, India</td>
                          <td>17</td>
                        </tr>
                     
                       
                        
                      </tbody>
                    </table>
					<br>
						  <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal"
                        >
                          Connect
                        </button>

                        <!-- Modal -->
                        <div class="modal fade" id="basicModal" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Deal Connect</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
							  <form>
                                <div class="row">
                                  <form>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Full Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="Enter your full name" />
                          </div>
                        </div>
						 <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Email Id </label>
                          <div class="col-sm-8">
                            <input type="email" class="form-control" id="basic-default-name" placeholder="abcd@gmail.com" />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Contact No. </label>
                          <div class="col-sm-8">
                            <input type="tel" class="form-control" id="basic-default-name" placeholder="+91 9999999999" />
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Your Message </label>
                          <div class="col-sm-8">
                           <textarea class="form-control" aria-label="With textarea"></textarea>
                          </div>
                        </div>

                        <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                          </div>
                        </div>
                      </form>
                              </div>
                              
                            </div>
                          </div>
                      
                    </div>
						  
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
               
              </div>
              <!--/ Horizontal -->
				
              <!-- Basic Bootstrap Table -->
              <div class="card mb-4">
                <h5 class="card-header">Return Details</h5>
                <div class="table-responsive text-nowrap">
                  <table class="table">
                    <thead>
                      <tr>
                        <th>3M Return</th>
                        <th>6M Return</th>
                        <th>1Y Return</th>
                        <th>3Y Return</th>
                        <th>5Y Return</th>
						<th>Since Inception	</th>
                      </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">
                      <tr>
                        <td>2%</td>
                        <td>2.6%</td>
                        <td>3%</td>
						 <td>4.9%</td>
						 <td>6%</td>
						 <td>8%</td>
                      </tr>
                      
                    </tbody>
                  </table>
                </div>
              </div>
              <!--/ Basic Bootstrap Table -->
			    
 <div class="card mb-4">
                <h5 class="card-header">Description</h5>
                <div class="card-body">
                  <div class="row">
                    <!-- Custom content with heading -->
                    <div class="col-lg-12 mb-4 mb-xl-0">
                      <p>Omaxe Chowk Chandni Chowk presents an enticing prospect for young business leaders from traditional, family owned businesses to discover new possibilities and innovative trading models to enhance growth and expansion.
</p>
<p><b>Chandni Chowk Overview</b><br>
Daily Footfall of Approx. 4-6 lakh including tourists
Approximately 50000 Existing Business Units
Expected Turnover of Rs. 50 Lakh Crore by 2020 as per Walmart Repor
With World Heritage sites visited by millions of tourists every year.</p>

<p>Omaxe Chowk - A Perspective Overview
Spread across 4.5 Acres with total built-up area of more than 10 lakh sq.ft.
Direct Entry from Chandni Chowk Metro Station
7times more footfall per sq.ft. than any other mall in Delhi NCR
Approx 40 Lakh serious shoppers every month</p>

<p><b>Fine Features & Grand Amenities</b>
<ul>
<li>On vigil 24*7: Fire Safety & Advanced security system</li>
<li>Largest Car Parking with exclusive Valet Service</li>
<li>Loading & Unloading Bay for retailers within the premises</li>
<li>Special Air conditioned Lounge</li>
<li>Space for ATM, Banks & Lockers</li>
<li>Radio & Mobile Taxies- Dedicated Pickup and Drop Lane</li>
<li>Revisit the History of Chandni Chowk</li>
<li>Special Fountain Zone for kids</li>
<li>Contemporary Elevators and Lifts</li>
<li>Easy Access Tourist Information Service</li>
<li>Exclusive F&B Floor</li>
<li>Modern well maintained Washrooms</li>
</ul>

<b>Shops available</b> in the size of 300, 600, 900,1200 and 1500 sq.ft size</p>
 <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal1"
                        >
                         Consult Account Manager
                        </button> &nbsp;<button
                          type="button"
                          class="btn btn-warning"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal2"
                        >
                         Generate Query
                        </button>
						<div class="modal fade" id="basicModal1" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Finance Advisor Details</h5>
                                <button
                                  type="button"
                                  class="btn-close"
                                  data-bs-dismiss="modal"
                                  aria-label="Close"
                                ></button>
                              </div>
                              <div class="modal-body">
							  <form>
                                
                                  <div class="row mb-3">
								  <table class="table table-bordered">
									  <thead>
										<tr>
										  <th>&nbsp;</th>
										  <th>Details</th>
										</tr>
									  </thead>
									  <tbody>
										<tr>
										  <td>Name:</td>
										  <td>Rohit Mishra</td>
										</tr>
										<tr>
										  <td>Mobile No</td>
										  <td>+91 999999999</td>
										</tr>
										 <tr>
										  <td>Email Id</td>
										  <td>advbs@gmail.com</td>
										</tr>
									  </tbody>
									</table>
									 
									 
									</div>
                              
                              <div class="modal-footer">
                                
                               
								</form>
                              </div>
                            </div>
                          </div>
                      
                    </div>
						  
                        </div>
						
						<div class="modal fade" id="basicModal2" tabindex="-1" aria-hidden="true">
                          <div class="modal-dialog" role="document">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel1">Finance Advisor Details</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="row mb-3">
									   <form>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Full Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="Enter your full name" />
                          </div>
                        </div>
						 <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Email Id </label>
                          <div class="col-sm-8">
                            <input type="email" class="form-control" id="basic-default-name" placeholder="abcd@gmail.com" />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Contact No. </label>
                          <div class="col-sm-8">
                            <input type="tel" class="form-control" id="basic-default-name" placeholder="+91 9999999999" />
                          </div>
                        </div>
                        <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Your Message </label>
                          <div class="col-sm-8">
                           <textarea class="form-control" aria-label="With textarea"></textarea>
                          </div>
                        </div>

                        <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                          </div>
                        </div>
                      </form>
									 
									</div>
                              </div>
                             
                            </div>
                          </div>
                      
                    </div>
						  
                        </div>
						
						
              <button type="button" class="btn btn-outline-primary">Chat </button>    
                    </div>
                   
					 </div>
                 
</div>
             
            </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