<?php
/**
 * Versión integrada actualizada con la sección de autores mejorada para TRAUMA 2025
 * Este es solo el fragmento de la sección de autores para integrar en el archivo principal
 */
?>

<!-- Sección 6: Autores (versión integrada con soporte para hasta 10 autores) -->
<section class="form-section" data-section="6">
    <h2 class="section-title"><i class="fas fa-users"></i> Autores</h2>
    <p class="section-description">Añada información sobre los autores del trabajo.</p>
    
    <div class="form-group">
        <label for="author_count" class="required">Número de Autores</label>
        <select id="author_count" name="author_count" required>
            <option value="" selected disabled>Seleccione la cantidad de autores</option>
            <?php for ($i = 1; $i <= 10; $i++): ?>
            <option value="<?php echo $i; ?>"><?php echo $i; ?> <?php echo $i == 1 ? 'autor' : 'autores'; ?></option>
            <?php endfor; ?>
        </select>
        <span class="help-text"><i class="fas fa-info-circle"></i> Por favor indique el número total de autores (máximo 10)</span>
    </div>
    
    <div class="author-note">
        <i class="fas fa-info-circle"></i>
        <p>Proporcione la información para todos los autores. El primer autor será considerado el autor principal y contacto para correspondencia.</p>
    </div>
    
    <!-- Autores container -->
    <div id="authors-container">
        <!-- El contenedor para todos los formularios de autores será llenado dinámicamente -->
    </div>
    
    <div class="form-navigation">
        <button type="button" class="btn btn-prev" data-prev="5"><i class="fas fa-arrow-left"></i> Anterior</button>
        <button type="button" class="btn btn-next" data-next="7">Siguiente <i class="fas fa-arrow-right"></i></button>
    </div>
</section>

<!-- Template para autor (para usar dentro del script JavaScript) -->
<template id="author-template">
    <div class="author-card" data-author-id="{AUTHOR_ID}">
        <h3><i class="fas fa-user-circle"></i> Autor <span class="author-number">{AUTHOR_NUMBER}</span></h3>
        
        <div class="form-group">
            <label for="author_{AUTHOR_ID}_title" class="required">Título</label>
            <select id="author_{AUTHOR_ID}_title" name="authors[{AUTHOR_ID}][title]" required>
                <option value="" selected disabled>Seleccione un título</option>
                <option value="Dr.">Dr.</option>
                <option value="Dra.">Dra.</option>
                <option value="Sr.">Sr.</option>
                <option value="Sra.">Sra.</option>
                <option value="Prof.">Prof.</option>
                <option value="Lic.">Lic.</option>
                <option value="Ing.">Ing.</option>
                <option value="Otro">Otro</option>
            </select>
        </div>
        
        <div class="form-group">
            <label for="author_{AUTHOR_ID}_name" class="required">Nombre Completo</label>
            <input type="text" id="author_{AUTHOR_ID}_name" name="authors[{AUTHOR_ID}][name]" required placeholder="Ingrese el nombre completo del autor">
        </div>
        
        <div class="form-group">
            <label for="author_{AUTHOR_ID}_email" class="required">Correo Electrónico</label>
            <input type="email" id="author_{AUTHOR_ID}_email" name="authors[{AUTHOR_ID}][email]" required placeholder="Ingrese el correo electrónico">
        </div>
        
        <div class="form-group">
            <label class="required">¿Es el Autor <span class="author-number">{AUTHOR_NUMBER}</span> Miembro de la SPT?</label>
            <div class="radio-group">
                <label class="radio-option">
                    <input type="radio" id="author_{AUTHOR_ID}_spt_yes" name="authors[{AUTHOR_ID}][is_spt_member]" value="yes" required>
                    <span>Sí</span>
                </label>
                <label class="radio-option">
                    <input type="radio" id="author_{AUTHOR_ID}_spt_no" name="authors[{AUTHOR_ID}][is_spt_member]" value="no">
                    <span>No</span>
                </label>
            </div>
        </div>
        
        <div class="form-row">
            <div class="form-col">
                <div class="form-group">
                    <label for="author_{AUTHOR_ID}_institution" class="required">Institución</label>
                    <input type="text" id="author_{AUTHOR_ID}_institution" name="authors[{AUTHOR_ID}][institution]" required placeholder="Ingrese la institución del autor">
                </div>
            </div>
            <div class="form-col">
                <div class="form-group">
                    <label for="author_{AUTHOR_ID}_country" class="required">País</label>
                    <select id="author_{AUTHOR_ID}_country" name="authors[{AUTHOR_ID}][country]" required>
                        <option value="" selected disabled>Seleccione un país</option>
                        <option value="AR">Argentina</option>
                        <option value="BO">Bolivia</option>
                        <option value="BR">Brasil</option>
                        <option value="CA">Canadá</option>
                        <option value="CL">Chile</option>
                        <option value="CO">Colombia</option>
                        <option value="CR">Costa Rica</option>
                        <option value="CU">Cuba</option>
                        <option value="EC">Ecuador</option>
                        <option value="SV">El Salvador</option>
                        <option value="ES">España</option>
                        <option value="US">Estados Unidos</option>
                        <option value="GT">Guatemala</option>
                        <option value="HN">Honduras</option>
                        <option value="MX">México</option>
                        <option value="NI">Nicaragua</option>
                        <option value="PA">Panamá</option>
                        <option value="PY">Paraguay</option>
                        <option value="PE">Perú</option>
                        <option value="PR">Puerto Rico</option>
                        <option value="DO">República Dominicana</option>
                        <option value="UY">Uruguay</option>
                        <option value="VE">Venezuela</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</template>

<!-- Script adicional para manejar autores dinámicamente -->
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Manejo dinámico de autores
    const authorCountSelect = document.getElementById('author_count');
    const authorsContainer = document.getElementById('authors-container');
    const authorTemplate = document.getElementById('author-template');
    
    if (authorCountSelect && authorsContainer && authorTemplate) {
        // Función para generar formularios de autores
        function generateAuthorForms(count) {
            // Limpiar el contenedor
            authorsContainer.innerHTML = '';
            
            // Generar formularios para cada autor
            for (let i = 0; i < count; i++) {
                const authorId = i + 1;
                const authorNumber = i + 1;
                
                // Clonar el template
                const authorHtml = authorTemplate.innerHTML
                    .replace(/{AUTHOR_ID}/g, authorId)
                    .replace(/{AUTHOR_NUMBER}/g, authorNumber);
                
                // Crear un div para contener el formulario del autor
                const authorDiv = document.createElement('div');
                authorDiv.innerHTML = authorHtml;
                
                // Añadir al contenedor
                authorsContainer.appendChild(authorDiv.firstElementChild);
            }
        }
        
        // Escuchar cambios en el selector de número de autores
        authorCountSelect.addEventListener('change', function() {
            const count = parseInt(this.value, 10);
            if (!isNaN(count) && count > 0 && count <= 10) {
                generateAuthorForms(count);
            }
        });
    }
});
</script>