<?php
/**
 * Sección de métodos del formulario
 */
?>
<!-- Sección 3: Métodos -->
<section class="form-section" data-section="3">
    <div class="section-header">
        <h2 class="section-title"><i class="fas fa-flask"></i> <?php echo $text['methods']; ?></h2>
        <p class="section-description"><?php echo $text['methodsDesc']; ?></p>
    </div>
    
    <div class="form-content">
        <div class="form-group">
            <label for="methods" class="required"><?php echo $text['methods']; ?></label>
            <textarea id="methods" name="methods" required placeholder="<?php echo $text['methodsPlaceholder']; ?>"></textarea>
            <div class="word-count" id="methods-word-count">
                <span>0/170 <?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['methodsHelpText']; ?></span>
            <span class="error-message" id="methods-error"><i class="fas fa-exclamation-circle"></i> <?php echo $text['methodsErrorText']; ?></span>
        </div>
    </div>
    
    <div class="form-navigation">
        <button type="button" class="btn btn-prev" data-prev="2"><i class="fas fa-arrow-left"></i> <?php echo $text['previous']; ?></button>
        <button type="button" class="btn btn-next" data-next="4"><?php echo $text['next']; ?> <i class="fas fa-arrow-right"></i></button>
    </div>
</section>