<?php /* Template Name: Accueil */ get_header(); ?>
<div id="content_aeb">
    <main>
        <!-- section 1 ------------------------------------------------------------------------------------ -->
        <section id="verseau-1">
            <div class="container">
                <?php if (have_rows('intro')) : ?>
                    <?php while (have_rows('intro')) : the_row(); ?>
                        <h1><?php the_sub_field('titre_intro'); ?></h1>
                        <p><?php the_sub_field('description_intro'); ?></p>
                        <a class="button button-devis" href="<?= bloginfo('url') . '/contact/'; ?>">Je demande un devis</a>
                        <div class="categories">
                            <div class="categorie professionnels">
                                    <a href="<?= bloginfo('url') . '/bureaux-et-locaux-commerciaux/'; ?>">
                                        <h3>professionnels</h3>
                                    </a>
                            </div>
                            <div class="categorie particuliers">
                                    <a href="<?= bloginfo('url') . '/particuliers/'; ?>">
                                        <h3>particuliers</h3>
                                    </a>
                            </div>
                            <div class="categorie collectivites">
                                    <a href="<?= bloginfo('url') . '/installations-sportives/'; ?>">
                                        <div class="colect">
                                            <h3>collectivités</h3>
                                            <p>Salle de sport<br>Restauration collective Ecoles…</p>
                                        </div>
                                    </a>
                            </div>
                            <div class="categorie chantiers">
                                    <a href="<?= bloginfo('url') . '/chantiers/'; ?>">
                                        <h3>chantiers</h3>
                                    </a>
                            </div>
                            <div class="categorie recyclage">
                                    <a href="<?= bloginfo('url') . '/recyclage/'; ?>">
                                        <h3>recyclage</h3>
                                    </a>
                            </div>
                            <div class="categorie contact">
                                <p>
                                    <a class="num-tel" href="tel:<?php the_sub_field('contact_telephone'); ?>"><?php the_sub_field('contact_telephone'); ?></a>
                                </p>
                                <p>

                                    <a href="mailto:<?php the_sub_field('contact_e-mail'); ?>">
                                        <img src="<?= get_template_directory_uri() . '/images/Icon ionic-md-mail.png' ?>" alt="icone mail"> <br>
                                        contactez-nous
                                    </a>
                                </p>
                            </div>
                        </div>
                    <?php endwhile; ?>
                <?php endif; ?>
                <!-- <h1>pour des prestations <br>claires et nettes !</h1> -->
                <!-- <p>
                    La propreté partout où vous le souhaitez ! <br>
                    Vous cherchez un partenaire flexible et compétent <br>
                    pour l’entretien de vos locaux ?
                </p> -->

            </div>
        </section>

        <!-- section 2 ------------------------------------------------------------------------------------ -->
        <?php if (have_rows('presentation')) : ?>
            <?php while (have_rows('presentation')) : the_row(); ?>
                <section id="verseau-2">
                    <div class="container">
                        <div class="row">
                            <h2><?php the_sub_field('titre_presentation'); 
                                ?></h2>
                            <div class="choice-group">
                                <?php if (have_rows('presentation_1')) : ?>
                                    <?php while (have_rows('presentation_1')) : the_row(); ?>
                                        <div class="choice-item">
                                            <!-- <div class="img"> -->
                                            <?php $image_presentation = get_sub_field('image_presentation'); ?>
                                            <?php if ($image_presentation) : ?>
                                                <img src="<?php echo esc_url($image_presentation['url']); ?>" alt="<?php echo esc_attr($image_presentation['alt']); ?>" />
                                            <?php endif; ?>
                                            <!-- </div> -->
                                            <!-- <div class="text"> -->
                                            <h3><?php the_sub_field('titre_presentation'); ?></h3>
                                            <p><?php the_sub_field('texte_presentation'); ?></p>
                                            <!-- </div> -->
                                            <?php // No rows found
                                            ?>
                                        </div>
                                    <?php endwhile; ?>
                                <?php else : ?>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </section>
            <?php endwhile; ?>
        <?php endif; ?>

        <!-- section 3 ------------------------------------------------------------------------------------ -->
        <?php if (have_rows('exemple_presentation')) : ?>
            <?php while (have_rows('exemple_presentation')) : the_row(); ?>
                <section id="verseau-3" class="verseau-3">
                    <div class="container">
                        <div class="row">
                            <!-- <div class="recycle-group"> -->
                            <?php $image_1 = get_sub_field('image_1'); ?>
                            <?php if ($image_1) : ?>
                                <img src="<?php echo esc_url($image_1['url']); ?>" alt="<?php echo esc_attr($image_1['alt']); ?>" />
                            <?php endif; ?>
                            <div class="group-text">
                                <h2><?php the_sub_field('titre_exemple_presentation'); ?></h2>
                                <h3><?php the_sub_field('sous-titre__exemple_presentation'); ?></h3>
                                <div class="picture-group">
                                    <?php $image_2 = get_sub_field('image_2'); ?>
                                    <?php if ($image_2) : ?>
                                        <img src="<?php echo esc_url($image_2['url']); ?>" alt="<?php echo esc_attr($image_2['alt']); ?>" />
                                    <?php endif; ?>
                                    <?php $image_3 = get_sub_field('image_3'); ?>
                                    <?php if ($image_3) : ?>
                                        <img src="<?php echo esc_url($image_3['url']); ?>" alt="<?php echo esc_attr($image_3['alt']); ?>" />
                                    <?php endif; ?>
                                </div>
                                <p><?php the_sub_field('texte_exemple_presentation'); ?></p>
                                    <?php $bouton_lien = get_sub_field('bouton_lien'); ?>
                                    <?php if ($bouton_lien) : ?>
                                        <a class="button" href="<?php echo esc_url($bouton_lien['url']); ?>" target="<?php echo esc_attr($bouton_lien['target']); ?>"><?php echo esc_html($bouton_lien['title']); ?></a>
                                    <?php endif; ?>
                            </div>
                            <!-- </div> -->
                        </div>
                    </div>
                </section>
            <?php endwhile; ?>
        <?php endif; ?>

        <!-- section 5 ------------------------------------------------------------------------------------ -->
        <?php  require_once('templates/demarche.php') ?>
		
        <!-- section 4 ------------------------------------------------------------------------------------ -->
		<?php if (have_rows('comment_ca_marche')) : ?>
			<?php while (have_rows('comment_ca_marche')) : the_row(); ?>
				<section id="verseau-4">
					<div class="container">
						<h2>comment ça marche ?</h2>
						<div class="row">
							<?php if (have_rows('etapes')) : ?>
								<?php 
								$i = 1; // Initialiser le compteur
								while (have_rows('etapes')) : the_row(); 
									$texte_etape = get_sub_field('texte_etape'); // Assurez-vous que le nom du sous-champ est correct
								?>
									<div class="bloc-5">
										<h3 class="fresque"><?php echo $i; ?></h3>
										<p><?php echo $texte_etape; ?></p>
									</div>
								<?php 
								$i++; // Incrémenter le compteur
								endwhile; ?>
							<?php endif; ?>
							<a class="button" href="<?= bloginfo('url') . '/contact/'; ?>">Je demande un devis</a>
						</div>
					</div>
				</section>
			<?php endwhile; ?>
		<?php endif; ?>

        <!-- section 6 ------------------------------------------------------------------------------------ -->
        <?php require_once('templates/confiance.php') ?>

        <!-- section 7 ------------------------------------------------------------------------------------ -->
        <?php require_once('templates/contact.php') ?>
    </main>
</div>
<?php get_footer(); ?>