<?php
/**
 * Sección de resultados del formulario
 */
?>
<!-- Sección 4: Resultados -->
<section class="form-section" data-section="4">
    <div class="section-header">
        <h2 class="section-title"><i class="fas fa-chart-bar"></i> <?php echo $text['results']; ?></h2>
        <p class="section-description"><?php echo $text['resultsDesc']; ?></p>
    </div>
    
    <div class="form-content">
        <div class="form-group">
            <label for="results" class="required"><?php echo $text['results']; ?></label>
            <textarea id="results" name="results" required placeholder="<?php echo $text['resultsPlaceholder']; ?>"></textarea>
            <div class="word-count" id="results-word-count">
                <span>0/190 <?php echo $text['words']; ?></span>
                <div class="progress-bar"><div class="progress" style="width: 0%"></div></div>
            </div>
            <span class="help-text"><i class="fas fa-info-circle"></i> <?php echo $text['resultsHelpText']; ?></span>
            <span class="error-message" id="results-error"><i class="fas fa-exclamation-circle"></i> <?php echo $text['resultsErrorText']; ?></span>
        </div>
    </div>
    
    <div class="form-navigation">
        <button type="button" class="btn btn-prev" data-prev="3"><i class="fas fa-arrow-left"></i> <?php echo $text['previous']; ?></button>
        <button type="button" class="btn btn-next" data-next="5"><?php echo $text['next']; ?> <i class="fas fa-arrow-right"></i></button>
    </div>
</section>