<?php
include "../Links/topLinks.php";
?>
<main class="main-height height-1200-media">



    <section class="section-dashboard manage-event">
        <div class="container">
            <div class="d-flex">
                <div class="manage-event-icon">
                    <a class="icon-href" href="./productDetails.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">
                        Edit Product
                    </h5>
                </div>

                <div class="manage-event-icon">
                    <!-- <i class="fa-solid fa-chevron-left arrow-left"></i> -->
                    <img src="../assets/images/ic_sharp-delete.png" onclick="save()" alt="icon">
                </div>
            </div>
        </div>
    </section>

    <div class="confirm">
        <div class="first-popup-div"></div>
        <div class="second-popup-div">
            <div id="confirmMessage">Confirm text</div>
            <div class="btn-popup-no-yes">
                <input id="confirmYes" type="button" value="No." />
                <a href="./manageProducts.php">
                <input id="confirmNo" type="button" value="Yes, I’m Sure" />
                </a>
            </div>
        </div>
    </div>


    <section class="section-dashboard manage-event">
        <div class="container">
            <!-- <div class="d-flex mb-4">
                <div class="manage-event-icon">
                    <i class="fa-solid fa-chevron-left arrow-left"></i>
                </div>
                <div class="event-content">
                    <h5 class="event-title text-center">
                    Edit Product
                    </h5>
                </div>
            </div> -->

            <div class="col-md-8 mx-auto">
                <!-- <form action="#" method="POST"> -->
                    <div class="row gy-3">
                        <div class="col-12">
                            <div class="select-menu form-control" name="category">
                                <div class="select card-details-select">
                                    <div class="select-serviceDetails">
                                        <img src="../assets/images/product-category-image.png" class="select-box-service-image shadow-none" alt="image">
                                        <span class="services-box-title category">Category*</span>
                                    </div>
                                    <em class="fas fa-angle-down down-up-arrow-serviceDetails"></em>
                                </div>
                                <div class="options-list option-cardDetails">
                                    <div class="option">Category 1</div>
                                    <div class="option">Category 2</div>
                                    <div class="option">Category 3</div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="product-photo-box">
                                <input type='file' id="readUrl" hidden>
                                <img src="../assets/images/camera-icon-image.png" class="camera-icon-image" alt="icon">
                                <h6 class="add-photo-title">Add photos </h6>
                                <img id="uploadedImage" src="#" alt="Uploaded Image" accept="image/png, image/jpeg" style="display:none;">
                            </div>
                            <div class="image-details m-3 mb-0">
                                <p class="image-details-para">Supported formats are <span class="type-span"> .jpg, .gif </span class="type-span"> and <span class="type-span"> .png </span></p>
                                <p class="image-details-para">Picture may not exceed <span class="type-span"> 5MB </span></p>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="input-fields-filter position-relative">
                                <input type="text" class="form-control popup-form-control" id="title" name="title" placeholder="lorem ipsum asx feqx wjk qjxi" required="">
                                <div class="location-image-filter support-name-image position-absolute">
                                    <img src="../assets/images/title-image.png" class="location-filter-image" alt="location">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="input-fields-filter position-relative">
                                <input type="text" class="form-control popup-form-control" id="description" name="description*" placeholder="lorem ipsum asx feqx wjk qjxi" required="">
                                <div class="location-image-filter support-name-image position-absolute" style="top: 25%;">
                                    <img src="../assets/images/fluent_text-description-20-regular.png" class="location-filter-image" alt="location">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="input-fields-filter position-relative">
                                <input type="number" class="form-control popup-form-control" id="price" name="price" placeholder="90$" required="">
                                <div class="location-image-filter support-name-image position-absolute">
                                    <img src="../assets/images/ion_pricetag.png" class="location-filter-image" alt="location">
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="select-menu form-control quantity" name="category">
                                <div class="select card-details-select">
                                    <div class="select-serviceDetails">
                                        <img src="../assets/images/quantity-icon-image.png" class="select-box-service-image shadow-none quantity-icon-image" alt="image">
                                        <span class="services-box-title category">Category*</span>
                                    </div>
                                    <em class="fas fa-angle-down down-up-arrow-serviceDetails"></em>
                                </div>
                                <div class="options-list option-cardDetails">
                                    <div class="option">Category 1</div>
                                    <div class="option">Category 2</div>
                                    <div class="option">Category 3</div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="input-fields-filter position-relative">
                                <input type="text" class="form-control popup-form-control" id="location" name="location" placeholder="IOC Campus" required="">
                                <div class="location-image-filter support-name-image position-absolute" style="top: 25%;">
                                    <img src="../assets/images/location-input-image.png" class="location-filter-image" alt="location">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="new-event-btn">
                    <a class="btn-href" href="./manageProducts.php">
                        <button class="btn add-new-event-btn place-order-btn">
                            Save Changes
                        </button>
                    </a>
                    </div>
                <!-- </form> -->
            </div>

        </div>
    </section>

    <section class="ask-client-term-condition">
        <div class="container">
            <div class="ask-client-term-condition-para">
                <p>By posting, you agree to our terms and conditions</p>
            </div>
        </div>
    </section>

</main>




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

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