<?php get_header() ?>

<?php

global $porto_settings, $porto_layout;
?>

<?php if (have_posts()) : the_post();
	$event_start_date 	= get_post_meta($post->ID, 'event_start_date', true);
	$event_start_time 	= get_post_meta($post->ID, 'event_start_time', true);
	$event_location 	= get_post_meta($post->ID, 'event_location', true);
	$event_count_down   = get_post_meta($post->ID, 'event_time_counter', true);
	
	if($event_count_down == ''){
		$show_count_down = $porto_settings["event-single-countdown"];
	}
	elseif($event_count_down == 'show'){
		$show_count_down = true;
	}
	else{
		$show_count_down = false;
	}
	
	if(isset($event_start_date) && $event_start_date != '') {
		$has_event_date = true;
		$event_date_parts = explode('/', $event_start_date);
		
		if(isset($event_date_parts) && count($event_date_parts) == 3) {
			$has_event_date 		= true;
			$event_year_numeric 	= isset($event_date_parts[0]) ? trim($event_date_parts[0]) : '';
			$event_month_numeric 	= isset($event_date_parts[1]) ? trim($event_date_parts[1]) : '';
			$event_date_numeric 	= isset($event_date_parts[2]) ? trim($event_date_parts[2]) : '';
			$event_month_short = date('M', mktime(0, 0, 0, $event_month_numeric, 1));
		}
		else
			$has_event_date 		= false;
	}
	else
		$has_event_date = false;
	
	if(isset($event_start_time) && $event_start_time != '')
		$event_time_js_format = date("H:i", strtotime($event_start_time));
	else
		$event_time_js_format = '00:00:00';
	
?>
<section class="section section-no-border background-color-light m-none">
  <div class="container">
    <div class="row custom-negative-margin-2 m-b-xlg">
      <div class="col-md-12">
        <div class="custom-event-top-image"> 
        	<?php if($has_event_date && $show_count_down): ?>
            		<?php /*?><span id="countdown" data-countdown-title="" data-countdown-date="<?php echo $event_start_date; ?> <?php echo $event_time_js_format; ?>" class="custom-newcomers-class clock-one-events custom-newcomers-pos-2 text-color-dark font-weight-bold custom-secondary-font custom-box-shadow center"></span> <?php */?>
                    <span class="custom-newcomers-class custom-newcomers-pos-2">
                    	<?php 
							echo do_shortcode('[ult_countdown 
datetime="'.$event_start_date.' '.$event_time_js_format.'" 
countdown_opts="sday,shr,smin,ssec" 
tick_col="#da7940" 
tick_style="bold" 
tick_sep_col="#2e353e" 
tick_sep_style="bold" 
el_class="m-b-none custom-newcomers-class" 
string_hours="Hr" 
string_hours2="Hrs" 
string_minutes="Min" 
string_minutes2="Mins" 
string_seconds="Sec" 
string_seconds2="Secs" 
tick_size="desktop:17px;" 
tick_sep_size="desktop:17px;"]');
						?>
                    
                    </span> 
            <?php endif; ?>
        	<?php 
			
			
				
				$thumbnail = get_the_post_thumbnail_url();
 
				if ( $thumbnail ) {
					echo '<img src="'.$thumbnail.'" alt="" class="img-responsive custom-border-1 custom-box-shadow" />';
				}
			?>    
             
        
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12">
        <article class="custom-post-event background-color-light">
          <?php if($has_event_date): ?>
          <div class="post-event-date background-color-primary center"> 
          	<span class="month text-uppercase custom-secondary-font text-color-light"><?php echo $event_month_short; ?></span> 
            <span class="day font-weight-bold text-color-light"><?php echo $event_date_numeric; ?></span> 
            <span class="year text-color-light"><?php echo $event_year_numeric; ?></span> 
          </div>
          <?php endif; ?>
          
          <div class="post-event-content custom-margin-1 m-b-xlg">
            <h2 class="font-weight-bold text-color-dark m-b-none"><?php the_title(); ?></h2>
            <span class="custom-event-infos">
            <ul class="m-b-md">
            	<?php if(isset($event_start_time) && $event_start_time != ''): ?>
              		<li> <i class="fa fa-clock-o"></i> <?php echo $event_start_time; ?> </li>
              	<?php endif; ?>
                <?php if(isset($event_location) && $event_location != ''): ?>
              		<li class="text-uppercase"> <i class="fa fa-map-marker"></i> <?php echo $event_location; ?></li>
            	<?php endif; ?>
            </ul>
            </span>
            <?php the_content(); ?>
          </div>
        </article>
      </div>
    </div>
  </div>
</section>
<?php endif; ?>
<?php get_footer() ?>
