<?php
 /* Template Name: Acceuil */
  if ( ! defined( 'ABSPATH' ) ) { exit; }
  // Header
  get_header();
  $args = array(
    'post_type'              => array('post'),
    'nopaging'               => false,
    'posts_per_page'         => '3',
    'orderby'                => 'date',
  );
  $query = new WP_Query( $args );
?>
<!--section 1 -->
<div class="container">
  <h2 class="text-center">Nos films</h2>
  <div class="row">
    <?php
    if ($query->have_posts()) :
      while ($query->have_posts()) : $query->the_post();
        $titre = get_field('titre');
        $texte = get_field('texte');
        $note =  get_field('note');
        $image = get_field('image');
        $date = get_field('date');
        $badge_if = get_field('afficher');
    ?>
    <div class="col-md-4">
        <div class="card">
          <img  class="card-img-top" src="<?= esc_url($image['url']); ?>" alt="<?= esc_attr($image['alt']); ?>" />
          <div class="card-body">
            <?php
            if( $badge_if == 1): ?>
              <span class="badge badge-secondary">New</span>
            <?php endif; ?>

            <?php if ($note): ?>
              <div class="stars-block">
                <?php
                  switch ($note) {
                    case 0:
                      echo  '<img src="'.esc_url(get_template_directory_uri()).'/img/png/stars.png" alt="icon stars">';
                      break;
                    case 1:
                      echo  '<img src="'.esc_url(get_template_directory_uri()).'/img/png/stars1.png" alt="icon stars">';
                      break;
                    case 2:
                      echo  '<img src="'.esc_url(get_template_directory_uri()).'/img/png/stars2.png" alt="icon stars">';
                      break;
                    case 3:
                    echo  '<img src="'.esc_url(get_template_directory_uri()).'/img/png/stars3.png" alt="icon stars">';
                      break;
                    case 4:
                    echo  '<img src="'.esc_url(get_template_directory_uri()).'/img/png/stars4.png" alt="icon stars">';
                      break;
                    case 5:
                    echo  '<img src="'.esc_url(get_template_directory_uri()).'/img/png/stars5.png" alt="icon stars">';
                    break;
                  }
               ?>
               </div>
             <?php endif; ?>
            <h5 class="card-title"><?= esc_html($titre); ?></h5>
            <p class="card-text"><?= esc_html($texte); ?></p>
            <?php if ($date): ?>
              <p class="card-text">Date de sortie: <br> <?= esc_html($date); ?></p>
            <?php endif; ?>
            <a href="<?php the_permalink() ?>" class="btn btn-primary">Go somewhere</a>
          </div>
        </div>
    </div>
    <?php endwhile; ?>
  <?php endif; ?>
  <?php wp_reset_postdata(); ?>
  </div><!-- /row-->
</div><!-- /Container-->

<?php get_footer(); ?>