add_shortcode( 'voyage_dates', function( $atts ) {
    $atts = wp_parse_args( $atts, [
        'post_id' => get_the_ID(),
    ] );
    $voyage_tour_dates = rwmb_meta( 'dv_tour_dates', '', $atts['post_id'] );
    if ( empty( $voyage_tour_dates ) ) {
        return '';
    }
    ob_start();
    foreach ( $voyage_tour_dates as $voyage_tour_date ) {
        ?>
        <div class="vc_row wpb_row vc_row-fluid voyage-tour-details-toggle-container">
            <div class="wpb_column vc_column_container vc_col-sm-12">
                <div class="vc_column-inner ">
                    <div class="wpb_wrapper">
                        <div class="vc_toggle vc_toggle_default vc_toggle_color_default  vc_toggle_size_md   voyage-tour-details-toggle">

                            <?php $booking_page = $voyage_tour_date['dv_tour_booking_page'] ?? ''; ?>
                            <?php if ( $booking_page ) : ?>
                                <a href="<?php the_permalink( $booking_page ) ?>">Book Now</a>
                            <?php endif; ?>

                            <div class="vc_toggle_title voyage-tour-details-title" tabindex="0">
                                <h4><?= $voyage_tour_date['dv_tour_heading'] ?? '' ?></h4>
                                <i class="vc_toggle_icon"></i>
                            </div>
                            <div class="vc_toggle_content" style="display: none;">
                                <div class="vc_row wpb_row vc_row-fluid voyage-tour-details-container no-bottom-margins tablet-fullwidth-columns">
                                    <div class="wpb_column voyage-tour-details-box-left vc_column_container vc_col-sm-6">
                                        <div class="vc_column-inner ">
                                            <div class="wpb_wrapper">
                                                <div class="voyage-tour-details-entry first-voyage-tour-entry"><span class="voyage-tour-label-first">Dates:</span><span class="voyage-tour-label-last"><?= $voyage_tour_date['dv_tour_date'] ?? '' ?></span></div>
                                                <div class="voyage-tour-details-entry"><span class="voyage-tour-label-first">Duration:</span><span class="voyage-tour-label-last"><?= $voyage_tour_date['dv_tour_duration'] ?? '' ?></span></div>
                                                <div class="voyage-tour-details-entry last-voyage-tour-entry"><span class="voyage-tour-label-first">Group Size:</span><span class="voyage-tour-label-last"><?= $voyage_tour_date['dv_tour_group_size'] ?? '' ?></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wpb_column voyage-tour-details-box-right vc_column_container vc_col-sm-6">
                                        <div class="vc_column-inner ">
                                            <div class="wpb_wrapper">
                                                <div class="voyage-tour-details-entry first-voyage-tour-entry"><span class="voyage-tour-label-first">Price:</span><span class="voyage-tour-label-last"><?= $voyage_tour_date['dv_tour_price'] ?? '' ?></span></div>
                                                <div class="voyage-tour-details-entry"><span class="voyage-tour-label-first">Availability:</span><span class="voyage-tour-label-last"><?= $voyage_tour_date['dv_tour_availability'] ?? '' ?></span></div>
                                                <div class="voyage-tour-details-entry last-voyage-tour-entry"><span class="voyage-tour-label-first">Begins, Ends, In:</span><span class="voyage-tour-label-last"><?= $voyage_tour_date['dv_tour_begins_ends'] ?? '' ?></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wpb_column voyage-tour-details-btn-text vc_column_container vc_col-sm-12">
                                        <div class="vc_column-inner ">
                                            <div class="wpb_wrapper">
                                                <div class="vcex-spacing" style="height:30px"></div>
                                                <div class="textcenter theme-button-block-wrap theme-button-wrap clr">
                                                    <a href="#" class="vcex-button theme-button align-center block voyage-tour-details-btn animate-on-hover"><span class="theme-button-inner">Book Now</span></a>
                                                </div>
                                                <div class="vcex-spacing" style="height:30px"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php
    }

    return ob_get_clean();
} );