
<!DOCTYPE html>
<html lang="zxx">
<head>
	<title>Genuine Fix | DSTV</title>
	<?php include('includes/stylesheets.php');?>
	<style>
	.span-success{
		color:green;
		
		font-size:10px;
	}
	.span-danger{
		color:red;
		
		font-size:10px;
	}
</style>
</head>
<body>
	<?php include('layouts/social.php');?>
	<!-- Header Section -->
	<?php include('layouts/navbar.php');?>
	<!-- Header Section end -->

	<!-- Hero Section end -->
	<section class="hero-section">
		<div class="container">
			<div class="row">
				<!-- <div class="col-lg-6"> -->
					<div class="hs-text">
						<div style="padding:15px;">
							<h2><strong style="color:#2E9167">GENUINE<span style="color:#fff;">FIX</span> </strong>
							<br><small>DSTV Installations</small></h2>
							<h4></h4>
							<p style="font-size:30px;padding-left:15px;color:#fff;">
							<ul style="font-size:25 px;padding-left:20px;color:#fff;">
							<li>HD Decoder Installations</li>
							<li>Extra TV Points Installations</li>
							<li>Satellite Dish Installations</li>
							</ul></p>
							<a href="#" class="site-btn sb-green" data-toggle="modal" data-target="#quoteModal">Get A Quote</a>
						</div>			
					</div>
			
			</div>
		</div>
		<div class="hero-slider owl-carousel">
			<div class="hs-item set-bg" data-setbg="img/hero-slider/1.jpg"></div>
			<div class="hs-item set-bg" data-setbg="img/hero-slider/2.jpg"></div>
			<div class="hs-item set-bg" data-setbg="img/hero-slider/1.jpg"></div>
		</div>
	</section>
	<!-- Hero Section end -->
	<!-- <section class="why-section">
		<div class="container">
			<div class="text-center mt-5">	
				<p><i>The word accounting comes from the word accountability.<br/>If you are going to be rich, you need to be accountable for your money. </i> <br>   
				<i><b>Robert Kiyosaki</b></i>
				</p>
			</div>
		</div>
	</section> -->
	<?php
		// function __autoload($class){
		// 	require_once "classes/$class.php";
		// }

		spl_autoload_register(function($class) {
			include 'classes/' . $class . '.php';
		});
		
		$emails = new Emailpro();


		if(isset($_POST['send'])){

			$details = [
				"names"     => $_POST['fn']." ".$_POST['sn'],
				"email"     => $_POST['email'],
				"phone"     => $_POST['phone'],
				"service" => $_POST['service'],
				"descr"  	=> $_POST['descr'],
				"subject"   => "Request for a quote"
			];

			$res = $emails->getQuote($details);
			/*r=<?php echo $res;?>*/
			if($res){
				?>
				<script>
					Swal.fire(
						'Request Sent!',
						'Thank you for emailing us , we will respond soon!',
						'success'
						)
				</script>
				<?php
			}else{
				?>
				<script>
					Swal.fire(
						'Failed to send request!',
						'Sorry we could not send your request , please try again!',
						'error'
						)
				</script>
				<?php
			}

		}
	?>
	<!-- Why Section end -->
	<section class="why-section spad">
		<div class="container">
			<div class="text-center mb-5 pb-4">
				<h2 class="pro-h">Why Choose us?</h2>
				<!-- <p><i>The word accounting comes from the word accountability.<br/>If you are going to be rich, you need to be accountable for your money. </i> <br>   
				<i><b>Robert Kiyosaki</b></i>
				</p> -->
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="icon-box-item">
						<div class="ib-icon text-center">
							<i class="flaticon-012-24-hours"></i>
						</div>
						<div class="ib-text">
							<h5 class="pro-h">Time Effective!</h5>
							<p>We value time and we consider it the most important component of our service delivery </p>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="icon-box-item">
						<div class="ib-icon">
							<i class="flaticon-036-customer-service"></i>
						</div>
						<div class="ib-text">
							<h5 class="pro-h">Our Staff</h5>
							<p>Our team of professional engineers will perform at their very best in little time</p>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="icon-box-item">
						<div class="ib-icon">
							<i class="flaticon-039-info"></i>
						</div>
						<div class="ib-text">
							<h5 class="pro-h">Quality Work</h5>
							<p>We believe in leaving the customer satisfied , we ensure quality service delivery. </p>
						</div>
					</div>
				</div>
			</div>
			<div class="text-center pt-3">
				
			</div>
		</div>
	</section>
	<!-- Why Section end -->


	<!-- CTA Section end -->
	<section class="cta-section set-bg" data-setbg="img/cta-bg.jpg">
		<div class="container">
			<h2>Let <strong>GENUINE FIXERS</strong></h2>
			<h5>Contact us today and we get the work done without any hustles</h5>
			<a href="about.php" class="site-btn sb-dark sb-big">Find out More</a>
		</div>
	</section>
	<!-- CTA Section end -->


	<!-- Feature Section -->
	<section class="feature-section spad">
		<div class="container">
			<div class="feature-item">
				<div class="row">
					<div class="col-lg-6">
						<img src="img/about-img.jpg" alt="">
					</div>
					<div class="col-lg-6">
						<div class="feature-text">
							<h2 class="pro-h">Satellite Dish Installations</h2>
							<p>We offer sustainable Signal Problem Solutions. Moreover, we are experts in Satellite Dish Installations  , Realignments and Relocations</p>
							<a href="about.php" class="readmore">Readmore <img src="img/arrow.png" alt=""></a>
						</div>
					</div>
				</div>
			</div>
			<div class="feature-item">
				<div class="row">
					<div class="col-lg-6 order-lg-2">
						<img src="img/feature-2.jpg" alt="" >
					</div>
					<div class="col-lg-6 order-lg-1">
						<div class="feature-text">
							<h2 class="pro-h">Extra View Installations</h2>
							<p>Extra view allows you to link 2 or 3 (Triple View) decoders under one Dstv Subscription. With an access fee of R95 for each extra view decoder.</p>
							<a href="about.php" class="readmore">Readmore <img src="img/arrow.png" alt=""></a>
						</div>
					</div>
				</div>
			</div>
			<div class="feature-item">
				<div class="row">
					<div class="col-lg-6">
						<img src="img/feature-3.jpg" alt="" >
					</div>
					<div class="col-lg-6">
						<div class="feature-text">
							<h2 class="pro-h">Extra TV Points Installations</h2>
							<p>In case you want more Extra TV’s. Then, our qualified Dstv Installers Gauteng can assist you in Installations of TV Points</p>
							<a href="about.php" class="readmore">Readmore <img src="img/arrow.png" alt=""></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Feature Section end -->


	<!-- Help Section -->
	<section class="help-section spad"  style="background-color:#22242b;">
		<div class="container">
			<div class="text-center text-white mb-5 pb-4">
				<h2>All Services</h2>
			</div>
			
			<div class="row">
			
				<div class="col-md-4">
					<ul class="help-list">
						<li>Dstv HD Decoder Installations</li>
						<li>Dstv Explora Installations</li>	
						
					</ul>
				</div>
				<div class="col-md-4">
					<ul class="help-list">
						<li>Extra View Installations</li>
						<li>Extra TV Points Installations</li>
						
					</ul>
				</div>
				<div class="col-md-4">
					<ul class="help-list">
						<li>Satellite Dish Installations</li>
						<li>Commercial Dstv Installations</li>	
						
					</ul>
				</div>
			</div>
		</div>
	</section>
	<!-- Help Section end -->


	<!-- Info Section -->
	
	<!-- Info Section end -->
	<!-- Modal -->
	<div class="modal fade" id="quoteModal" tabindex="-1" role="dialog" aria-labelledby="quoteModal" aria-hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
		<div class="modal-header" style="background-color:#2E9167;">
			<h5 class="modal-title" style="color:#fff">Genuine Fix | Get a Quote</h5>
			<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			<span aria-hidden="true">&times;</span>
			</button>
		</div>
		<form action="index.php" method="POST">
			<div class="modal-body">
				<div class="row">
				<div class="col-md-6 form-group">
					<label for="">Firstname</label>
					<input type="text" class="form-control" name="fn" required>
				</div>
				<div class="col-md-6 form-group">
					<label for="">Lastname</label>
					<input type="text" class="form-control" name="sn" required>
				</div>
				</div>
				<div class="row">
					<div class="col-md-6 form-group">
						<label for="">Phone number</label>
						<br/><span id="alert-span"></span>
						<input type="text" class="form-control" id="phone" name="phone" oninput="phoneValidate()" required>
					</div>
					<div class="col-md-6 form-group">
						<label for="">Email</label>
						<input type="email" class="form-control" name="email" required>
					</div>
				</div>
				<hr/>
				<div class="form-group">
					<label for="">Select service</label>
					<select class="form-control" id="phone" name="service"  required>
						
						<option value="DSTV">DSTV</option>
				
					</select>
				</div>
				
				<div class="form-group">
					<label for="">Description of what you would want us to do for you</label>
					<textarea class="form-control" name="descr" required></textarea>
				</div>
				
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="submit" class="btn btn-primary" name="send"  style="background-color:#2E9167;">Submit Details</button>
			</div>
		</form>
		</div>
	</div>
	</div>
	<!-- Modal end -->

	<!-- Footer Section -->
	<?php include('layouts/footer.php');?>
	<!-- Footer Section end -->
	
	<!--====== Javascripts & Jquery ======-->
	<?php include('includes/scripts.php');?>
	<script>
		function phoneValidate(){
			var spanAlert = document.getElementById('alert-span');
			var pnumber = document.getElementById('phone').value;
		
			var trimmed = pnumber.replace(/\s/g, '');
			var regex = /^0(6|7|8){1}[0-9]{1}[0-9]{7}$/;
			if (regex.test(trimmed) === true) {
				spanAlert.className = "span-success";
				spanAlert.innerHTML = "";  
				// this.enableButton(btnId);
			}else{
				spanAlert.className = "span-danger";
				spanAlert.innerHTML = "Phone number is not a valid SA number";
				
			}
		}
	</script>
	</body>
</html>
