<?php
get_header();

$blog_url  = get_permalink( get_option( 'page_for_posts' ) ) ?: home_url( '/blog' );
$shop_url  = function_exists( 'wc_get_page_permalink' ) ? wc_get_page_permalink( 'shop' ) : home_url( '/boutique' );
$programs_url = wf_theme_front_page_term_link( 'category', 'programmes', '/category/programmes/' );
$nutrition_url = wf_theme_front_page_term_link( 'category', 'nutrition', '/category/nutrition/' );
$exercise_url = wf_theme_front_page_term_link( 'category', 'exercices', '/category/exercices/' );
$musculation_url = wf_theme_front_page_term_link( 'category', 'musculation', '/category/musculation/' );

$latest_posts = new WP_Query(
    array(
        'post_type'           => 'post',
        'posts_per_page'      => 3,
        'ignore_sticky_posts' => true,
    )
);

$latest_categories = get_categories(
    array(
        'hide_empty' => true,
        'number'     => 4,
    )
);

$program_cards = array(
    array(
        'title'       => 'Force Maximale',
        'text'        => 'Explosez vos records personnels avec des cycles de force structurés et progressifs.',
        'meta'        => array( 'Elite', '12 semaines' ),
        'url'         => $programs_url,
        'image'       => 'https://lh3.googleusercontent.com/aida-public/AB6AXuBLemW48pwxkRHBA6yCRq-__5eU_upml9jWPkM1hFradyX71j0hk9l6FyhJiIjIY5Zd_XZWATaoUegUMJlh4aiBCSuvQsNIN-y4cIBqtSqOaMcNpyk0WKOuvZuAx6NXQ4EPKbvEvP4o13iR-uhTVObFfZpIpKfLnsfW4jLdmc6f1qAlEfZEf3MLialoHb8WwkF5KkA2NzAOgLD8yQBMcVTtwg-jnWjpRiZx1_D-zXMUm2624g2BCBqE3utxrpxZSPYo9NEv6UhCqbSB',
        'featured'    => true,
    ),
    array(
        'title'       => 'HIIT Brule-graisses',
        'text'        => 'Des seances courtes, intenses et efficaces pour gagner du temps sans sacrifier les resultats.',
        'meta'        => array( '30 min', 'Intense' ),
        'url'         => $exercise_url,
        'image'       => 'https://lh3.googleusercontent.com/aida-public/AB6AXuCbFJaKHZS73Q_zjemT5OpJTfDhHtLt7GfgMK4MsTBsfNYUbbB5ZiWOuNDXuK5sJkyeXmxD9Uvuv_BYAdAfvYVHilhz4Rvmawyqjo7rubiNeeP45ze2aWyoJpEqIpqJ2I7O15qxQmO75zABhO8OpYOiSHIUtV80AiHVx_h2pkvHexgmq9nDQg65E62UHNWuMAl05TZl76S8SOxp_Nbm25Q_YovQoJq1WrcPFXqGT6S27E8zYkgLCbh1KHppzryCnVrLsjlYodqTG5_c',
    ),
    array(
        'title'       => 'Yoga Flow & Mobilite',
        'text'        => 'Retrouvez amplitude, posture et recuperation avec un travail complet sur la mobilite.',
        'meta'        => array( '45 min', 'Recuperation' ),
        'url'         => $exercise_url,
        'image'       => 'https://lh3.googleusercontent.com/aida-public/AB6AXuDJ6KJEuUwZoaor8jY_WuBZjuyX2jcC4o3s_sOEBbCmbHVV90JBnK6Lure5wpxO4eDl3lXewV4NcKqNq0_kSwhyaUN90uT0XkmSiaBPaINPtOmsShVuZEUu1w6Ijk3j8bSLVzYBVUG5FzvvBAjvF0UpGWbCtcUcFhGAZrhL81gwQ-g0RTA--aN3hEmZH3iuTVRTYmrBLtxZNhuuZSpzHQroSjjUyxfoCRmzRgGboevO3_WTrsc0rQAy_vxf1MFqwFuutO0lf0wiXE4m',
    ),
    array(
        'title'       => 'Workout Facile Bootcamp',
        'text'        => 'Une selection des contenus les plus engageants du site pour retrouver rythme, motivation et constance.',
        'meta'        => array( 'Communaute', 'Progression' ),
        'url'         => $blog_url,
        'image'       => 'https://lh3.googleusercontent.com/aida-public/AB6AXuBtFRnqZ-Gv44M4NpJSF1xQEjifilN8vkY07-o16C2VZvYibUan5_h0wm3avu84feiUvtQxmbVZbf5_CnTBaJjNXHM9JEHf_1smSvsp1cByPQKIIdZY4yiNfbOb-MeXTQlzYcuqeCsyQRmYtEA-tNJO23g0ZiU5LP-L9TOfE5Hg34t-V6iHflRO0Hx2sEm8wKBsiJUq7JKfaTdd5sYAahcNsPWn7V4MeBbDd5respIN4sqA2wHQjeUMPfKLMkkgtpNVuTXUhB1eMW3O',
        'wide'        => true,
    ),
);
?>

<main id="primary" class="wf-front-page">
    <section class="wf-home-hero">
        <div class="wf-home-hero__media" aria-hidden="true">
            <img
                src="https://lh3.googleusercontent.com/aida-public/AB6AXuCGRsRvmwIESYRYNe2eyqwBKzMwHXoGjbYbOMZUzbWoXP72mvRnYuyByh1PeFh6r1VJ0ADo_GQky9ciobG3yttpRrd0W7-Dywwrz9rpOFvy7YN4fFICXilbIkDXVqJBMu3i6kyU-sKKhmVw5FaEOTAzu9-6ZvXKFXFhoKX0T5t-x54gP_dU_BArAMsj567P4OSBVdzzIL0TN56lJw-vZheSqhYt7yy9BWcZgWmr8XPoHmi3oXHGPgB4-1iyn0fX6KzRB1kWXqEfB3Mv"
                alt=""
                fetchpriority="high"
            />
        </div>
        <div class="wf-shell wf-home-hero__grid">
            <div class="wf-home-hero__copy">
                <span class="wf-kicker">L'excellence physique</span>
                <h1>Workout : <span>Guide perte de poids</span>, programmes et plans</h1>
                <p>
                    L'approche scientifique du fitness et de la nutrition. Des programmes precis, des guides accessibles
                    et des resultats durables pour progresser a votre rythme.
                </p>
                <div class="wf-home-hero__actions">
                    <a href="<?php echo esc_url( $blog_url ); ?>" class="wf-btn wf-btn--primary">Acceder au blog</a>
                    <a href="<?php echo esc_url( $blog_url ); ?>" class="wf-btn wf-btn--secondary">Decouvrir les programmes</a>
                </div>
            </div>

            <aside class="wf-home-hero__panel">
                <div class="wf-stat-card">
                    <div class="wf-stat-card__head">
                        <h2>Activite quotidienne</h2>
                        <span class="material-symbols-outlined">monitoring</span>
                    </div>
                    <div class="wf-stat-card__block">
                        <div class="wf-progress">
                            <span style="width: 85%;"></span>
                        </div>
                        <div class="wf-stat-card__meta">
                            <span>Proteines</span>
                            <strong>145g / 170g</strong>
                        </div>
                    </div>
                    <div class="wf-stat-card__block">
                        <div class="wf-progress wf-progress--gold">
                            <span style="width: 60%;"></span>
                        </div>
                        <div class="wf-stat-card__meta">
                            <span>Calories</span>
                            <strong>1,840 / 2,400 kcal</strong>
                        </div>
                    </div>
                </div>
            </aside>
        </div>
    </section>

    <section class="wf-home-section wf-home-section--blog">
        <div class="wf-shell">
            <div class="wf-section-heading">
                <div>
                    <span class="wf-kicker wf-kicker--muted">Blog</span>
                    <h2>Les derniers articles</h2>
                    <p>Les contenus les plus recents de Workout Facile directement sur la page d'accueil.</p>
                </div>
                <a href="<?php echo esc_url( $blog_url ); ?>" class="wf-section-link">
                    Tout le blog
                    <span class="material-symbols-outlined">arrow_forward</span>
                </a>
            </div>

            <?php if ( $latest_posts->have_posts() ) : ?>
                <div class="wf-blog-grid">
                    <?php while ( $latest_posts->have_posts() ) : $latest_posts->the_post(); ?>
                        <article class="wf-blog-card">
                            <a href="<?php the_permalink(); ?>" class="wf-blog-card__link">
                                <div class="wf-blog-card__media">
                                    <?php if ( has_post_thumbnail() ) : ?>
                                        <?php the_post_thumbnail( 'large', array( 'loading' => 'lazy', 'sizes' => '(max-width: 900px) 100vw, 33vw' ) ); ?>
                                    <?php else : ?>
                                        <img src="<?php echo esc_url( get_template_directory_uri() . '/assets/bg-hero.jpg' ); ?>" alt="<?php the_title_attribute(); ?>" loading="lazy" />
                                    <?php endif; ?>
                                </div>
                                <div class="wf-blog-card__body">
                                    <div class="wf-blog-card__meta">
                                        <span><?php echo esc_html( get_the_date() ); ?></span>
                                        <?php
                                        $post_categories = get_the_category();
                                        if ( ! empty( $post_categories ) ) :
                                        ?>
                                            <span><?php echo esc_html( $post_categories[0]->name ); ?></span>
                                        <?php endif; ?>
                                    </div>
                                    <h3><?php the_title(); ?></h3>
                                    <p><?php echo esc_html( wp_trim_words( wp_strip_all_tags( get_the_excerpt() ?: get_the_content() ), 22 ) ); ?></p>
                                </div>
                            </a>
                        </article>
                    <?php endwhile; ?>
                </div>
                <?php wp_reset_postdata(); ?>
            <?php endif; ?>

            <?php if ( ! empty( $latest_categories ) ) : ?>
                <div class="wf-blog-topics">
                    <?php foreach ( $latest_categories as $category ) : ?>
                        <a href="<?php echo esc_url( get_category_link( $category->term_id ) ); ?>" class="wf-topic-pill">
                            <?php echo esc_html( $category->name ); ?>
                            <span><?php echo esc_html( number_format_i18n( $category->count ) ); ?></span>
                        </a>
                    <?php endforeach; ?>
                </div>
            <?php endif; ?>
        </div>
    </section>

    <section class="wf-home-section wf-home-section--programs">
        <div class="wf-shell">
            <div class="wf-section-heading">
                <div>
                    <h2>Programmes populaires</h2>
                    <p>Des protocoles d'entrainement axes performance, endurance, mobilite et transformation durable.</p>
                </div>
                <a href="<?php echo esc_url( $programs_url ); ?>" class="wf-section-link">
                    Voir tout
                    <span class="material-symbols-outlined">arrow_forward</span>
                </a>
            </div>

            <div class="wf-program-grid">
                <?php foreach ( $program_cards as $card ) : ?>
                    <article class="wf-program-card<?php echo ! empty( $card['featured'] ) ? ' is-featured' : ''; ?><?php echo ! empty( $card['wide'] ) ? ' is-wide' : ''; ?>">
                        <a href="<?php echo esc_url( $card['url'] ); ?>" class="wf-program-card__link">
                            <img src="<?php echo esc_url( $card['image'] ); ?>" alt="<?php echo esc_attr( $card['title'] ); ?>" loading="lazy" />
                            <div class="wf-program-card__overlay"></div>
                            <div class="wf-program-card__content">
                                <div class="wf-program-card__badges">
                                    <?php foreach ( $card['meta'] as $meta_item ) : ?>
                                        <span><?php echo esc_html( $meta_item ); ?></span>
                                    <?php endforeach; ?>
                                </div>
                                <h3><?php echo esc_html( $card['title'] ); ?></h3>
                                <p><?php echo esc_html( $card['text'] ); ?></p>
                                <?php if ( ! empty( $card['wide'] ) ) : ?>
                                    <span class="wf-program-card__cta">Rejoindre la selection</span>
                                <?php endif; ?>
                            </div>
                        </a>
                    </article>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="wf-home-section wf-home-section--nutrition">
        <div class="wf-shell wf-nutrition-grid">
            <div class="wf-nutrition-media">
                <img
                    src="https://lh3.googleusercontent.com/aida-public/AB6AXuBDB_kQdquIh3hqNch82ZH4VRYdPIMHLHeqmEC-0tdQ0BIqGhuIHcFGT1X8f5OdKtHJ5SbknE7GB1f_j8FXm8FmE_pth7ih1YGWJ5ZFsTE1TDtU8WDQyrDV07OnvA23XKyY3SH2WjrRLpyI82F1Ouipt2aXNWdp6_pAupE2MazUmlzJJLGzAqN0msJ0Xg-xJKRCBiRx_HmS0XGtgoAENNlWxAw1D4GdW2cprjCwQetbvbG4KS1fbFRddyeYYV-p_lcvPyJeClj2ClK-"
                    alt="Bol nutrition sain et equilibre"
                    loading="lazy"
                />
                <div class="wf-nutrition-badge">
                    <strong>98%</strong>
                    <span>Nutrition de precision</span>
                </div>
            </div>

            <div class="wf-nutrition-copy">
                <h2>Nutrition simplifiee</h2>
                <p>
                    Fini le comptage fastidieux. Retrouvez des conseils simples, des recettes rapides et des articles
                    concrets pour adapter votre alimentation a vos objectifs.
                </p>
                <ul class="wf-feature-list">
                    <li>
                        <span class="material-symbols-outlined">check_circle</span>
                        <div>
                            <h3>Recettes en 15 minutes</h3>
                            <p>Des repas efficaces et realistes pour les rythmes de vie charges.</p>
                        </div>
                    </li>
                    <li>
                        <span class="material-symbols-outlined">check_circle</span>
                        <div>
                            <h3>Suivi automatise des macros</h3>
                            <p>Des reperes clairs pour garder le cap sans complexifier votre quotidien.</p>
                        </div>
                    </li>
                    <li>
                        <span class="material-symbols-outlined">check_circle</span>
                        <div>
                            <h3>Liste de courses intelligente</h3>
                            <p>Optimisez vos achats et composez vos semaines avec plus de regularite.</p>
                        </div>
                    </li>
                </ul>
                <a href="<?php echo esc_url( $nutrition_url ); ?>" class="wf-btn wf-btn--dark">Voir les plans nutrition</a>
            </div>
        </div>
    </section>

    <section class="wf-home-section wf-home-section--testimonials">
        <div class="wf-shell">
            <div class="wf-section-heading wf-section-heading--center">
                <div>
                    <h2>Ils ont ose le changement</h2>
                    <p>Une communaute de lecteurs et sportifs qui avance avec des contenus clairs, utiles et motivants.</p>
                </div>
            </div>

            <div class="wf-testimonial-grid">
                <article class="wf-testimonial-card">
                    <div class="wf-testimonial-card__person">
                        <img src="https://lh3.googleusercontent.com/aida-public/AB6AXuAMBUncs2LCwZH9vSrbzTwkD9cgcpbE36BPgLKwpYmcySUjWuIO_HrjcoRp9rgZTd2niGcA0EGmv0Am4YXS9LNa_SMPVCMn1WCb-F4NxXSqigwI0c025Ri-n5vgegD7hAuFkmsDxh1atzEiyUESUAkBA6A_b9BNQtQTcFuS7EtUhy12IQMTXsu16RiZ03zsynKNl4iCPqXfS8Xhch3hU99iOyR2CczigrURU3zCkybOvDRpXbudMMPTHxzAFCpZcjL2PtfGz4AxBrM7" alt="Portrait Sophie" loading="lazy" />
                        <div>
                            <h3>Sophie L.</h3>
                            <p>-12kg en 4 mois</p>
                        </div>
                    </div>
                    <blockquote>Kinetic a change ma relation avec la nourriture et le sport. Tout devient plus clair, plus precis et plus durable.</blockquote>
                    <div class="wf-stars">★★★★★</div>
                </article>

                <article class="wf-testimonial-card">
                    <div class="wf-testimonial-card__person">
                        <img src="https://lh3.googleusercontent.com/aida-public/AB6AXuAsfHBt2aIhZNqZxtghFrlmbPupFlb_vD0V1wZMAj_lu4ecJ78wRvYtUJ1WDVZNpxyWNjKvgdGFm6WFhJuB7fuM1AfZHziFfWVTmJy_3Be9lCg5d1s_YM1scuH1SVOin8quAsAnc_scPSoiABAeXwACubWLj4If8Iw3GXxxm_RZwB_806uX67HuNtTQ0u-rrxxhYhgv8GXFJZAPIfwyVcCSJX8uvWGI5Z6vho201n85QuDGLzEsT8mc4vPGrW3PcMaGbebnT0KzxB4L" alt="Portrait Marc-Antoine" loading="lazy" />
                        <div>
                            <h3>Marc-Antoine D.</h3>
                            <p>Force max +25%</p>
                        </div>
                    </div>
                    <blockquote>Le suivi et la structure m'ont aide a franchir un vrai cap. Les contenus vont a l'essentiel et donnent envie d'appliquer.</blockquote>
                    <div class="wf-stars">★★★★★</div>
                </article>

                <article class="wf-testimonial-card">
                    <div class="wf-testimonial-card__person">
                        <img src="https://lh3.googleusercontent.com/aida-public/AB6AXuCUdN1WM0tfnKHOw0cwK4ETSyGPsHCv3lCtwWr8RP4uex200zmMoDQUYlGMhtCrxTLYaJGdfiN_BhTO6-u-daZEvH6Vf0qOauFD6oo4_9oxHTgBXDWyXOTm09CqsyaaJAdydb12ICNP6mazi7u-yLm-ZnV0KQOqxBnRHJJ5wV61YjvzK2sjPBk3OBePljOJ92jEKhMeKO7x3U9WwNJP75xV2cERRirM5tBs0mBsumgHTgRh6UuT-lw_Fr5iWnmxFuumZAA42QztWpn3" alt="Portrait Lea" loading="lazy" />
                        <div>
                            <h3>Lea M.</h3>
                            <p>Energie decuplee</p>
                        </div>
                    </div>
                    <blockquote>Les seances courtes, les idees nutrition et la qualite editoriale m'aident a rester reguliere toute la semaine.</blockquote>
                    <div class="wf-stars">★★★★★</div>
                </article>
            </div>
        </div>
    </section>

    <section class="wf-home-section wf-home-section--cta">
        <div class="wf-shell wf-cta-box">
            <h2>Pret pour votre metamorphose ?</h2>
            <p>Commencez maintenant avec les contenus, programmes et conseils les plus utiles du site.</p>
            <div class="wf-home-hero__actions">
                <a href="<?php echo esc_url( $blog_url ); ?>" class="wf-btn wf-btn--light">Commencer maintenant</a>
                <a href="<?php echo esc_url( $shop_url ); ?>" class="wf-btn wf-btn--ghost">Parler a un coach</a>
            </div>
        </div>
    </section>
</main>

<?php get_footer(); ?>