<?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="./manageEvent.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">
                    Event
                </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="./editEvent.php">Edit Details</a>
                    <a class="droplist" href="./manageEvent.php">Archive</a>
                    <a class="droplist" href="./manageEvent.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="event-image-blog">
                    <img src="../assets/images/mdi_cards-heart-outline.png" class="heart-blog-image" alt="Image">
                </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 mb-2">
                        <h4 class="title-blog">
                            Space Night
                        </h4>
                        <img src="../assets/images/material-symbols_share.png" class="share-icon" alt="icon">
                    </div>
                    <div class="blog-flex-line d-flex mb-4">
                        <div class="location-event">
                            <div class="image-blog-event-icon">
                                <img src="../assets/images/uis_calender.png" class="location-event-image-blog" alt="icon">
                            </div>
                            <p class="location-event-para blog-event-para">Wed, October 19</p>
                        </div>
                        <div class="location-event">
                            <div class="image-blog-event-icon">
                                <img src="../assets/images/ic_baseline-access-time-filled.png" class="location-event-image-blog" alt="icon">
                            </div>
                            <p class="location-event-para blog-event-para">06:00 to 12:00</p>
                        </div>
                        <div class="location-event">
                            <div class="image-blog-event-icon">
                                <img src="../assets/images/material-symbols_location-on.png" class="location-event-image-blog" alt="icon">
                            </div>
                            <p class="location-event-para blog-event-para">IOC Auditorium Main campus</p>
                        </div>
                    </div>
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <h5 class="title-blog-5">
                            About:
                        </h5>
                        <p class="interested-blog">20 People Interested</p>
                    </div>
                    <div class="blog-lorem mb-3">
                        <p class="blog-lorem-para">
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor. Proin a venenatis ante, et porta diam. Morbi finibus dictum velit semper aliquet. Vestibulum enim met Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor. Proin a venenatis ante, et porta diam. Morbi finibus dictum velit semper aliquet. Vestibulum enim me Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor.
                        </p>
                    </div>

                    <div class="contact-info-blog mb-3">
                        <h5 class="title-blog-5 mb-3">
                            Contact Info:
                        </h5>

                        <div class="info-blog-contact">
                            <a href="tel:+44 55 22 66 77 33 55">
                                <p class="contact-number">+44 55 22 66 77 33 55</p>
                            </a>
                            <a href="mailto:Name@gmail.com">
                                <p class="contact-number email">Name@gmail.com</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>


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

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