Untitled

 <!-- Title -->
       
        <div class="lead fw-bold p-3 new-client-prompt"></div>
        <!-- Main content -->
        <div class="row">
            <div class="d-flex p-5 mt-3 justify-content-between align-items-lg-center py-3 flex-column flex-lg-row">
                <h2 class="h5 mb-3 mb-lg-0"><a href="../../pages/admin/customers.html" class="text-muted"><i class="bi bi-arrow-left-square me-2"></i></a> Create new customer</h2>
                {{-- <div class="hstack gap-3">
                  <button class="btn btn-light btn-sm btn-icon-text"><i class="bi bi-x"></i> <span class="text">Cancel</span></button>
                  <button class="btn btn-primary btn-sm btn-icon-text"><i class="bi bi-save"></i> <span class="text">Save</span></button>
                </div> --}}
              </div>
          <!-- Left side -->
          <div class="col-lg-8">
            <!-- Basic information -->
            <div class="card mb-4">
              <div class="card-body">
                <h3 class="h6 mb-4 fw-bold text-dark">Company information</h3>
                <form action="" class="client-company">
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Company Name</label>
                        <input type="text" class="form-control">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Company Email</label>
                        <input type="text" class="form-control">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Company Address</label>
                        <input type="email" class="form-control">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">CEO/Owner</label>
                        <input type="text" class="form-control">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Date of Birth</label>
                        <input type="email" class="form-control">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Contact Information</label>
                        <input type="text" class="form-control">
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
            <!-- Address -->
            <div class="row">
              <div class="col-sm-6">
                <div class="card mb-4">
                  <div class="card-body">
                    <h3 class="h6 fw-bold">Notes</h3>
                    <textarea class="form-control" rows="3"></textarea>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="card mb-4">
                  <div class="card-body">
                    <h3 class="h6 fw-bold">Company Profile<sup class="text-danger fw-bold"><strong>(option)</strong></sup></h3>
                    <input class="form-control" type="file" accept="image/*" aria-label="Upload Company Profile Image">
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- Right side -->
          <div class="col-lg-4">
            <div class="card mb-4">
              <div class="card-body">
                <h3 class="h6 mb-4 fw-bold text-dark">Representative</h3>
                <form action="" class="client-rep">
                  <div class="mb-3">
                    <label class="form-label">Name</label>
                    <input type="text" class="form-control">
                  </div>
                  <div class="mb-3">
                    <label class="form-label">Contact Information</label>
                    <input type="text" class="form-control">
                  </div>
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Date of Birth</label>
                        <input type="date" name="" id="" class="form-control">
                      </div>
                    </div>
                    <div class="col-lg-6">
                      <div class="mb-3">
                        <label class="form-label">Position</label>
                        <input type="text" name="" class="form-control" id="">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-lg-12">
                      <div class="mb-3">
                        <label class="form-label">Address</label>
                        <input type="text" class="form-control">
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
            
            <div class="hstack gap-3 float-right">
              {{-- <button class="btn btn-light btn-sm btn-icon-text fw-bold"><i class="bi bi-x"></i> <span class="text">Cancel</span></button> --}}
              <button class="btn btn-primary btn-sm btn-icon-text fw-bold text-light"><i class="bi bi-save"></i> <span class="text">Save</span></button>
            </div>
          </div>
        </div>