<?php
/** Template Name: Events Page **/
?>
<?php Utilities::get_template_parts( array( 'parts/shared/html-header', 'parts/shared/header' ) ); ?>
<div class="wrapper">



<?php query_posts(array( 'post_type' => 'events',
	'meta_key' => 'date', // name of custom field
	'orderby' => 'meta_value_num',
	'order' => 'DESC' ) );?>

			<?php while (have_posts()) : the_post();?>
			<div class="event-wrapper">
				<h1><?php the_title();?></h1>
				<div class="row event-wrap">
					<div class="span_4 event-info">
						<h2>Event information</h2>

						<?php $date = DateTime::createFromFormat('Ymd', get_field('date'));?>

						<img src="<?php the_field('image_of_map'); ?>" />
						<p><?php echo $date->format('l jS F Y'); ?> , <?php the_field('time');?></p>
						<p><?php the_field('event_location_');?></p>
						<button class="buttons">Become a speaker</button>
						<button class="buttons">Book Tickets</button>
					</div>

					<div class="span_8 event-speakers">
						<h2>Speakers</h2>

						<div class="row">
							<?php
							$posts = get_field('speakers');
							if( $posts ): ?>
							<?php foreach( $posts as $post): ?>
							<?php setup_postdata($post); ?>
							<div class="span_6 speaker">
								<div class="span_5">
									<img src="<?php the_field('speakers_image'); ?>" />
								</div>

								<div class="span_7">
									<h3><?php the_title();?></h3>

									<?php if(get_field('speaker_topic')): ?>

										<?php while(has_sub_field('speaker_topic')): ?>
											<?php // if(get_sub_field('event') ) {?>
											<p><?php// the_sub_field('topic'); ?></p>
											<?php// } ?>
										<?php endwhile; ?>

									<?php endif; ?>
									<a class="OpenDialog" href="#">View Profile</a>
								</div>
							</div>

							<?php endforeach; ?>
							<?php wp_reset_postdata(); ?>
							<?php endif; ?>
							</div>
					</div>
				</div>
			</div>
			<?php endwhile;?>
</div>

<?php Utilities::get_template_parts( array( 'parts/shared/footer','parts/shared/html-footer' ) ); ?>