@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">
              <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 active">
              <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 active">
                  <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="personal-loan" 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="credit-card" 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="{{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 -->
<!-- Bottom Offcanvas -->
                   
                
            <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"> Secured Loans /</span> Home Loans</h4>
 <div class="col-lg-3 col-md-6 mb-3 float-right">
                      
                      <div class="mt-3">
                        <button
                          class="btn btn-primary  "
                          type="button"
                          data-bs-toggle="offcanvas"
                          data-bs-target="#offcanvasBottom"
                          aria-controls="offcanvasBottom"
                        >
                          <i class="fa-solid fa-circle-info"></i> Info
                        </button>
                        <div
                          class="offcanvas offcanvas-bottom"
                          tabindex="-1"
                          id="offcanvasBottom"
                          aria-labelledby="offcanvasBottomLabel"
                        >
                          <div class="offcanvas-header">
                            <h5 id="offcanvasBottomLabel" class="offcanvas-title">Home Loan details</h5>
                            <button
                              type="button"
                              class="btn-close text-reset"
                              data-bs-dismiss="offcanvas"
                              aria-label="Close"
                            ></button>
                          </div>
                          <div class="offcanvas-body">
                            <p>
                              Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print,
                              graphic or web designs. The passage is attributed to an unknown typesetter in the 15th
                              century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum
                              for use in a type specimen book.
                            </p>
                            <button type="button" class="btn btn-primary me-2">Continue</button>
                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="offcanvas">
                              Cancel
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
             
              <!-- Horizontal -->
             <div class="col-lg-12">
                 
                  <div class="nav-align-top mb-4">
                    <ul class="nav nav-pills mb-3 nav-fill" role="tablist">
                      <li class="nav-item">
                        <button
                          type="button"
                          class="nav-link active"
                          role="tab"
                          data-bs-toggle="tab"
                          data-bs-target="#navs-pills-justified-home"
                          aria-controls="navs-pills-justified-home"
                          aria-selected="true"
                        >
                          <i class="tf-icons bx bx-home"></i> Home Loan Details
                         
                        </button>
                      </li>
                      <li class="nav-item">
                        <button
                          type="button"
                          class="nav-link"
                          role="tab"
                          data-bs-toggle="tab"
                          data-bs-target="#navs-pills-justified-profile"
                          aria-controls="navs-pills-justified-profile"
                          aria-selected="false"
                        >
                          <i class="tf-icons bx bx-user"></i> Generate Enquiry
                        </button>
                      </li>
                      <li class="nav-item">
                        <button
                          type="button"
                          class="nav-link"
                          role="tab"
                          data-bs-toggle="tab"
                          data-bs-target="#navs-pills-justified-messages"
                          aria-controls="navs-pills-justified-messages"
                          aria-selected="false"
                        >
                          <i class="tf-icons bx bx-message-square"></i> Document Process
                        </button>
                      </li>
                    </ul>
                    <div class="tab-content">
                      <div class="tab-pane fade show active" id="navs-pills-justified-home" role="tabpanel">
                      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when 
					  an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic 
					  typesetting, remaining essentially unchanged. It was popularised in the 1960s 
					  with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including 
					  versions of Lorem Ipsum.</p>
					  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when 
					  an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic 
					  typesetting, remaining essentially unchanged. It was popularised in the 1960s 
					  with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including 
					  versions of Lorem Ipsum.</p>
					  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when 
					  an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic 
					  typesetting, remaining essentially unchanged. It was popularised in the 1960s 
					  with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including 
					  versions of Lorem Ipsum.</p>
					  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when 
					  an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic 
					  typesetting, remaining essentially unchanged. It was popularised in the 1960s 
					  with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including 
					  versions of Lorem Ipsum.</p>
					  <button
                          type="button"
                          class="btn btn-primary"
                          data-bs-toggle="modal"
                          data-bs-target="#basicModal1"
                        >
                         Consult Finance Advisor
                        </button>
					     <button type="button" class="btn btn-outline-primary">Chat </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">
                                  <div class="row mb-3">
									  Name : Rohit Mishra <br>
									  Mobile No : +91 999999999<br>
									  Email Id : advbs@gmail.com
									 
									</div>
                              </div>
                              <div class="modal-footer">
                                
                               
								</form>
                              </div>
                            </div>
                          </div>
                      
                    </div>
						  
                        </div>
                      </div>
                      <div class="tab-pane fade" id="navs-pills-justified-profile" role="tabpanel">
                            <div class="card-body">
					
                      <form>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Full Name </label>
                          <div class="col-sm-10">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="Gaurav Mishra" />
                          </div>
                        </div>
						 
                         <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Email id </label>
                          <div class="col-sm-10">
                            <input type="emaail" class="form-control" id="basic-default-name" placeholder="xxxxx@xx.com" />
                          </div>
                        </div>
                        
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Contact No.</label>
                          <div class="col-sm-10">
                            <input
                              type="tel"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="+91 xxxxxxxx"
                            />
                          </div>
                        </div>
						
						 <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Address</label>
                          <div class="col-sm-10">
                            <input
                              type="tel"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="House No.xxx"
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">State</label>
                          <div class="col-sm-10">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="Haryana"
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">City</label>
                          <div class="col-sm-10">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="Gurgaon"
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Loan Amount Required </label>
                          <div class="col-sm-10">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="₹ 60,00,000" />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Property Type</label>
                          <div class="col-sm-10">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Bunglow</option>
                          <option value="1">Society Flat</option>
                          <option value="2">Plot</option>
                          <option value="3">Office/Building</option>
                        </select>
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Construction Status</label>
                          <div class="col-sm-10">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Delivery < 2 yrs </option>
                          <option value="1">Delivery < 3 yrs</option>
                          <option value="2">Delivery < 4 yrs</option>
                          <option value="3">Ready To move In</option>
                        </select>
                          </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 class="tab-pane fade" id="navs-pills-justified-messages" role="tabpanel">
                         <p> 
You must submit a duly filled application along with important documents such as identity proof, address proof, income proof, etc. If you are applying with a co-applicant, you must submit the same set of documents of the co-applicant, and they must sign the application form too.

If you have already short-listed a property, you must provide the details in the form and submit photocopies of the property-related documents for legal and technical assessment.

You can also apply online for a HDFC Home Loans by visiting www.hdfc.com. You can even call us on our toll-free number, and our counsellor will visit your home and assist you through the process.
</p>
 <form>
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Full Name </label>
                          <div class="col-sm-10">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="Gaurav Mishra" />
                          </div>
                        </div>
						 
                         <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Email id </label>
                          <div class="col-sm-10">
                            <input type="emaail" class="form-control" id="basic-default-name" placeholder="xxxxx@xx.com" />
                          </div>
                        </div>
                        
                        <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Contact No.</label>
                          <div class="col-sm-10">
                            <input
                              type="tel"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="+91 xxxxxxxx"
                            />
                          </div>
                        </div>
						
						 <div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Address</label>
                          <div class="col-sm-10">
                            <input
                              type="tel"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="House No.xxx"
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">State</label>
                          <div class="col-sm-10">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="Haryana"
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">City</label>
                          <div class="col-sm-10">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder="Gurgaon"
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-name">Loan Amount Required </label>
                          <div class="col-sm-10">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="₹ 60,00,000" />
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Property Type</label>
                          <div class="col-sm-10">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Bunglow</option>
                          <option value="1">Society Flat</option>
                          <option value="2">Plot</option>
                          <option value="3">Office/Building</option>
                        </select>
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-2 col-form-label" for="basic-default-phone">Construction Status</label>
                          <div class="col-sm-10">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Delivery < 2 yrs </option>
                          <option value="1">Delivery < 3 yrs</option>
                          <option value="2">Delivery < 4 yrs</option>
                          <option value="3">Ready To move In</option>
                        </select>
                          </div>
                      <div class="col-md">
                         <label class="form-check-label green">You are ?</label>
                          <div class="form-check form-check-inline mt-3">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="inlineRadioOptions"
                              id="inlineRadio1"
                              value="option1"
                            />
                            <label class="form-check-label" for="inlineRadio1">Salaried</label>
                          </div>
                          <div class="form-check form-check-inline">
                            <input
                              class="form-check-input"
                              type="radio"
                              name="inlineRadioOptions"
                              id="inlineRadio2"
                              value="option2"
                            />
                            <label class="form-check-label" for="inlineRadio2">Self Employed</label>
                          </div>
                          
                        </div>
					  <br><br><br>
<div class="col-xl-12">
                  
                  <div class="nav-align-top mb-4">
                    <ul class="nav nav-tabs" role="tablist">
                      <li class="nav-item">
                        <button
                          type="button"
                          class="nav-link active"
                          role="tab"
                          data-bs-toggle="tab"
                          data-bs-target="#navs-top-home"
                          aria-controls="navs-top-home"
                          aria-selected="true"
                        >
                          Salaried
                        </button>
                      </li>
                      <li class="nav-item">
                        <button
                          type="button"
                          class="nav-link"
                          role="tab"
                          data-bs-toggle="tab"
                          data-bs-target="#navs-top-profile"
                          aria-controls="navs-top-profile"
                          aria-selected="false"
                        >
                          Self Employeed
                        </button>
                      </li>
                      
                    </ul>
                    <div class="tab-content">
                      <div class="tab-pane fade show active" id="navs-top-home" role="tabpanel">
                          <div class="row mb-3">
						  <H6 class="green">Financial Details</H6>
						<hr>
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload 6 Months Salary Slip </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload 6 Months bank Statement </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
						</div>
					  </div>
					    <div class="row mb-3">
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload Form 16 </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload last 3 ITR </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
						</div>
					  </div>
					  
					    <div class="row mb-3">
						<H6 class="green">Company Details</H6>
						<hr>
					  <div class="col-lg-6">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD LTD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-6">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-6">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Contact No.(Landline) </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-6">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Website </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="www.abdc.com" />
                          </div>
                        </div>
						</div>
					  </div>
					    <div class="row mb-3">
						<H6 class="green">Personal Details</H6>
						<hr>
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload Aadhar Card Front </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload Aadhar Card Back </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						</div>
						 <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload PAN Card Front </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload Address Proof </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						</div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload 3 Photos </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
						</div>
					  </div>
                      </div>
                      <div class="tab-pane fade" id="navs-top-profile" role="tabpanel">
                       <div class="row mb-3">
						  <H6 class="green">Financial Details</H6>
						<hr>
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload Last 1 yr bank statement </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload GSTR1/3B </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
						</div>
					  </div>
					    <div class="row mb-3">
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload 2 yrs Financial </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload Profit/loss statement </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
						</div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload Form 16/ITR</label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple />
                          </div>
						</div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Company Type</label>
                          <div class="">
                           <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Sole Proprietor</option>
                          <option value="1">PVT Ltd</option>
                          <option value="2">Public Ltd</option>
                          <option value="3">Partnership Firm</option>
                        </select>
                          </div>
						</div>
					  </div>
					  
					    <div class="row mb-3">
						<H6 class="green">Company Details</H6>
						<hr>
					  <div class="col-lg-6">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD LTD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-6">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-6">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-6">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Company Website </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="www.abdc.com" />
                          </div>
                        </div>
						</div>
					  </div>
					  	    <div class="row mb-3">
						<H6 class="green">Director's Details</H6>
						<hr>
						<H6>Director 1 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD LTD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
						<H6>Director 2 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD LTD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
						<H6>Director 3 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD LTD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
						<H6>Director 4 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD LTD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Director's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
					  </div>
					  
					    <div class="row mb-3">
						<H6 class="green">Personal Details</H6>
						<hr>
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload Aadhar Card Front </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload Aadhar Card Back </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						</div>
						 <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload PAN Card Front </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload Address Proof </label>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						</div>
					  </div>
                      </div>
                     
                    </div>
				
                  </div>
				   <div class="row mb-3">
				   <h6 class="green">Property Project Deatils</h6>
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Upload Builder/Buyer Agreement </label>
						 
						  <span></span>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" multiple/>
                          </div>
						  
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Allotment Letter </label>
						 
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						 
						</div>
					  </div>
					   <div class="row mb-3">
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Reciept of Purchase  </label>
						 
						  <span></span>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						  
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">No Obligation letter</label>
						 
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						  
						</div>
					  </div>
					   <div class="row mb-3">
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Letter from Enrollment </label>
						 
						  <span></span>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						 
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Post Closure Letter </label>
						 
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						  
						</div>
					  </div>
					   <div class="row mb-3">
					  <div class="col-lg-6">
                          <label class="col-form-label" for="basic-default-name">Power of Attorney  </label>
						 
						  <span></span>
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						  
                        </div>
						<div class="col-lg-6">
						<label class=" col-form-label" for="basic-default-name">Upload GSTR1/3B </label>
						 
                          <div class="">
                           <input class="form-control" type="file" id="formFile" />
                          </div>
						  
						</div>
					  </div>
					  <h6 class="green">Guarantor's Details</h6>
					  <div class="row mb-3">
					  <H6>Guarantor 1 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
					  </div>
					  <div class="row mb-3">
					  <H6>Guarantor 2 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
					  </div>
					  <div class="row mb-3">
					  <H6>Guarantor 3 Details</H6>
					  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Name </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="ABCD" />
                          </div>
                        </div>
                        </div>
						<div class="col-lg-4">
						<div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Email Id </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="abcs@gmail.com" />
                          </div>
                        </div>
						</div>
						  <div class="col-lg-4">
                          <div class="row mb-3">
                          <label class="col-sm-4 col-form-label" for="basic-default-name">Guarantor's Contact No. </label>
                          <div class="col-sm-8">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="011 22222222" />
                          </div>
                        </div>
                        </div>
					  </div>
					  <div class="row justify-content-end">
                          <div class="col-sm-12">
                            <button type="submit" class="btn btn-primary">Submit</button>
                          </div>
                        </div>
                </div></form>

                      </div>
                    </div>
                  </div>
                </div>
              
            
			  <div class="row mb-3">
			  <h5 class="card-header">Our Banking Partners</h5>
			  <img src="{{asset('assets/dashboard/assets/img/elements/bank-logo-3.jpg')}}">
			  <img src="{{asset('assets/dashboard/assets/img/elements/bank-logo-4.jpg')}}">
			  <img src="{{asset('assets/dashboard/assets/img/elements/bank-logo-5.jpg')}}">
			  </div>
			 
			

            
              <!--/ 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