coati-payroll 0.0.2__py3-none-any.whl

coati_payroll/templates/modules/planilla/ver_nomina.html

@@ -0,0 +1,477 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="content-header">
+    <h3>
+        Nómina: {{ nomina.periodo_inicio.strftime('%d/%m/%Y') }} - {{ nomina.periodo_fin.strftime('%d/%m/%Y') }}
+    </h3>
+    <div>
+        <a href="{{ url_for('planilla.listar_nominas', planilla_id=planilla.id) }}" class="btn btn-secondary">
+            <i class="fas fa-arrow-left"></i> Volver al Historial
+        </a>
+    </div>
+</div>
+
+{% if has_errors %}
+<div class="alert alert-danger mb-4">
+    <h5><i class="fas fa-times-circle"></i> Esta Nómina Tiene Errores de Procesamiento</h5>
+    <p class="mb-2">No se puede aprobar ni aplicar esta nómina hasta que se corrijan los siguientes errores:</p>
+    <ul class="mb-2">
+        {% for error in error_messages %}
+        <li>{{ error }}</li>
+        {% endfor %}
+    </ul>
+    <p class="mb-0">
+        <strong>Acción requerida:</strong> Corrija los datos (tipo de cambio, configuración, etc.) y recalcule la nómina.
+        <a href="{{ url_for('planilla.ver_log_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}" class="alert-link">Ver log completo</a>
+    </p>
+</div>
+{% elif has_warnings %}
+<div class="alert alert-warning mb-4">
+    <h5><i class="fas fa-exclamation-triangle"></i> Esta Nómina Tiene Advertencias</h5>
+    <p class="mb-2">La nómina se procesó pero hay situaciones que requieren su atención:</p>
+    <ul class="mb-2">
+        {% for warning in warning_messages %}
+        <li>{{ warning }}</li>
+        {% endfor %}
+    </ul>
+    <p class="mb-0">
+        <a href="{{ url_for('planilla.ver_log_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}" class="alert-link">Ver log completo</a>
+    </p>
+</div>
+{% endif %}
+
+{% if nomina.estado == 'calculando' %}
+<div class="card mb-4 border-primary">
+    <div class="card-header bg-primary text-white">
+        <h5 class="mb-0">
+            <i class="fas fa-spinner fa-spin"></i> Calculando Nómina en Segundo Plano
+        </h5>
+    </div>
+    <div class="card-body">
+        <p class="mb-3">
+            <strong>La nómina está siendo calculada en segundo plano.</strong> 
+            El sistema no se ha colgado, por favor espere mientras se procesan todos los empleados.
+        </p>
+        
+        <!-- Current employee being processed -->
+        <div class="alert alert-info mb-3" id="current-employee-alert">
+            <i class="fas fa-user-clock"></i> 
+            <strong>Procesando:</strong> 
+            <span id="empleado-actual">{{ nomina.empleado_actual or 'Iniciando...' }}</span>
+        </div>
+        
+        <!-- Progress bar -->
+        <div class="progress mb-3" style="height: 30px;">
+            <div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-animated bg-primary" 
+                 role="progressbar" 
+                 style="width: {% if nomina.total_empleados and nomina.total_empleados > 0 %}{{ (nomina.empleados_procesados / nomina.total_empleados * 100)|int }}%{% else %}0%{% endif %}"
+                 aria-valuenow="{{ nomina.empleados_procesados or 0 }}" 
+                 aria-valuemin="0" 
+                 aria-valuemax="{{ nomina.total_empleados or 100 }}">
+                <span id="progress-text">
+                    {% if nomina.total_empleados and nomina.total_empleados > 0 %}
+                        {{ (nomina.empleados_procesados / nomina.total_empleados * 100)|int }}%
+                    {% else %}
+                        0%
+                    {% endif %}
+                    ({{ nomina.empleados_procesados or 0 }}/{{ nomina.total_empleados or 0 }})
+                </span>
+            </div>
+        </div>
+        
+        <!-- Statistics -->
+        <div class="row text-center mb-3">
+            <div class="col-md-4">
+                <h6 class="text-muted">Total Empleados</h6>
+                <h4 id="total-empleados">{{ nomina.total_empleados or 0 }}</h4>
+            </div>
+            <div class="col-md-4">
+                <h6 class="text-muted">Procesados</h6>
+                <h4 id="empleados-procesados" class="text-success">{{ nomina.empleados_procesados or 0 }}</h4>
+            </div>
+            <div class="col-md-4">
+                <h6 class="text-muted">Con Errores</h6>
+                <h4 id="empleados-con-error" class="text-danger">{{ nomina.empleados_con_error or 0 }}</h4>
+            </div>
+        </div>
+        
+        <!-- Activity Log -->
+        <div class="card">
+            <div class="card-header bg-light">
+                <h6 class="mb-0">
+                    <i class="fas fa-list"></i> Registro de Actividad
+                    <button class="btn btn-sm btn-outline-secondary float-end" onclick="scrollLogToBottom()">
+                        <i class="fas fa-arrow-down"></i> Ir al final
+                    </button>
+                </h6>
+            </div>
+            <div class="card-body" style="max-height: 300px; overflow-y: auto; font-family: monospace; font-size: 0.9em; background-color: #f8f9fa;" id="activity-log">
+                {% if nomina.log_procesamiento %}
+                    {% for entry in nomina.log_procesamiento %}
+                    <div class="log-entry {% if entry.status == 'success' %}text-success{% elif entry.status == 'error' %}text-danger{% elif entry.status == 'warning' %}text-warning{% else %}text-muted{% endif %}">
+                        {% if entry.status == 'error' %}<i class="fas fa-times-circle"></i> {% elif entry.status == 'warning' %}<i class="fas fa-exclamation-triangle"></i> {% endif %}{{ entry.message }}
+                    </div>
+                    {% endfor %}
+                {% else %}
+                    <div class="text-muted">{{ _('No hay mensajes en el log de procesamiento para esta nómina.') }}</div>
+                {% endif %}
+            </div>
+        </div>
+        
+        <div class="text-center mt-3">
+            <small class="text-muted">
+                <i class="fas fa-sync-alt fa-spin"></i> 
+                Esta página se actualiza automáticamente cada 3 segundos
+            </small>
+        </div>
+    </div>
+</div>
+{% elif nomina.estado == 'error' %}
+<div class="alert alert-danger">
+    <h5><i class="fas fa-exclamation-triangle"></i> Error en el Cálculo de la Nómina</h5>
+    <p>Ocurrió un error durante el cálculo de la nómina. Detalles:</p>
+    {% if nomina.errores_calculo %}
+    <ul>
+        {% for key, error in nomina.errores_calculo.items() %}
+        <li>
+            <strong>{{ key }}:</strong> 
+            {% if error is mapping %}
+                {{ error.critical_error or error.error or error }}
+            {% else %}
+                {{ error }}
+            {% endif %}
+        </li>
+        {% endfor %}
+    </ul>
+    {% endif %}
+    <p class="mb-3">
+        <strong>Empleados procesados:</strong> {{ nomina.empleados_procesados or 0 }} / {{ nomina.total_empleados or 0 }}<br>
+        <strong>Empleados con error:</strong> {{ nomina.empleados_con_error or 0 }}
+    </p>
+    <div>
+        <form action="{{ url_for('planilla.reintentar_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}"
+              method="post" style="display: inline;">
+            <button type="submit" class="btn btn-warning" 
+                    onclick="return confirm('¿Reintentar el procesamiento de esta nómina? Se limpiarán los datos parciales y se intentará procesar nuevamente.')">
+                <i class="fas fa-redo"></i> Reintentar Procesamiento
+            </button>
+        </form>
+        {% if nomina.errores_calculo and nomina.errores_calculo.get('is_recoverable') == False %}
+        <small class="text-muted d-block mt-2">
+            <i class="fas fa-info-circle"></i> 
+            Este error no es recuperable automáticamente. Revise la configuración o los datos antes de reintentar.
+        </small>
+        {% endif %}
+    </div>
+</div>
+{% endif %}
+
+{% if nomina.estado == 'generado' and nomina.empleados_con_error and nomina.empleados_con_error > 0 %}
+<div class="alert alert-warning">
+    <h5><i class="fas fa-exclamation-circle"></i> Advertencia: Algunos Empleados No Se Procesaron Correctamente</h5>
+    <p>La nómina se generó exitosamente, pero {{ nomina.empleados_con_error }} empleado(s) tuvieron errores durante el cálculo.</p>
+    {% if nomina.errores_calculo %}
+    <details>
+        <summary><strong>Ver errores</strong></summary>
+        <ul class="mt-2">
+            {% for empleado_id, error in nomina.errores_calculo.items() %}
+            <li><strong>{{ empleado_id }}:</strong> {{ error }}</li>
+            {% endfor %}
+        </ul>
+    </details>
+    {% endif %}
+</div>
+{% endif %}
+
+<div class="card mb-4">
+    <div class="card-header">
+        <div class="d-flex justify-content-between align-items-center">
+            <h5 class="mb-0">Resumen de la Nómina</h5>
+            <div>
+                {% if nomina.estado == 'generado' %}
+                <form action="{{ url_for('planilla.aprobar_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}"
+                      method="post" style="display: inline;">
+                    {% if has_errors %}
+                    <button type="button" class="btn btn-success" disabled title="No se puede aprobar una nómina con errores de procesamiento">
+                        <i class="fas fa-check"></i> Aprobar
+                    </button>
+                    {% else %}
+                    <button type="submit" class="btn btn-success" onclick="return confirm('¿Aprobar esta nómina?')">
+                        <i class="fas fa-check"></i> Aprobar
+                    </button>
+                    {% endif %}
+                </form>
+                {% elif nomina.estado == 'aprobado' %}
+                <form action="{{ url_for('planilla.aplicar_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}"
+                      method="post" style="display: inline;">
+                    <button type="submit" class="btn btn-primary" onclick="return confirm('¿Marcar como aplicada/pagada?')">
+                        <i class="fas fa-money-bill"></i> Aplicar/Pagar
+                    </button>
+                </form>
+                {% endif %}
+                {% if nomina.estado != 'aplicado' %}
+                <form action="{{ url_for('planilla.recalcular_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}"
+                      method="post" style="display: inline;">
+                    <button type="submit" class="btn btn-warning" onclick="return confirm('¿Recalcular esta nómina? Se eliminarán los datos actuales y se generarán nuevamente.')">
+                        <i class="fas fa-sync-alt"></i> Recalcular
+                    </button>
+                </form>
+                {% endif %}
+                <a href="{{ url_for('planilla.listar_novedades', planilla_id=planilla.id, nomina_id=nomina.id) }}" class="btn btn-info">
+                    <i class="bi bi-list-check"></i> Novedades
+                </a>
+                <a href="{{ url_for('planilla.ver_log_nomina', planilla_id=planilla.id, nomina_id=nomina.id) }}" class="btn btn-outline-secondary">
+                    <i class="fas fa-list-alt"></i> Log de Ejecución
+                </a>
+                {% if nomina.estado in ['generado', 'aprobado', 'aplicado'] %}
+                <div class="btn-group" role="group">
+                    <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                        <i class="fas fa-file-excel"></i> Exportar
+                    </button>
+                    <ul class="dropdown-menu">
+                        <li>
+                            <a class="dropdown-item" href="{{ url_for('planilla.exportar_nomina_excel', planilla_id=planilla.id, nomina_id=nomina.id) }}">
+                                <i class="fas fa-file-excel"></i> Nómina (Excel)
+                            </a>
+                        </li>
+                        <li>
+                            <a class="dropdown-item" href="{{ url_for('planilla.exportar_prestaciones_excel', planilla_id=planilla.id, nomina_id=nomina.id) }}">
+                                <i class="fas fa-file-excel"></i> Prestaciones (Excel)
+                            </a>
+                        </li>
+                        <li>
+                            <a class="dropdown-item" href="{{ url_for('planilla.exportar_comprobante_excel', planilla_id=planilla.id, nomina_id=nomina.id) }}">
+                                <i class="fas fa-file-invoice"></i> Comprobante Contable (Excel)
+                            </a>
+                        </li>
+                        <li>
+                            <a class="dropdown-item" href="{{ url_for('planilla.exportar_comprobante_detallado_excel', planilla_id=planilla.id, nomina_id=nomina.id) }}">
+                                <i class="fas fa-list-alt"></i> Comprobante Detallado por Empleado (Excel)
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+    <div class="card-body">
+        <div class="row">
+            <div class="col-md-3">
+                <strong>Planilla:</strong><br>
+                {{ planilla.nombre }}
+            </div>
+            <div class="col-md-2">
+                <strong>Estado:</strong><br>
+                {% if nomina.estado == 'calculando' %}
+                <span class="badge bg-primary"><i class="fas fa-spinner fa-spin"></i> Calculando</span>
+                {% elif nomina.estado == 'generado' %}
+                <span class="badge bg-warning">Generado</span>
+                {% elif nomina.estado == 'aprobado' %}
+                <span class="badge bg-info">Aprobado</span>
+                {% elif nomina.estado == 'aplicado' %}
+                <span class="badge bg-success">Aplicado</span>
+                {% elif nomina.estado == 'error' %}
+                <span class="badge bg-danger">Error</span>
+                {% endif %}
+            </div>
+            <div class="col-md-2">
+                <strong>Moneda:</strong><br>
+                {{ planilla.moneda.codigo if planilla.moneda else 'N/A' }}
+            </div>
+            <div class="col-md-2">
+                <strong>Empleados:</strong><br>
+                {{ nomina_empleados|length }}
+            </div>
+            <div class="col-md-3">
+                <strong>Generado:</strong><br>
+                {{ nomina.fecha_generacion.strftime('%d/%m/%Y %H:%M') }}
+                {% if nomina.generado_por %}por {{ nomina.generado_por }}{% endif %}
+            </div>
+        </div>
+        <hr>
+        <div class="row">
+            <div class="col-md-4">
+                <div class="card bg-light">
+                    <div class="card-body text-center">
+                        <h6 class="text-muted mb-1">Total Bruto</h6>
+                        <h4 class="text-primary mb-0">{{ planilla.moneda.simbolo if planilla.moneda else '' }} {{ "{:,.2f}".format(nomina.total_bruto|float) }}</h4>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card bg-light">
+                    <div class="card-body text-center">
+                        <h6 class="text-muted mb-1">Total Deducciones</h6>
+                        <h4 class="text-danger mb-0">{{ planilla.moneda.simbolo if planilla.moneda else '' }} {{ "{:,.2f}".format(nomina.total_deducciones|float) }}</h4>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="card bg-light">
+                    <div class="card-body text-center">
+                        <h6 class="text-muted mb-1">Total Neto</h6>
+                        <h4 class="text-success mb-0">{{ planilla.moneda.simbolo if planilla.moneda else '' }} {{ "{:,.2f}".format(nomina.total_neto|float) }}</h4>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="card">
+    <div class="card-header">
+        <h5 class="mb-0">Detalle por Empleado</h5>
+    </div>
+    <div class="card-body">
+        <table class="table table-striped table-hover">
+            <thead>
+                <tr>
+                    <th>Empleado</th>
+                    <th>Cargo</th>
+                    <th class="text-right">Salario Base</th>
+                    <th class="text-right">Ingresos</th>
+                    <th class="text-right">Deducciones</th>
+                    <th class="text-right">Neto</th>
+                    <th>T/C</th>
+                    <th>Acciones</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for ne in nomina_empleados %}
+                <tr>
+                    <td>
+                        <strong>{{ ne.empleado.primer_nombre }} {{ ne.empleado.primer_apellido }}</strong>
+                        {% if ne.empleado.segundo_apellido %}{{ ne.empleado.segundo_apellido }}{% endif %}
+                    </td>
+                    <td>{{ ne.cargo_snapshot or ne.empleado.cargo or 'N/A' }}</td>
+                    <td class="text-right">{{ "{:,.2f}".format(ne.sueldo_base_historico|float) }}</td>
+                    <td class="text-right text-primary">+{{ "{:,.2f}".format(ne.total_ingresos|float) }}</td>
+                    <td class="text-right text-danger">-{{ "{:,.2f}".format(ne.total_deducciones|float) }}</td>
+                    <td class="text-right"><strong>{{ "{:,.2f}".format(ne.salario_neto|float) }}</strong></td>
+                    <td>{{ "{:.4f}".format(ne.tipo_cambio_aplicado|float) if ne.tipo_cambio_aplicado else '1.0' }}</td>
+                    <td>
+                        <a href="{{ url_for('planilla.ver_nomina_empleado', planilla_id=planilla.id, nomina_id=nomina.id, nomina_empleado_id=ne.id) }}"
+                           class="btn btn-sm btn-outline-primary" title="Ver Detalle">
+                            <i class="bi bi-eye"></i>
+                        </a>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+            <tfoot>
+                <tr class="table-dark">
+                    <th colspan="2">TOTALES</th>
+                    <th class="text-right">-</th>
+                    <th class="text-right">{{ "{:,.2f}".format(nomina.total_bruto|float) }}</th>
+                    <th class="text-right">{{ "{:,.2f}".format(nomina.total_deducciones|float) }}</th>
+                    <th class="text-right">{{ "{:,.2f}".format(nomina.total_neto|float) }}</th>
+                    <th colspan="2"></th>
+                </tr>
+            </tfoot>
+        </table>
+    </div>
+</div>
+
+{% if nomina.estado == 'calculando' %}
+<script>
+// Auto-refresh progress for nominas in "calculando" state
+(function() {
+    const progressBar = document.getElementById('progress-bar');
+    const progressText = document.getElementById('progress-text');
+    const totalEmpleados = document.getElementById('total-empleados');
+    const empleadosProcesados = document.getElementById('empleados-procesados');
+    const empleadosConError = document.getElementById('empleados-con-error');
+    const empleadoActual = document.getElementById('empleado-actual');
+    const activityLog = document.getElementById('activity-log');
+    let autoScroll = true;
+    
+    // Function to scroll log to bottom
+    window.scrollLogToBottom = function() {
+        activityLog.scrollTop = activityLog.scrollHeight;
+        autoScroll = true;
+    };
+    
+    // Detect manual scroll
+    activityLog.addEventListener('scroll', function() {
+        const isAtBottom = activityLog.scrollHeight - activityLog.scrollTop <= activityLog.clientHeight + 50;
+        autoScroll = isAtBottom;
+    });
+    
+    function updateProgress() {
+        fetch('{{ url_for("planilla.progreso_nomina", planilla_id=planilla.id, nomina_id=nomina.id) }}')
+            .then(response => response.json())
+            .then(data => {
+                // Update progress bar
+                const progreso = data.progreso_porcentaje || 0;
+                progressBar.style.width = progreso + '%';
+                progressBar.setAttribute('aria-valuenow', progreso);
+                progressText.textContent = progreso + '% (' + data.empleados_procesados + '/' + data.total_empleados + ')';
+                
+                // Update counters
+                totalEmpleados.textContent = data.total_empleados || 0;
+                empleadosProcesados.textContent = data.empleados_procesados || 0;
+                empleadosConError.textContent = data.empleados_con_error || 0;
+                
+                // Update current employee
+                if (data.empleado_actual) {
+                    empleadoActual.textContent = data.empleado_actual;
+                }
+                
+                // Update activity log
+                if (data.log_procesamiento && data.log_procesamiento.length > 0) {
+                    let logHtml = '';
+                    data.log_procesamiento.forEach(entry => {
+                        let statusClass = 'text-muted';
+                        if (entry.status === 'success') {
+                            statusClass = 'text-success';
+                        } else if (entry.status === 'error') {
+                            statusClass = 'text-danger';
+                        }
+                        logHtml += '<div class="log-entry ' + statusClass + '">' + 
+                                   escapeHtml(entry.message) + '</div>';
+                    });
+                    activityLog.innerHTML = logHtml;
+                    
+                    // Auto-scroll to bottom if user hasn't manually scrolled
+                    if (autoScroll) {
+                        activityLog.scrollTop = activityLog.scrollHeight;
+                    }
+                }
+                
+                // If calculation is complete, reload page to show results
+                if (data.estado !== 'calculando') {
+                    setTimeout(() => {
+                        window.location.reload();
+                    }, 1000);
+                }
+            })
+            .catch(error => {
+                console.error('Error fetching progress:', error);
+            });
+    }
+    
+    // Helper function to escape HTML
+    function escapeHtml(text) {
+        const div = document.createElement('div');
+        div.textContent = text;
+        return div.innerHTML;
+    }
+    
+    // Update immediately
+    updateProgress();
+    
+    // Poll every 3 seconds
+    const intervalId = setInterval(updateProgress, 3000);
+    
+    // Clear interval when page is unloaded
+    window.addEventListener('beforeunload', () => {
+        clearInterval(intervalId);
+    });
+    
+    // Initial scroll to bottom
+    scrollLogToBottom();
+})();
+</script>
+{% endif %}
+{% endblock %}