@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 active">
              <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 active">
                  <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>
        </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">Dashboard/</span> Post a Deal</h4>

              <!-- Basic Layout & Basic with Icons -->
              <div class="row">
                <!-- Basic Layout -->
                <div class="col-xxl">
                  <div class="card mb-4">
                    <div class="card-header d-flex align-items-center justify-content-between">
                      <h5 class="mb-0">Post a Deal</h5>
                     
                    </div>
					 <div class="card-body">
                      <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img
                          src="{{asset('assets/dashboard/assets/img/elements/img.jpg')}}"
                          alt="user-avatar"
                          class="d-block rounded"
                          height="100"
                          width="100"
                          id="uploadedAvatar"
                        />
                        <div class="button-wrapper">
                          <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                            <span class="d-none d-sm-block">Upload new photo</span>
                            <i class="bx bx-upload d-block d-sm-none"></i>
                            <input
                              type="file"
                              id="upload"
                              class="account-file-input"
                              hidden
                              accept="image/png, image/jpeg"
                            />
                          </label>
                          <button type="button" class="btn btn-outline-secondary account-image-reset mb-4">
                            <i class="bx bx-reset d-block d-sm-none"></i>
                            <span class="d-none d-sm-block">Upload</span>
                          </button>

                          <p class="text-muted mb-0">Allowed JPG, GIF or PNG. Max size of 800K</p>
                        </div>
                      </div>
                    </div>
                    <div class="card-body">
					
                      <form>
                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-name">Name of Deal </label>
                          <div class="col-sm-9">
                            <input type="text" class="form-control" id="basic-default-name" placeholder="" />
                          </div>
                        </div>
						 
                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-company">Name of Business/Company Entity</label>
                          <div class="col-sm-9">
                            <input
                              type="text"
                              class="form-control"
                              id="basic-default-company"
                              placeholder=""
                            />
                          </div>
                        </div>
                        
                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-phone">Location of business</label>
                          <div class="col-sm-9">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder=""
                            />
                          </div>
                        </div>
						<div class="row mb-3">
                         <div class="col-sm-3"> <label class="col-form-label" for="basic-default-phone">Deal Industry/Sector	</label><br>
						 </div>
                          <div class="col-sm-9">
                           <select class="form-select" id="exampleFormControlSelect2" aria-label="Multiple select example" >
                          <option selected>Technology</option>
                          <option value="1">Media and Entertainment</option>
                          <option value="2">Education and Skill Development</option>
                          <option value="3">Financial Services</option>
						  <option value="4">Aerospace and Defence</option>
						  <option value="5">Healthcare and Wellness</option>
						  <option value="6">Pharma and Lifesciences</option>
						  <option value="7">Retail and Consumer Goods</option>
						  <option value="8">Energy and Resources</option>
						  <option value="9">Agriculture</option>
						  <option value="10">Infrastructure</option>
						  <option value="11">Logistics and Mobility</option>
						  <option value="12">B2B Services</option>
						   <option value="13">SAAS</option>
						    <option value="14">Gaming</option>
							 <option value="15">Apparel and Accessories</option>
						   <option value="16">Beauty and Personal Care</option>
						   <option value="17">Clean Energy</option>
						   <option value="18">Real Estate</option>
						   <option value="19">Metaverse</option>
                        </select>
                          </div>
                        </div>
						 <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-name">Number of employees </label>
                          <div class="col-sm-9">
                            <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>1-10</option>
                          <option value="1">10-50</option>
                          <option value="2">50-100</option>
                          <option value="3">100-200 & above</option>
                        </select>
                          </div>
                        </div>
						 <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-name">Stage of business</label>
                          <div class="col-sm-9">
                            <select class="form-select" id="exampleFormControlSelect1" aria-label="Default select example">
                          <option selected>Ideation</option>
                          <option value="1">POC</option>
                          <option value="2">Pre-revenue</option>
                          <option value="3">Revenue</option>
                        </select>
                          </div>
                        </div>
						<p class="green">If Revenue</p>
						<div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Annual Revenue</label>
                          <div class="col-sm-9">
                            <input
                              type="text"
                              class="form-control"
                              id="basic-default-company"
                              placeholder=""
                            />
                          </div>
                        </div>
						<hr>
						<p class="green">Description of the deal</p>
                        <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Description of the deal</label>
                          <div class="col-sm-9">
                            <textarea
                              id="basic-default-message"
                              class="form-control"
                              placeholder=""
                              aria-label="Please enter the name of business/company/Project, funding/loan required for."
                              aria-describedby="basic-icon-default-message2"
                            ></textarea>
                          </div>
                        </div>
						 <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Profile of promoters 1</label>
                          <div class="col-sm-9">
                            <textarea
                              id="basic-default-message"
                              class="form-control"
                              placeholder=""
                              aria-label="Please enter the name of business/company/Project, funding/loan required for."
                              aria-describedby="basic-icon-default-message2"
                            ></textarea>
                          </div>
                        </div>
						<div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Profile of promoters 2</label>
                          <div class="col-sm-9">
                            <textarea
                              id="basic-default-message"
                              class="form-control"
                              placeholder=""
                              aria-label="Please enter the name of business/company/Project, funding/loan required for."
                              aria-describedby="basic-icon-default-message2"
                            ></textarea>
                          </div>
                        </div>
						 <div class="row mb-3">
                          <label class="col-sm-3 col-form-label" for="basic-default-message">Investment amount required:</label>
                          <div class="col-sm-9">
                            <input
                              type="text"
                              class="form-control"
                              id="basic-default-company"
                              placeholder=""
                            />
                          </div>
                        </div>
						  <div class="col-md">
						  <label class="col-sm-3 col-form-label" for="basic-default-message">Any previous funding raised ?</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">Yes</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">No</label>
                          </div>
                         
                          </div>
                         <div class="row mb-3">
						
						 <div class="col-lg-6"><label class="col-sm-4 col-form-label" for="basic-default-phone">Investor Name</label>
                          <div class="col-sm-12">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder=""
                            />
                          </div></div>
                          <div class="col-lg-6"><div class="col-lg-4"><label class=" col-form-label" for="basic-default-phone">Investment Amount</label></div>
                          <div class="col-lg-12">
                            <input
                              type="text"
                              id="basic-default-phone"
                              class="form-control phone-mask"
                              placeholder=""
                            />
                          </div></div>
                        </div>
						<div class="row mb-3"><a href="">+ add more</a></div>
						 <div class="input-group">
                        <label class="input-group-text" for="inputGroupFile01">Upload Supporting Documents</label>
                        <input type="file" class="form-control" id="inputGroupFile01" />
                      </div>
					  <p>Please upload deal supporting document. E.g. Project Report, Introductory Profile or Information Memorandum.</p>
					  
					   <div class="form-check mt-3 mb-3">
                            <input class="form-check-input" type="checkbox" value="" id="defaultCheck1" />
                            <label class="form-check-label" for="defaultCheck1"> I want to keep it confidential </label>
                          </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>
                <!-- Basic with Icons -->
                
              </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