<head>
    <link rel="canonical" href="https://ombrellacompany.com/servicedetail.php">
    
	<style>
		.about-thumb img{
			height: 400px;
		}
		/* Button Styling */
        .submit-btn {
            width: 200px;
            height: 67px;
            font-size: 18px;
            text-align: center;
            border-radius: 50px;
        }
        
        @media (max-width: 1024px) {
            .submit-btn {
                width: 200px;
                font-size: 12px;
                text-align: center;
                border-radius: 50px;
                }
            .contact-fields {
                padding-bottom: 100px;
                margin-bottom: 200px;
            }
        }
	</style>
</head>

<?php
include "header.php";
$todo= mysqli_real_escape_string($con,$_GET["id"]);
?>
        <!-- ***** Breadcrumb Area Start ***** -->
        <section class="section breadcrumb-area d-flex align-items-center" style="background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url('dashboard/uploads/blog/tem.webp'); background-size: cover; height: 100vh;">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Breamcrumb Content -->
                        
                    </div>
                </div>
            </div>
        </section>
        <!-- ***** Breadcrumb Area End ***** -->


        <?php
    $rt=mysqli_query($con,"SELECT * FROM service where id='$todo'");
    $tr = mysqli_fetch_array($rt);
    $service_title = "$tr[service_title]";
    $service_detail = "$tr[service_detail]";
    $upadated_at = "$tr[upadated_at]";
    $ufile = "$tr[ufile]";
?>


        <!-- ***** About Area Start ***** -->
        <section class="section about-area ptb_100">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-12 col-lg-6">
                        <!-- About Thumb -->
                        <div class="about-thumb text-center">
                            <img class="" src="dashboard/uploads/services/<?php echo $ufile; ?>" alt="img">
                        </div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <!-- About Content -->
                        <div class="about-content section-heading text-center text-lg-left pl-md-4 mt-5 mt-lg-0 mb-0">
                            <h2 class="mb-3"><?php print $service_title?></h2>
                            <p><?php print $service_detail;?></p>
                            <!-- Counter Area -->

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***** About Area End ***** -->


        <!-- ***** Our Goal Area End ***** -->

        <!-- ***** Team Area Start ***** -->

        <!-- ***** Team Area End ***** -->

        <!--====== Contact Area Start ======-->
<section id="contact" class="contact-fields contact-area ptb_100 welcome-area bg-overlay">
            <div class="shape shape-top">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" fill="#FFFFFF">
                    <path class="shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7
                c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4
                c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path>
                </svg>
            </div>
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-8 col-lg-12 pt-4 pt-lg-0">
                        <!-- Contact Box -->
                        <div class="contact-box ">
                            <!-- Contact Form -->
                            <?php
$status = "OK"; // Initial status
$msg = "";

if(isset($_POST['save'])){
    $firstName = mysqli_real_escape_string($con, $_POST['firstName']);
    $email = mysqli_real_escape_string($con, $_POST['email']);
    $phone = mysqli_real_escape_string($con, $_POST['phone']);
    $message = mysqli_real_escape_string($con, $_POST['message']);

    if(strlen($firstName) < 5){
        $msg .= "Name must be more than 5 characters long.<br>";
        $status = "NOTOK";
    }
    if(strlen($email) < 10){
        $msg .= "Email must be more than 10 characters long.<br>";
        $status = "NOTOK";
    }
    if(strlen($message) < 10){
        $msg .= "Message must be more than 10 characters long.<br>";
        $status = "NOTOK";
    }
    if(strlen($phone) < 8){
        $msg .= "Phone must be more than 8 characters long.<br>";
        $status = "NOTOK";
    }

    if($status == "OK"){
        $recipient = "admin@ombrellacompany.com";
        $formcontent = "NAME: $firstName \n EMAIL: $email \n PHONE: $phone \n MESSAGE: $message";
        $subject = "New Enquiry from Ombrella Website";
        $mailheader = "From: noreply@Ombrella.com \r\n";
        $result = mail($recipient, $subject, $formcontent);

        if($result){
            $errormsg = "
            <div class='alert alert-success alert-dismissible alert-outline fade show'>
            Enquiry Sent Successfully. We shall get back to you ASAP.
            <button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
            </div>";
        }
    } elseif($status !== "OK") {
        $errormsg = "
        <div class='alert alert-danger alert-dismissible alert-outline fade show'>
        $msg <button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
        </div>";
    } else {
        $errormsg = "
        <div class='alert alert-danger alert-dismissible alert-outline fade show'>
        Some Technical Glitch Is There. Please Try Again Later Or Ask Admin For Help.
        <button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
        </div>";
    }
}
?>

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST')
						{
						print $errormsg;
						}
   ?>

                        <form action="" method="post" enctype="multipart/form-data">
                                <div class="row">
                                    <div class="col-8 col-lg-6 pt-4 pt-lg-0 mx-auto">
										<h1 class="mb-3 text-center" style="font-size:30px;">GET A
								            <span class="text-white" style="font-style: italic; font-family: cursive;"> FREE </span>CONSULTATION
							            </h1><br><br>
                                        
                                            <div class="form-group text-white">
												<label for="firstName">Your name <span class="" style="color:red; font-size:12px;">*</span></label>
												<input type="text" id="firstName" name="firstName" class="form-control" placeholder="Enter your first name" required>
											</div>
											
                                        
										<br>
                                        <div class="form-group text-white">
											<label for="email">Email <span class="" style="color:red; font-size:12px;">*</span> </label>
                                            <input type="email" class="form-control" name="email" placeholder="Email" required="required">
                                        </div>
										<br>
										<br>
                                        <div class="form-group text-white">
											<label for="phone">Phone Number<span class="" style="color:red; font-size:12px;">*</span></label>
                                            <input type="text" class="form-control" name="phone" placeholder="Contact Number">
                                        </div>
										
                                    
                                    <div class="row">
                                        <div class="col-12 col-md-6">
                                            <button type="submit" class="submit-btn btn btn-bordered active mt-3" name="save">
                                            <i class="fas fa-paper-plane"></i> Submit
                                        </button>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <button class="submit-btn btn btn-bordered active mt-3" onclick="openDialer()">
                                            <i class="fas fa-phone"></i> Call us <br><br> 0203 793 4078
                                        </button>
                                        </div>
                                    </div>
                                    
                                    </div>
                                    
									<br>
                                </div>
                                
                            </form>
                            <p class="form-message"></p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Shape Bottom -->
            <div class="shape shape-bottom">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 250" preserveAspectRatio="none" fill="#FFFFFF">
                    <path class="shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7
        c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4
        c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"></path>
                </svg>
            </div>
        </section>
        <!--====== Contact Area End ======-->

        <!--====== Call To Action Area End ======-->
<?php include "footer.php"; ?>


<script>
    function openDialer() {
        window.location.href = 'tel:02081448699';  // Trigger the dialer with the phone number
    }
</script>