/home/w/q/g/wqgepnx/www/wp-content/themes/prixexport/page-templates/ Current File: /home/w/q/g/wqgepnx/www/wp-content/themes/prixexport/page-templates/homepage.php
<?php
/**
 * Template Name: accueil
 *
 * Template for displaying a page without sidebar even if a sidebar widget is published.
 *
 * @package understrap
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

get_header();
$container = get_theme_mod( 'understrap_container_type' );
?>

<div class="wrapper" id="full-width-page-wrapper">

	<div class="<?php echo esc_attr( $container ); ?>" id="content">

		<div class="row">

			<div class="tab-content">

				<div class="tab-pane active" id="p0">

					<div class="col-md-12 bg-animation"><!-- Animation -->
						<div class="row">
							<div class="col-12"><h2>Animation</h2></div>
							<div class="col-12">
								<div class="row">
								<?php
									$args = array(
										'post_type' 	=> 'post',
										'post_status'	=> 'publish',
										'cat'			=> '1',
										'posts_per_page' => -1,
										'orderby'   	=> 'ID',
										'order'     	=> 'ASC',
									);
									$anim = new WP_Query( $args );
									while ( $anim->have_posts() ) : $anim->the_post();
										$image = get_field('logo_distributeur');
								?> 
								<div class="col-md-4">
									<nav class="nav nav-tabs"><a href="#p1" data-toggle="tab">
										<?php the_post_thumbnail( 'large' ); ?>
									</a></nav>
								</div>
								<?php
									endwhile; // end of the loop. 
									wp_reset_postdata($anim);
								?>
								</div>
							</div>
							<div class="separator"></div>
						</div>
					</div>

					<div class="col-md-12 bg-documentary"><!-- Documentary -->
						<div class="row">
							<div class="col-12"><h2>Documentary</h2></div>
							<div class="col-12">
							<div class="row">
								<?php
									$args = array(
										'post_type' 	=> 'post',
										'post_status'	=> 'publish',
										'cat'			=> '2',
										'posts_per_page' => -1,
										'orderby'   	=> 'ID',
										'order'     	=> 'ASC',
									);
									$doc = new WP_Query( $args );
									while ( $doc->have_posts() ) : $doc->the_post();
									$image = get_field('logo_distributeur'); 
								?> 
								<div class="col-md-4">
									<nav class="nav nav-tabs"><a href="#p2" data-toggle="tab">
										<?php the_post_thumbnail( 'large' ); ?>
									</a></nav>
								</div>
								<?php
									endwhile; // end of the loop. 
									wp_reset_postdata($doc);
								?>
								</div>
							</div>
							<div class="separator"></div>
						</div>
					</div>

					<div class="col-md-12 bg-fiction"> <!-- Fiction --->
						<div class="row">
							<div class="col-12"><h2>Fiction</h2></div>
							<div class="col-12">
							<div class="row">
								<?php
									$args = array(
										'post_type' 	=> 'post',
										'post_status'	=> 'publish',
										'cat'			=> '3',
										'posts_per_page' => -1,
										'orderby'   	=> 'ID',
										'order'     	=> 'ASC',
									);
									$fiction = new WP_Query( $args );
									while ( $fiction->have_posts() ) : $fiction->the_post();
									$image = get_field('logo_distributeur'); 
								?> 
								<div class="col-md-4">
									<nav class="nav nav-tabs"><a href="#p3" data-toggle="tab">
										<?php the_post_thumbnail( 'large' ); ?>
									</a></nav>
								</div>
								<?php
									endwhile; // end of the loop. 
									wp_reset_postdata($fiction);
								?>
								</div>
							</div>
							<div class="separator"></div>
						</div>
					</div>
				</div><!-- //end Tabs P0 -->

				<div class="tab-pane" id="p1"> <!-- Tabs Animation -->

					<div class="col-md-12"><!-- Style col-md-12 -->

						<div id="accordion">
							<div class="row bg-animation">	
								<div class="separator"></div>
								<?php
									$args = array(
										'post_type' 	=> 'post',
										'post_status'	=> 'publish',
										'cat'			=> '1',
										'posts_per_page' => -1,
										'orderby'   	=> 'ID',
										'order'     	=> 'ASC',
									);
									$anim = new WP_Query( $args );
									while ( $anim->have_posts() ) : $anim->the_post();
									$image = get_field('logo_distributeur'); 
								?> 
									<div class="col-md-4">
										<a class="card-link" data-toggle="collapse" href="#collapseanim<?php the_ID(); ?>">
											<?php the_title(); ?>
											<?php the_post_thumbnail( 'large' ); ?>
										</a>
									</div>
								<?php endwhile; ?>
								<div class="separator"></div>
							</div> <!-- //end row bg-animation -->
							<div class="row">
								<div class="col-md-12">
								<?php while ( $anim->have_posts() ) : $anim->the_post(); ?>
								
									<div id="collapseanim<?php the_ID(); ?>" class="collapse" data-parent="#accordion">
								    	<div class="row">
											<div class="col-6">
									    		
													<div class="embed-responsive embed-responsive-4by3">
													<video width="100%" controls class="embed-responsive-item">
														<source src="<?php echo the_field("lien_de_la_video"); ?>" type="video/mp4">
														<source src="<?php echo the_field("lien_de_la_video"); ?>" type="video/avi">
													</video>
												</div>
											</div>
			 																			
		     						        <div class="col-6">
		     						        	<h3><?php the_title(); ?></h3>
												<p><strong>Durations </strong>: <?php echo the_field("distributor"); ?></p>
												<p><strong>Distributor </strong>: <?php echo the_field("distributor"); ?></p>
												<p><strong>Producer </strong>: <?php echo the_field("producter"); ?></p>
												<p><strong>Director </strong>: <?php echo the_field("director"); ?></p>
												<p><strong>Contact </strong>: <a href="mailto:<?php echo the_field("email_contact"); ?>"><?php echo the_field("nom_contact"); ?></a></p>
												<?php $url = wp_get_attachment_url( $file ); ?>
												<a href="<?php echo $url; ?>" class="<?php foreach((get_the_category()) as $category) { echo $category->cat_name . ' '; } ?>">Download Press Kit</a>
											</div>
								    	</div><!-- //end row collapse show  -->
									<div class="separator"></div>						
								    </div><!-- //end collapse show -->
								<?php endwhile; ?>
								</div> <!-- //end col-md-12 show details -->
							</div>	<!-- //end row show details -->	
							
						</div><!-- //end accordion -->

						<?php wp_reset_postdata($anim); ?>

					</div> <!-- //end col-md-12 -->

					<div class="col-md-12 intro">Screen and vote for 1 program per category among its 3 nominees</div>
					<?php echo do_shortcode('[poll id="2"]'); ?>

				</div> <!-- //end tabs P1 -->
	
				<div class="tab-pane" id="p2"> <!-- Tabs Documentary -->

					<div class="col-md-12"><!-- Style col-md-12 -->

						<div id="accordion1">
							<div class="row bg-documentary">	
								<div class="separator"></div>
								<?php
									$args = array(
										'post_type' 	=> 'post',
										'post_status'	=> 'publish',
										'cat'			=> '2',
										'posts_per_page' => -1,
										'orderby'   	=> 'ID',
										'order'     	=> 'ASC',
									);
									$doc = new WP_Query( $args );
									while ( $doc->have_posts() ) : $doc->the_post();
									$image = get_field('logo_distributeur'); 
								?> 
									<div class="col-md-4">
										<a class="card-link" data-toggle="collapse" href="#collapsedoc<?php the_ID(); ?>">
											<?php the_title(); ?>
											<?php the_post_thumbnail( 'large' ); ?>
											<img src="<?php echo $image['url']; ?>" class="aligncenter hp" />
										</a>
									</div>
								<?php endwhile; ?>
								<div class="separator"></div>
							</div> <!-- //end row bg-animation -->
							<div class="row">
								<div class="col-md-12">
								<?php while ( $doc->have_posts() ) : $doc->the_post(); ?>
								
									<div id="collapsedoc<?php the_ID(); ?>" class="collapse" data-parent="#accordion1">
								    	<div class="row">
											<div class="col-6">
									    		
													<div class="embed-responsive embed-responsive-4by3">
													<video width="100%" controls class="embed-responsive-item">
														<source src="<?php echo the_field("lien_de_la_video"); ?>" type="video/mp4">
														<source src="<?php echo the_field("lien_de_la_video"); ?>" type="video/avi">
													</video>
												</div>
											</div>
			 																			
		     						        <div class="col-6">
		     						        	<h3><?php the_title(); ?></h3>
												<p><strong>Distributor </strong>: <?php echo the_field("distributor"); ?></p>
												<p><strong>Producer </strong>: <?php echo the_field("producter"); ?></p>
												<p><strong>Director </strong>: <?php echo the_field("director"); ?></p>
												<p><strong>Contact </strong>: <a href="mailto:<?php echo the_field("email_contact"); ?>"><?php echo the_field("nom_contact"); ?></a></p>
												<?php $url = wp_get_attachment_url( $file ); ?>
												<a href="<?php echo $url; ?>" class="<?php foreach((get_the_category()) as $category) { echo $category->cat_name . ' '; } ?>">Download Press Kit</a>
											</div>
								    	</div><!-- //end row collapse show  -->
								    	<div class="separator"></div>
								    </div><!-- //end collapse show -->
								
								<?php endwhile; ?>
								</div> <!-- //end col-md-12 show details -->
							</div>	<!-- //end row show details -->	
						</div><!-- //end accordion -->

						<?php wp_reset_postdata($doc); ?>

					</div> <!-- //end col-md-12 -->

					<div class="col-md-12 intro">Screen and vote for 1 program per category among its 3 nominees</div>
					<?php echo do_shortcode('[poll id="3"]'); ?>
				</div> <!-- //end tabs P2 -->

				<div class="tab-pane" id="p3"> <!-- Tabs Fiction -->

					<div class="col-md-12"><!-- Style col-md-12 -->

						<div id="accordion2">
							<div class="row bg-fiction">	
								<div class="separator"></div>
								<?php
									$args = array(
										'post_type' 	=> 'post',
										'post_status'	=> 'publish',
										'cat'			=> '3',
										'posts_per_page' => -1,
										'orderby'   	=> 'ID',
										'order'     	=> 'ASC',
									);
									$fiction = new WP_Query( $args );
									while ( $fiction->have_posts() ) : $fiction->the_post();
									$image = get_field('logo_distributeur'); 
								?> 
									<div class="col-md-4">
										<a class="card-link" data-toggle="collapse" href="#collapsedoc<?php the_ID(); ?>">
											<?php the_title(); ?>
											<?php the_post_thumbnail( 'large' ); ?>
											<img src="<?php echo $image['url']; ?>" class="aligncenter hp" />
										</a>
									</div>
								<?php endwhile; ?>
								<div class="separator"></div>
							</div> <!-- //end row bg-fiction -->
							<div class="row">
								<div class="col-md-12">
								<?php while ( $fiction->have_posts() ) : $fiction->the_post(); ?>
								
									<div id="collapsedoc<?php the_ID(); ?>" class="collapse" data-parent="#accordion2">
								    	<div class="row">
											<div class="col-6">
									    		
													<div class="embed-responsive embed-responsive-4by3">
													<video width="100%" controls class="embed-responsive-item">
														<source src="<?php echo the_field("lien_de_la_video"); ?>" type="video/mp4">
														<source src="<?php echo the_field("lien_de_la_video"); ?>" type="video/avi">
													</video>
												</div>
											</div>
			 																			
		     						        <div class="col-6">
												<h3><?php the_title(); ?></h3>
												<p><strong>Distributor </strong>: <?php echo the_field("distributor"); ?></p>
												<p><strong>Producer </strong>: <?php echo the_field("producter"); ?></p>
												<p><strong>Director </strong>: <?php echo the_field("director"); ?></p>
												<p><strong>Contact </strong>: <a href="mailto:<?php echo the_field("email_contact"); ?>"><?php echo the_field("nom_contact"); ?></a></p>
												<?php $url = wp_get_attachment_url( $file ); ?>
												<a href="<?php echo $url; ?>" class="<?php foreach((get_the_category()) as $category) { echo $category->cat_name . ' '; } ?>">Download Press Kit</a>
											</div>
								    	</div><!-- //end row collapse show  -->
								    	<div class="separator"></div>	
								    </div><!-- //end collapse show -->
								
								<?php endwhile; ?>
								</div> <!-- //end col-md-12 show details -->
							</div>	<!-- //end row show details -->	
						</div><!-- //end accordion -->

						<?php wp_reset_postdata($fiction); ?>

					</div> <!-- //end col-md-12 -->

					<div class="col-md-12 intro">Screen and vote for 1 program per category among its 3 nominees</div>
					<?php echo do_shortcode('[poll id="4"]'); ?>
				</div> <!-- //end tabs P3 -->

			</div><!-- //end tabs -->
			
			

			<div class="col-md-12 bg-vote"> <!-- Vote --->
				<div class="row">
					<div class="col-12"><h2>The criteria for your votes ?</h2></div>
					<div class="col-12">
						<p>- Adapation of the program to the international market and audience<p>
						<p>- Quality of the treatment and production value</p>
						<p>- Appeal of the presentation and marketing strategy of the distributor</p>
					</div>
				</div>
				<div class="separator"></div>
			</div>

			<div class="col-md-12 bg-vote"> <!-- Vote --->
				<div class="row">
					<?php 
						while ( have_posts() ) : the_post(); 
							the_content(); 
						endwhile; 
					?>
				</div>
				<div class="separator"></div>
			</div>

		</div><!-- .row end -->

	</div><!-- Container end -->

</div><!-- Wrapper end -->

<?php get_footer(); ?>