@section('script')
@append

@once
    @push('script')
        <script>
            $(function(){
                $('#popup_ongoing_events').on('show.bs.modal', function(){
                    $('#carousel_ongoing_events').carousel(0);
                });
            });
        </script>

        <style>
            #popup_ongoing_events table thead th {
                background-color: #025141;
                color: #ffffff;
                border-color: white;
                text-align: center;
            }
            #popup_ongoing_events table tbody td {
                background-color: #e8e8e8;
                border-color: white;
            }

            #popup_ongoing_events table thead th.time-col,
            #popup_ongoing_events table tbody td:nth-child(3) {
                white-space: nowrap;
            }

            #popup_ongoing_events table tbody td.van-date-col,
            #popup_ongoing_events table tbody td.van-day-col{
                text-align: center;
            }
        </style>
    @endpush
@endonce

@component(getPopupLayout(), ['id' => 'popup_ongoing_events', 'class' => 'modal-lg'])
    <div id="carousel_ongoing_events" class="carousel slide" data-interval="false">
        <p style="text-align: center;">Event Mendatang</p>
        <ol class="carousel-indicators">
            <li data-target="#carousel_ongoing_events" data-slide-to="0" class="active"></li>
        </ol>

        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="/file/images/petfest-indonesia.jpg" alt="Petfest Indonesia Event" class="img-fluid">
                <div class="text-center mt-3 text-white" style="padding: 1rem;">
                    <p class="mb-0 pb-4">
                        Petfest Indonesia hadir dengan konsep “kota untuk semua jenis hewan” — tempat anabul bisa eksplor bebas, dan kamu bisa menikmati pengalaman seru bareng sesama pecinta hewan.<br>
                        📅 1–3 Mei 2026<br>
                        📍 Hall 8–10, ICE BSD City<br>
                        Ajak teman, bawa anabul, dan jangan lewatkan keseruannya. Join sekarang dan meet Sobat Drontal di Petropolis! ✨💛 #petfestindonesia
                    </p>
                </div>
            </div>
        </div>

        <a class="carousel-control-prev"
           href="#carousel_ongoing_events"
           role="button"
           data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next"
           href="#carousel_ongoing_events"
           role="button"
           data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
@endcomponent