<?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 mb-4">
                <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 text-center">
                        Post Event
                    </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="input-fields-filter position-relative">
                                <input type="text" class="form-control popup-form-control" id="title" name="title" placeholder="Title" 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-lg-12">
                            <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-md-6">
                            <div class="input-fields-filter position-relative">
                                <input type="text" class="form-control popup-form-control" id="description" name="description*" placeholder="Description*" 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="date" class="form-control popup-form-control" id="date" name="date" placeholder="Date" required>
                                <div class="location-image-filter support-name-image position-absolute">
                                    <img src="../assets/images/date-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="time" class="form-control popup-form-control" id="time" name="time" placeholder="Time" required>
                                <div class="location-image-filter support-name-image position-absolute" style="top: 23%" ;>
                                    <img src="../assets/images/time-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="location" name="location" placeholder="Venue" required>
                                <div class="location-image-filter support-name-image position-absolute" style="top: 25%;">
                                    <img src="../assets/images/material-symbols_add-location.png" class="location-filter-image" alt="location">
                                </div>
                            </div>
                        </div>

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

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

                    <div class="new-event-btn">
                        <a class="btn-href" href="./manageEvent.php">
                            <button class="btn add-new-event-btn place-order-btn">
                                Post Event
                            </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";
?>