<?php include 'header.php' ?>



<?php
if (isset($_GET['product'])) {
    $ids = $_GET['product'];



    $sql = "select * from `product` where id = '$ids'";

    $result = mysqli_query($con, $sql);
    if ($result) {
        foreach ($result as $key) {
            $image = $key['image'];
            $name = $key['product_name'];
            $description = $key['description'];
            $p_category = $key['category_name'];
        }
    }
}
?>

<main>
    <!-- Page banner area start here -->
    <section class="banner__inner-page bg-image pt-180 pb-180 bg-image" data-background="assets/images/banner-in.png">
        <div class="shape2 wow slideInLeft d-none d-md-block d-lg-block" data-wow-delay="00ms"
            data-wow-duration="1500ms">
            <img src="assets/images/banner/inner-banner-shape2.png" alt="shape">
        </div>
        <div class="shape1 wow slideInLeft d-none d-md-block d-lg-block" data-wow-delay="200ms"
            data-wow-duration="1500ms">
            <img src="assets/images/banner/inner-banner-shape1.png" alt="shape">
        </div>
        <div class="shape3 wow slideInRight d-none d-md-block d-lg-block" data-wow-delay="200ms"
            data-wow-duration="1500ms">
            <img class="sway__animationX" src="assets/images/banner/inner-banner-shape3.png" alt="shape">
        </div>
        <div class="container">
            <h2 class="wow fadeInUp banner-in-header" data-wow-delay="00ms" data-wow-duration="1500ms">
                <?php echo $name ?>
            </h2>
            <div class="breadcrumb-list wow fadeInUp" data-wow-delay="200ms" data-wow-duration="1500ms">
                <a href="index.php">Home</a><span><i class="fa-regular fa-angles-right mx-2"></i>Products</span><span><i
                        class="fa-regular fa-angles-right mx-2"></i>
                    <?php echo $p_category ?>
                </span>
            </div>
        </div>
    </section>
    <!-- Page banner area end here -->


    </div>


    <!-- Service area start here -->
    <section class="service-inner-area pt-70 pb-80">
        <div class="container">

            <div class="service-two__item with-shadow">
                <div class="row  " style="align-items: center;">
                    <div class=" col-md-5 col-lg-5">
                        <div class="image">
                            <img src="my-admin/img_uploads/<?php echo $image ?>" alt="image">
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-7 ">
                        <div class="service-two__content product-details">

                            <h4><a class="primary-hover">
                                    <?php echo $name ?>
                                </a></h4>
                            <p >
                                <?php echo $description ?>

                            </p>


                            <div class="about__info mt-50 wow fadeInDown" data-wow-delay="400ms"
                                data-wow-duration="1500ms">
                                <a href="contact.php" class="btn-one">Enquiry Now <i
                                        class="fa-regular fa-arrow-right-long"></i></a>

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

        </div>
    </section>
    <!-- Service area end here -->



    <?php include 'footer.php' ?>

    <style>
        .product-details p{
            font-size: 18px;
            font-weight: 600;
        }
    </style>