<?php
include "../Links/topLinks.php";
?>

<section class="section-dashboard manage-event">
    <div class="container">
        <div class="d-flex">
            <div class="manage-event-icon">
                <a class="icon-href" href="./manageProducts.php">
                    <i class="fa-solid fa-chevron-left arrow-left"></i>
                </a>
            </div>
            <div class="event-content">
                <h5 class="event-title font_dan text-center">
                    Product Detail
                </h5>
            </div>

            <div class="manage-event-icon position-relative">
                <!-- <i class="fa-solid fa-chevron-left arrow-left"></i> -->
                <img src="../assets/images/mdi_dots-vertical.png" class="dropbtn" onclick="myDropDownIcon()" alt="icon">
                <div id="myDropdown" class="dropdown-content">
                    <a class="droplist" href="./editProduct.php">Edit Details</a>
                    <a class="droplist" href="./manageProducts.php">Archive</a>
                    <a class="droplist" href="./manageProducts.php">Delete</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section-dashboard media-margin-section mt-0 margin-bottom-blogEvent">
    <div class="container">
        <div class="row gy-4 justify-content-center">
            <div class="col-sm-12 col-md-10 col-lg-8">
                <div class="details-image">
                    <img src="../assets/images/details-image.png" class="details-image-img" alt="Image">
                    <span class="total-images-number">1/2</span>
                </div>
            </div>

            <div class="col-sm-12 col-md-10 col-lg-8">
                <div class="event-blog-content">
                    <div class="d-flex justify-content-between align-items-center">
                        <h4 class="title-blog">
                            Headphones
                        </h4>

                        <h4 class="title-price-bold">
                            $125
                        </h4>
                    </div>

                    <div class="para-rating mb-3">
                        <p>4.5</p>
                        <i class="fa-sharp fa-solid fa-star star-rating"></i>
                    </div>
                    <!-- <div class="d-flex justify-content-between align-items-center mb-2">
                        <h5 class="title-blog-5">
                            Tracking Details
                        </h5>
                    </div> -->

                    <!-- <div class="d-flex gy-2-grid align-items-center">
                        <h4 class="title-blog font-size">
                            Order Number:
                        </h4>

                        <h4 class="title-price-bold font-size">
                            # A61452B
                        </h4>
                    </div> -->
                    
                    <!-- <div class="d-flex gy-2-grid align-items-center">
                        <h4 class="title-blog font-size">
                            Address: 
                        </h4> &nbsp;&nbsp;&nbsp;&nbsp;

                        <h4 class="title-price-bold font-size">
                        Estimated - 456 End St. New York City, NY
                        </h4>
                    </div> -->

                    <div class="d-flex justify-content-between align-items-center mb-2 mt-3">
                        <h5 class="title-blog-5">
                            Products detail
                        </h5>
                    </div>
                    <div class="blog-lorem mb-3">
                        <p class="blog-lorem-para">
                            Lorem Ipsum is simply dummy text of he printing and Lorem Ipsum is simply dummy text of he printing and Lorem Ipsum is simply dummy text of he printing and lorum.
                        </p>
                    </div>

                    <div class="contact-info-blog mb-3">
                        <h5 class="title-blog-5 mb-3">
                            In stock:
                            <span class="stock-check">Yes</span>
                        </h5>

                        <a href="./paymentMethods.php">
                            <div class="box-dashboard manage-event Product-details-box mt-5">
                                <div class="box-values event">
                                    <h5 class="dashboard-title mb-0">View Insights</h5>
                                </div>
                                <div class="event-icon">
                                    <i class="fa-solid fa-chevron-right arrow-right"></i>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div class="new-event-btn">
            <button class="btn add-new-event-btn boost">
                Boost
            </button>
        </div>

    </div>
</section>



<div class="confirm-editProduct">
    <div class="first-popup-div"></div>
    <div class="editProduct-popup">
        <div id="confirmMessage1" class="editProduct-popup-para">Your products will be promoted for
            5 days in $50.</div>
        <div class="btn-popup-editProduct">
            <!-- <input id="confirmYes" type="button" value="No." /> -->
            <button id="continue-btn-editProduct" type="button">Continue </button>
        </div>
    </div>
</div>


<?php
include "../Links/bottomLinks.php";
?>

<?php
// include "../Links/headerbottom.php";
?>