<?php get_header(); ?>


<!--  Product features    -->
    <section class="features">
      <div class="container fluid px-0" style="margin-top: -20vh;">
        <div class="row align-items-center animazione--appare--up">
          <div class="col-md-6 text-center">
            <img class="img-fluid py-10" src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>">
          </div>
          <div class="col-md-6">
            <div class="row justify-content-center">
              <div class="col-10">
                <h1 class="title"><?php the_title(); ?></h1>
                  <div class="specs mt-3 mt-md-5">
                    <div><?php the_content(); ?></div>
                    <a href="#info"><div class="hero__claim__cta__arrow"><img src="<?php echo get_template_directory_uri() ?>/img/svg/arrow_down_white.svg"></div></a>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
</section>


<section class="sfondo_sfumato contenuto_pagina padding--vh animazione--appare--up" id="info">
    <div class="container-50">
        <div class="paragrafo-wc">
                <h3><?php echo __('Descrizione Dettagliata', 'puraluce'); ?></h3>
                <div class="linea_diversa"></div>

<?php
/**
 * Single product short description
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product/short-description.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see     https://docs.woocommerce.com/document/template-structure/
 * @package WooCommerce/Templates
 * @version 3.3.0
 */

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

global $post;

$short_description = apply_filters( 'woocommerce_short_description', $post->post_excerpt );

if ( ! $short_description ) {
	return;
}

?>

<div class="woocommerce-product-details__short-description">
	<?php echo $short_description; // WPCS: XSS ok. ?>
</div>
<!--    End of features section    -->

</div>
</div>
</section>


<div class="container-50 animazione--appare--up">
    <div class="paragrafo-wc">
            <h3>Gallery</h3>
            <div class="linea_diversa"></div>
    </div>
</div>

<!-- ============== GALLERY ======== -->
<section class="gallery">

<?php
$images = get_field('foto_prodotti');
        $counter = 0;

if( $images ): ?>

  <ul>
    <?php foreach( $images as $image ): ?>
    <?php $counter++; ?>
    <!-- singola gallery dimensioni -->
    <li class="item">
        <a href="<?php echo $image['url']; ?>" class="image-link">

                <img class="img-fluid" src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>">
        </a>

    </li>
    <!-- singola gallery dimensioni -->
    <?php endforeach; ?>

  </ul>

    <?php endif; ?>

</section><!-- ============== GALLERY ======== -->

<section class="container-100" style="margin-top: 50px;">
  <div class="paragrafo-wc">
          <h3 style="margin-left: 30px;"><?php echo __('Scopri le altre Categorie', 'puraluce'); ?></h3>
  </div>

  <div class="container-category">

            <?php while( have_rows('categorie_prodotti','option') ): the_row(); ?>

              <div class="item-category">

              <!-- singola ncategoria -->


                          <h4 class="neon"><a href="<?php the_sub_field('link_categorie','option') ?>"><?php the_sub_field('titolo_categorie','option') ?></a></h4>

              <!-- singola categoria -->
            </div>
  <?php endwhile; ?>

      </div>


</section>

<div class="cursor-dot-outline"></div>
<div class="cursor-dot"></div>

<?php get_footer(); ?>
