JSFiddle - React, Tailwind, and code Playground
HTML
<?php
/**
* Updated additional-fields.php code
*/
if ( ! isset( $fields ) || empty( $fields ) || ! is_array( $fields ) ) return;
$event_passed = tribe_get_end_date( null, false, 'Y-m-d H:i:s' ) < date( 'Y-m-d H:i:s' );
?>
<div class="tribe-events-meta-group tribe-events-meta-group-other">
<h3 class="tribe-events-single-section-title"> <?php _e('Other', 'tribe-events-calendar' ) ?> </h3>
<dl>
<?php foreach ( $fields as $name => $value): ?>
<?php if ( 'Tickets' === $name && $event_passed ) continue; ?>
<dt> <?php echo $name ?> </dt>
<dd class="tribe-meta-value"> <?php echo $value ?> </dd>
<?php endforeach ?>
</dl>
</div>
<?php
/**
* My single-event.php code
*/
if ( !defined('ABSPATH') ) { die('-1'); }
$event_id = get_the_ID();
$event_passed = tribe_get_end_date( null, false, 'Y-m-d H:i:s' ) < date( 'Y-m-d H:i:s' );
?>
<!-- start bootstrap -->
<div class="single-event">
<div class="row">
<?php while ( have_posts() ) : the_post(); ?>
<div class="row">
<div class="col-xs-4">
<div> <?php echo get_the_post_thumbnail($post->ID, 'thumbnail', array('class'=>"img-responsive thumbnail"));?> </div>
<a href="<?php echo esc_url( tribe_get_custom_field( 'Tickets' ) ) ?>" target="_blank">
<button class="btn btn-default btn-tickets btn-lg col-xs-12">Buy Tickets</button>
</a>
<div class="clearfix"></div>
<div class="well well-location">
<h4 class="text-center"><?php echo tribe_get_venue(); ?></h4>
<h5 class="text-center"><?php echo tribe_get_address(); ?><br>
<?php echo tribe_get_city(); ?>, <?php echo tribe_get_state(); ?>, <?php echo tribe_get_zip(); ?></h5>
<h4 class="text-center"><?php echo tribe_get_phone(); ?></h4>
</div>
<?php if (tribe_get_custom_field( 'Fine Print' )): ?>
<div class="well well-fineprint"> <?php echo tribe_get_custom_field( 'Fine Print' ) ?> </div>
<?php endif; ?>
<?php if( tribe_embed_google_map( get_the_ID() ) ) : ?>
...