<%- include('includes/header') %>
	<div class="page-content bg-white">
		<!-- Slider 1 -->
		<!-- Main Banner -->
		<section class="">
	    <div class="your-slider">
            <div class="your-slider-item">
                <img src="images/background/index.jpg" alt="">
            </div>
            <div class="your-slider-item">
				<img src="images/background/index-banner2.jpg" alt="">
            </div>
			<div class="your-slider-item">
				<img src="images/background/usp.jpg" alt="">
            </div>
        </div>
	</section>
		<!-- <div class="main-banner" style="background-image:url(images/background/index.jpg);">
		</div> -->

		<section class="section-sp1 about-area bg-crayon">
			<div class="container">
				<div class="heading-bx text-left">
					<h2 class="title">Feature Product</h2>
				</div>
			</div>

			<div class="container">
				<div class="row">
					<% ourProducts.forEach(element=> { %>
						<div class="col-xl-3 col-lg-4 col-md-6 mb-30">
							<div class="feature-container feature-bx2 feature1">
								<div class="feature-box-xl mb-30 detailsLink" data-pcode="<%= element.p_code %>">
									<span class="icon-cell">
										<img src="<%= element.thumbnail %>" alt="">
									</span>
								</div>
								<div class="icon-content">
									<h6 class="ttr-title" style="color: #565acf;
                                        font-weight: 600;">
										<%= element.title %>
											</>
									</h6>
									<div class="price-center">
										<p class="price">₹<%= element.selling_price %>
										</p>
										<div
											class="border  p-2 rounded showQty-<%= element.id %> <%= element.inCart ? 'd-inline ' : 'd-none' %>">
											<span class="buyPro btn-secondary p-1 rounded" data-type="minus"
												data-id="<%= JSON.stringify(element) %>"><i class="fa fa-minus"
													aria-hidden="true"></i></span>
											<span
												class="px-3 text-black qty-<%= element.id %> <%= JSON.stringify(element) %>">
												<%= element.quantity %>
											</span>
											<span class="buyPro btn-secondary p-1 rounded"
												data-id="<%= JSON.stringify(element) %>" data-type="add"><i
													class="fa fa-plus" aria-hidden="true"></i></span>
										</div>
										<span data-id="<%= JSON.stringify(element) %>" data-type="remove"
											class="btn-danger p-1 rounded buyPro ml-1 showQty-<%= element.id %> <%= element.inCart ? '' : 'd-none' %>"><i
												class="fa fa-times" aria-hidden="true"></i></span>

										<button data-id="<%= JSON.stringify(element) %>" data-type="add"
											class="product-buy buyPro btn btn-primary btn-sm hideQty-<%= element.id %> <%= element.inCart ? 'd-none' : '' %>">Add
											To Cart<i class="btn-icon-bx fas fa-plus"></i></button>

									</div>
								</div>
							</div>
						</div>

						<% }) %>
				</div>
			</div>
		</section>



		<!-- Our Services -->
	
		<!-- Our Progress -->
		<section class="section-area section-sp5 work-area"
			style="background-image: url(images/background/line-bg1.png); background-repeat: no-repeat; background-position: center; background-size: 100%;">
			<div class="container">
				<div class="heading-bx text-left">

					<h2 class="title">OUR BESTSELLER</h2>
				</div>
				<div class="row justify-content-center">
					<% bestSeller.forEach(element=> { %>
						<div class="col-xl-3 col-lg-4 col-md-6 mb-30">
							<div class="feature-container feature-bx2 feature1">
								<div class="feature-box-xl mb-30 detailsLink" data-pcode="<%= element.p_code %>">
									<span class="icon-cell">
										<img src="<%= element.thumbnail %>" alt="">
									</span>
								</div>
								<div class="icon-content">
									<h6 class="ttr-title" style="color: #565acf;
                                        font-weight: 600;">
										<%= element.title %>
											</>
									</h6>
									<div class="price-center">
										<p class="price">₹<%= element.selling_price %>
										</p>
										<div
											class="border  p-2 rounded showQty-<%= element.id %> <%= element.inCart ? 'd-inline ' : 'd-none' %>">
											<span class="buyPro btn-secondary p-1 rounded" data-type="minus"
												data-id="<%= JSON.stringify(element) %>"><i class="fa fa-minus"
													aria-hidden="true"></i></span>
											<span
												class="px-3 text-black qty-<%= element.id %> <%= JSON.stringify(element) %>">
												<%= element.quantity %>
											</span>
											<span class="buyPro btn-secondary p-1 rounded"
												data-id="<%= JSON.stringify(element) %>" data-type="add"><i
													class="fa fa-plus" aria-hidden="true"></i></span>
										</div>
										<span data-id="<%= JSON.stringify(element) %>" data-type="remove"
											class="btn-danger p-1 rounded buyPro ml-1 showQty-<%= element.id %> <%= element.inCart ? '' : 'd-none' %>"><i
												class="fa fa-times" aria-hidden="true"></i></span>

										<button data-id="<%= JSON.stringify(element) %>" data-type="add"
											class="product-buy buyPro btn btn-primary btn-sm hideQty-<%= element.id %> <%= element.inCart ? 'd-none' : '' %>">Add
											To Cart<i class="btn-icon-bx fas fa-plus"></i></button>
									</div>
								</div>
							</div>
						</div>
						<% }) %>
				</div>
			</div>
			<img class="pt-img1 animate1" src="images/shap/circle-orange.png" alt="">
			<img class="pt-img2 animate2" src="images/shap/plus-orange.png" alt="">
			<img class="pt-img3 animate3" src="images/shap/circle-dots.png" alt="">
		</section>



		<!-- Appointment -->
		<section class="section-area account-wraper1">
			<div class="container-fluid">
				<div class="appointment-inner section-sp2">
					<div class="container">
						<div class="row align-items-center">
							<div class="col-xl-5 col-lg-6 col-md-6">
								<div class="appointment-form form-wraper">
									<h3 class="title">Contact Us</h3>
									<div class="row">
										<form id="contactForm">
											<div class="col-lg-12">
												<div class="row">
													<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12" style="padding: 0px 0px 0px 0px;">
														<div class="form-group">
															<label for="name">Name</label>
															<input name="name" type="text" class="form-control"
																id="name" placeholder="Enter Name">
														</div>
													</div>
													<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12" style="padding: 0px 0px 0px 0px;">
														<div class="form-group">
															<label for="email">Email</label>
															<input name="email" type="email" id="email"
																class="form-control email" required=""
																placeholder="Your Email Id">
														</div>
													</div>
												</div>
											</div>
											<div class="form-group">
												<label for="product">Products</label>
												<select id="product" name="product" class="form-select">
													<option value="">Select Option</option>
													<option value="Darwin Oxygen Generator">Darwin Oxygen Generator
													</option>
													<option value="Darwin PPE KIT">Darwin PPE KIT</option>
													<option value="Darwin Wet Wipes">Darwin Wet Wipes</option>
													<option value="Darwin All in one spray">Darwin All in one spray
													</option>
													<option value="Darwin Alkaline Bottle">Darwin Alkaline Bottle
													</option>
													<option value="Darwin N95 Mask">Darwin N95 Mask</option>
													<option value="Darwin 3-PLY Mask">Darwin 3-PLY Mask</option>
													<option value="Darwin oximeter">Darwin oximeter</option>
												</select>
											</div>

											<div class="form-group">
												<label for="mobile">Phone Number</label>
												<input id="number" name="mobile" type="text" maxlength="10"
													oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\.*)/g, '');"
													required="" class="form-control phone" placeholder="Enter Mobile">
											</div>
											<div class="form-group">
												<label for="message">Message</label>
												<input id="message" name="message" type="Message" class="form-control"
													placeholder="Message">
											</div>

											<button type="submit" class="btn btn-secondary btn-lg">SUBMIT</button>
										</form>
									</div>
								</div>
							</div>
							<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 contact-info">
								<div class="info-column">
									<h4 class="widget-title mobile-padding">Contact Info</h4>
									<ul>
										<li>
											<span class="icon las la-map-marked"></span>
											<p><strong
													style="font-weight:bold; color:#d81517;">ADDRESS</strong><br><b>H-127,
													Ansa Industrial Estate, Sakivihar road, Saki Naka Andheri East,
													Mumbai 400072,
													Maharashtra.</p>
										</li>
										<li>
											<span class="icon las la-mail-bulk"></span>
											<p><strong style="font-weight:bold; color:#d81517;">EMAIL</strong><br>
												info@darwinpharma.in</p>
										</li>
									</ul>
								</div>
								<!-- Left part END -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>

	<%- include('includes/footer') %>

