<?php
if ( ! defined( 'ABSPATH' ) ) exit;
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
$first_post = function_exists( 'Falcify_History::recent' ) ? null : null;
$posts = get_posts( array( 'post_type' => array( 'page', 'post' ), 'posts_per_page' => 1, 'orderby' => 'modified', 'order' => 'DESC', 'post_status' => array( 'publish', 'draft', 'pending', 'private' ) ) );
$first_edit_url = ! empty( $posts ) ? get_edit_post_link( $posts[0]->ID ) : admin_url( 'edit.php?post_type=page' );
?>
<div class="falcify-tour-backdrop" id="falcify-tour" role="dialog" aria-modal="true" aria-labelledby="falcify-tour-title" hidden>
    <div class="falcify-tour-card">
        <button type="button" class="falcify-tour-skip" data-tour-skip aria-label="<?php esc_attr_e( 'Fermer la visite guidée', 'falcify-connector' ); ?>">×</button>

        <div class="falcify-tour-progress" aria-hidden="true">
            <span class="is-active" data-dot="1"></span>
            <span data-dot="2"></span>
            <span data-dot="3"></span>
        </div>

        <div class="falcify-tour-step" data-step="1">
            <span class="falcify-tour-tag"><?php esc_html_e( '1 minute pour démarrer', 'falcify-connector' ); ?></span>
            <h2 id="falcify-tour-title"><?php esc_html_e( 'Étape 1 — Générer', 'falcify-connector' ); ?></h2>
            <p><?php esc_html_e( 'Ouvrez n\'importe quelle page ou article. Sous l\'éditeur, vous trouverez un encadré « Version accessible ». Cliquez sur « Réécrire simplement » : Falcify produit un texte facile à lire en quelques secondes.', 'falcify-connector' ); ?></p>
            <div class="falcify-tour-illu" aria-hidden="true">
                <div class="falcify-tour-mock">
                    <span class="falcify-tour-mock-pill is-warn">À vérifier</span>
                    <button type="button" class="falcify-tour-mock-btn">✨ <?php esc_html_e( 'Réécrire simplement', 'falcify-connector' ); ?></button>
                </div>
            </div>
            <div class="falcify-tour-actions">
                <button type="button" class="button button-link" data-tour-skip><?php esc_html_e( 'Plus tard', 'falcify-connector' ); ?></button>
                <button type="button" class="button button-primary" data-tour-next><?php esc_html_e( 'Suivant', 'falcify-connector' ); ?> →</button>
            </div>
        </div>

        <div class="falcify-tour-step" data-step="2" hidden>
            <span class="falcify-tour-tag"><?php esc_html_e( 'Vous gardez la main', 'falcify-connector' ); ?></span>
            <h2><?php esc_html_e( 'Étape 2 — Vérifier', 'falcify-connector' ); ?></h2>
            <p><?php esc_html_e( 'Comparez le texte original et la version facile à lire côte à côte. Modifiez ce que vous voulez, regardez le score de lisibilité, ajoutez automatiquement les pictogrammes — c\'est vous qui validez.', 'falcify-connector' ); ?></p>
            <div class="falcify-tour-illu" aria-hidden="true">
                <div class="falcify-tour-compare">
                    <div class="falcify-tour-col"><strong><?php esc_html_e( 'Original', 'falcify-connector' ); ?></strong><span></span><span></span></div>
                    <div class="falcify-tour-col is-falc"><strong><?php esc_html_e( 'Facile à lire', 'falcify-connector' ); ?></strong><span></span><span></span></div>
                </div>
                <div class="falcify-tour-score">
                    <span><?php esc_html_e( 'Lisibilité', 'falcify-connector' ); ?></span>
                    <div class="falcify-tour-bar"><i style="width:82%"></i></div>
                    <strong>82</strong>
                </div>
            </div>
            <div class="falcify-tour-actions">
                <button type="button" class="button" data-tour-prev>← <?php esc_html_e( 'Retour', 'falcify-connector' ); ?></button>
                <button type="button" class="button button-primary" data-tour-next><?php esc_html_e( 'Suivant', 'falcify-connector' ); ?> →</button>
            </div>
        </div>

        <div class="falcify-tour-step" data-step="3" hidden>
            <span class="falcify-tour-tag"><?php esc_html_e( 'Dernière étape', 'falcify-connector' ); ?></span>
            <h2><?php esc_html_e( 'Étape 3 — Publier', 'falcify-connector' ); ?></h2>
            <p><?php esc_html_e( 'Quand votre version vous convient, marquez-la « Conforme FALC » puis « Publier ». Un bouton « Lire en FALC » apparaît automatiquement sur votre site, à côté de votre contenu.', 'falcify-connector' ); ?></p>
            <div class="falcify-tour-illu" aria-hidden="true">
                <div class="falcify-tour-publish">
                    <span class="falcify-tour-mock-pill is-ok">✓ <?php esc_html_e( 'Conforme FALC', 'falcify-connector' ); ?></span>
                    <span class="falcify-tour-arrow">→</span>
                    <span class="falcify-tour-front">📖 <?php esc_html_e( 'Lire en FALC', 'falcify-connector' ); ?></span>
                </div>
            </div>
            <div class="falcify-tour-actions">
                <button type="button" class="button" data-tour-prev>← <?php esc_html_e( 'Retour', 'falcify-connector' ); ?></button>
                <a class="button button-primary button-hero" href="<?php echo esc_url( $first_edit_url ); ?>" data-tour-finish>
                    <?php esc_html_e( 'Simplifier mon premier contenu', 'falcify-connector' ); ?>
                </a>
            </div>
        </div>
    </div>
</div>
