{{-- event start or ended notify pop up  --}}
    <div class="modal fade unfortunat-modal" id="event-notifying" tabindex="-1" data-bs-backdrop="static"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-body modal-custm-body">
                    <div class="comman-modal-box">
                        <img id='error-message-img' src="{{ asset('images/shedule-modal-image.svg') }}" alt="">
                        <h3 id='notify-heading'>Unfortunately</h3>
                        <p id='notify-message'>Your Host’s Event has not yet started. The Event is scheduled to open on </p>
                        <div class="start-date-box">
                            <p id='event-text'>Event start date</p>
                            <div class="start-date-inner">
                                <p id='dateShow'>08/23/24</p>
                            </div>
                        </div>
                        <a href="#" class="button primary-btn full-btn " id='notify-description'
                            data-bs-dismiss="modal" aria-label="Close">RETURN</a>
                    </div>
                </div>
            </div>
        </div>
    </div>