<%-include('navbar.ejs')%>



		<!-- Title Bar -->
		<div class="pbmit-title-bar-wrapper">
			<div class="container">
				<div class="pbmit-title-bar-content">
					<div class="pbmit-title-bar-content-inner">
						<div class="pbmit-tbar">
							<div class="pbmit-tbar-inner container">
								<h1 class="pbmit-tbar-title">Make Own Background Verification Package</h1>
							</div>
						</div>
						<div class="pbmit-breadcrumb">
							<div class="pbmit-breadcrumb-inner">
								<span>
									<a title="" href="/" class="home"><span>Home</span></a>
								</span>
								<span class="sep">
									<i class="pbmit-base-icon-angle-right"></i>
								</span>
								<span><span class="post-root post post-post current-item">Make Own Package</span></span>
							</div>
						</div>
					</div>
				</div> 
			</div> 
		</div>
		<!-- Title Bar End-->


 
    <div class="container py-5">

        <!-- Heading -->
        <div class="text-center mb-5">

            <h2 class="fw-bold">
                Build Your Own Verification Package
            </h2>

            <p class="text-muted">
                Select the verification services you require, specify the quantity,
                and instantly calculate your estimated quotation.
            </p>

        </div>

        <div class="row">

            <!-- LEFT -->
            <div class="col-lg-8">

                <div class="package-table">

                    <div class="table-responsive">

                        <table class="table align-middle">

                            <thead>

                                <tr>

                                    <th width="50"></th>

                                    <th>Verification Service</th>

                                    <th width="120">Price</th>

                                    <th width="170">Quantity</th>

                                </tr>

                            </thead>

                            <tbody>

                                <tr>

                                    <td>
                                        <input type="checkbox"
                                              class="service-check"
                                              data-name="Identity Verification"
                                              data-price="150">
                                    </td>

                                    <td>

                                        <strong>Identity Verification</strong>

                                        <div class="small text-muted">
                                            Aadhaar / PAN / Passport
                                        </div>

                                    </td>

                                    <td >

                                        ₹150

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">
                                                -
                                            </button>

                                            <input
                                                type="number"
                                                value="1"
                                                min="1"
                                                class="qty-input">

                                            <button class="qty-plus">
                                                +
                                            </button>

                                        </div>

                                    </td>

                                </tr>

                                <tr>

                                    <td>
                                        <input type="checkbox"
                                              class="service-check"
                                              data-name="Address Verification"
                                              data-price="300">
                                    </td>

                                    <td>

                                        <strong>Address Verification</strong>

                                        <div class="small text-muted">
                                            Physical / Digital Verification
                                        </div>

                                    </td>

                                    <td>

                                        ₹300

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <input type="checkbox"
                                              class="service-check"
                                              data-name="Education Verification"
                                              data-price="500">

                                    </td>

                                    <td>

                                        <strong>Education Verification</strong>

                                        <div class="small text-muted">
                                            University / Board Validation
                                        </div>

                                    </td>

                                    <td>

                                        ₹500

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <input type="checkbox"
                                              class="service-check"
                                              data-name="Employment Verification"
                                              data-price="300">

                                    </td>

                                    <td>

                                        <strong>Employment Verification</strong>

                                        <div class="small text-muted">
                                            HR & Experience Check
                                        </div>

                                    </td>

                                    <td>

                                        ₹300

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <input type="checkbox"
                                              class="service-check"
                                              data-name="Court Verification"
                                              data-price="300">

                                    </td>

                                    <td>

                                        <strong>Court Verification</strong>

                                        <div class="small text-muted">
                                            Court Case Screening
                                        </div>

                                    </td>

                                    <td>

                                        ₹300

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                        <input type="checkbox"
                                              class="service-check"
                                              data-name="Reference Verification"
                                              data-price="150">

                                    </td>

                                    <td>

                                        <strong>Reference Verification</strong>

                                        <div class="small text-muted">
                                            Previous Employer Reference
                                        </div>

                                    </td>

                                    <td>

                                        ₹150

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                                <tr>

                                    <td>

                                      <input type="checkbox"
                                              class="service-check"
                                              data-name="Database Verification"
                                              data-price="250">

                                    </td>

                                    <td>

                                        <strong>Database Verification</strong>

                                        <div class="small text-muted">
                                            India & Global Database
                                        </div>

                                    </td>

                                    <td>

                                        ₹250

                                    </td>

                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                                <!-- Drug Test -->

                                <tr>

                                    <td>

                                        <input type="checkbox"
                                              class="service-check drug-check">

                                    </td>

                                  <td>

                                      <strong>Drug Test <span style="font-weight: normal;">(Select Drug Test Panel)</span></strong>

                                    

                                      <div class="drug-select-wrapper">

                                          <select class="form-select drug-select">
    <!-- 
                                              <option selected disabled>
                                                  Select Panel
                                              </option> -->

                                              <option value="600">
                                                  Panel 2 - ₹600
                                              </option>

                                              <option value="850">
                                                  Panel 5 - ₹850
                                              </option>

                                              <option value="950">
                                                  Panel 6 - ₹950
                                              </option>

                                              <option value="1025">
                                                  Panel 7 - ₹1025
                                              </option>

                                              <option value="1100">
                                                  Panel 8 - ₹1100
                                              </option>

                                              <option value="1200">
                                                  Panel 9 - ₹1200
                                              </option>

                                              <option value="1300">
                                                  Panel 10 - ₹1300
                                              </option>

                                          </select>

                                          <i class="fa fa-chevron-down select-icon"></i>

                                      </div>

                                  </td>

                                    <td class="package-price">
                                      <span class="drug-price">
                                          600
                                      </span>
                                  </td>
                                    <td>

                                        <div class="qty-box">

                                            <button class="qty-minus">-</button>

                                            <input type="number"
                                                  value="1"
                                                  min="1"
                                                  class="qty-input">

                                            <button class="qty-plus">+</button>

                                        </div>

                                    </td>

                                </tr>

                            </tbody>

                        </table>

                    </div>

                </div>

            </div>

            <!-- RIGHT -->

            <div class="col-lg-4">

                <div class="summary-card">

                    <h4>Your Package</h4>

                    <hr>

                    <div id="selectedServices">
                        <p class="text-muted mb-0">
                            No services selected.
                        </p>
                    </div>

                    <hr>

                    <div class="d-flex justify-content-between">

                        <span>Subtotal</span>

                        <strong id="subtotal">

                            ₹0

                        </strong>

                    </div>

                    <div class="d-flex justify-content-between mt-2">

                        <span>GST (18%)</span>

                        <strong id="gst">

                            ₹0

                        </strong>

                    </div>

                    <hr>

                    <div class="d-flex justify-content-between">

                        <h5>Total</h5>

                        <h5 id="grandTotal">

                            ₹0

                        </h5>

                    </div>

                    <a href="javascript:void(0)"
                      id="checkoutBtn"
                      class="btn btn-primary p-3 w-100 mt-3">

                        <i class="fa fa-shopping-cart"></i>

                        Proceed to Checkout

                    </a>

                </div>

            </div>

        </div>

    </div>




<%-include('footer.ejs')%>