feat: envío masivo por fecha — Terceros + RDA en un solo paso

- automation: reescrito para filtrar por fecha (default hoy), obtener
  pacientes únicos del día vía JOIN RECEPCION+PACIENTE+CIUDAD, luego
  agrupar recepciones por IDRECEPCION y enviar Tercero/Crear + RdaPaciente/Insertar a TNS v2
- template: UI simplificada con datepicker (default hoy), tabla de
  resultados por paciente/factura con estado OK/error por ítem

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/templates/automation.html

@@ -1,163 +1,152 @@
 {% extends "base.html" %}
-{% block title %}Automatización{% endblock %}
-{% block header %}Automatización Completa{% endblock %}
+{% block title %}Envío Masivo{% endblock %}
+{% block header %}Envío Masivo a TNS{% endblock %}
 {% block content %}
-<div class="max-w-4xl">
+<div class="max-w-4xl space-y-6">
+
+  <!-- Panel de control -->
+  <div class="bg-white rounded-xl shadow-sm border border-gray-200">
+    <div class="px-6 py-4 border-b border-gray-200">
+      <h3 class="font-semibold text-gray-800">
+        <i class="fas fa-paper-plane mr-2 text-blue-500"></i>Envío automático por fecha
+      </h3>
+      <p class="text-xs text-gray-500 mt-1">
+        Selecciona una fecha, el sistema enviará todos los pacientes y sus RDA a TNS.
+      </p>
+    </div>
+    <div class="p-6">
+      <div class="flex items-end gap-4">
+        <div class="flex-1">
+          <label class="block text-sm font-medium text-gray-700 mb-1">Fecha de atención</label>
+          <input type="date" id="fecha-input" value="{{ today }}"
+            class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+        </div>
+        <button onclick="runAutomation()"
+          id="btn-run"
+          class="px-6 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors flex items-center gap-2 whitespace-nowrap">
+          <i class="fas fa-play"></i> Ejecutar envío
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Progreso -->
+  <div id="progress-section" class="hidden space-y-4">
+
+    <!-- Paso 1 -->
     <div class="bg-white rounded-xl shadow-sm border border-gray-200">
-        <div class="px-6 py-4 border-b border-gray-200">
-            <h3 class="font-semibold text-gray-800"><i class="fas fa-robot mr-2 text-blue-500"></i>Paso 1 + Paso 2 Automático</h3>
-            <p class="text-xs text-gray-500 mt-1">Selecciona las consultas y el rango de fechas. El sistema enviará primero los terceros y luego las transacciones RIPS automáticamente.</p>
-        </div>
-        <div class="p-6">
-            <form id="form-automation" class="space-y-6">
-                <div class="grid grid-cols-2 gap-6">
-                    <div class="p-4 bg-blue-50 rounded-xl border border-blue-200">
-                        <div class="flex items-center mb-3">
-                            <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center text-white text-sm font-bold">1</div>
-                            <span class="ml-2 font-medium text-blue-800">Paso 1: Terceros</span>
-                        </div>
-                        <select name="query_terceros_id" required
-                            class="w-full px-3 py-2 border border-blue-300 rounded-lg text-sm">
-                            <option value="">Seleccionar consulta...</option>
-                            {% for q in queries if q.query_type == 'terceros' %}
-                            <option value="{{ q.id }}">{{ q.name }}</option>
-                            {% endfor %}
-                        </select>
-                    </div>
-                    <div class="p-4 bg-purple-50 rounded-xl border border-purple-200">
-                        <div class="flex items-center mb-3">
-                            <div class="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center text-white text-sm font-bold">2</div>
-                            <span class="ml-2 font-medium text-purple-800">Paso 2: Transacción RIPS</span>
-                        </div>
-                        <select name="query_transaccion_id" required
-                            class="w-full px-3 py-2 border border-purple-300 rounded-lg text-sm">
-                            <option value="">Seleccionar consulta...</option>
-                            {% for q in queries if q.query_type == 'transaccion' %}
-                            <option value="{{ q.id }}">{{ q.name }}</option>
-                            {% endfor %}
-                        </select>
-                    </div>
-                </div>
-
-                <div class="grid grid-cols-3 gap-4">
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Fecha Inicio</label>
-                        <input type="date" name="fecha_inicio" required
-                            class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm">
-                    </div>
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Fecha Fin</label>
-                        <input type="date" name="fecha_fin" required
-                            class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm">
-                    </div>
-                    <div>
-                        <label class="block text-sm font-medium text-gray-700 mb-1">Factura <span class="text-xs text-gray-400">(opcional)</span></label>
-                        <input type="text" name="factura"
-                            class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
-                            placeholder="Filtrar por factura">
-                    </div>
-                </div>
-
-                <button type="button" onclick="runAutomation()"
-                    class="w-full py-3 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white font-medium rounded-lg transition-all flex items-center justify-center">
-                    <i class="fas fa-play mr-2"></i> Ejecutar Automatización Completa
-                </button>
-            </form>
+      <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
+        <div class="flex items-center gap-3">
+          <div class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center text-white text-sm font-bold">1</div>
+          <span class="font-semibold text-gray-800">Terceros (pacientes)</span>
         </div>
+        <span id="p1-badge" class="text-sm text-gray-400">Esperando...</span>
+      </div>
+      <div id="p1-detalle" class="divide-y divide-gray-100 hidden">
+      </div>
     </div>
 
-    <!-- Progress -->
-    <div id="progress-section" class="mt-6 hidden">
-        <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6">
-            <h4 class="font-semibold text-gray-800 mb-4"><i class="fas fa-spinner fa-spin mr-2 text-blue-500"></i>Progreso</h4>
-            <div class="space-y-4">
-                <div id="step1" class="p-4 rounded-lg border border-gray-200">
-                    <div class="flex items-center">
-                        <div id="step1-icon" class="w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center text-sm">1</div>
-                        <div class="ml-3">
-                            <p class="font-medium text-gray-800">Paso 1: Envío de Terceros</p>
-                            <p id="step1-msg" class="text-sm text-gray-500">Esperando...</p>
-                        </div>
-                    </div>
-                </div>
-                <div id="step2" class="p-4 rounded-lg border border-gray-200">
-                    <div class="flex items-center">
-                        <div id="step2-icon" class="w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center text-sm">2</div>
-                        <div class="ml-3">
-                            <p class="font-medium text-gray-800">Paso 2: Envío de Transacciones</p>
-                            <p id="step2-msg" class="text-sm text-gray-500">Esperando...</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
+    <!-- Paso 2 -->
+    <div class="bg-white rounded-xl shadow-sm border border-gray-200">
+      <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
+        <div class="flex items-center gap-3">
+          <div class="w-8 h-8 bg-purple-500 rounded-full flex items-center justify-center text-white text-sm font-bold">2</div>
+          <span class="font-semibold text-gray-800">RDA Paciente (recepciones)</span>
         </div>
+        <span id="p2-badge" class="text-sm text-gray-400">Esperando...</span>
+      </div>
+      <div id="p2-detalle" class="divide-y divide-gray-100 hidden">
+      </div>
     </div>
+
+  </div>
 </div>
 
 <script>
 async function runAutomation() {
-    if (!confirm('¿Ejecutar la automatización completa?\n\nPaso 1: Enviar terceros\nPaso 2: Enviar transacciones RIPS')) return;
+  const fecha = document.getElementById('fecha-input').value;
+  if (!fecha) { showToast('Selecciona una fecha', 'error'); return; }
 
-    const form = document.getElementById('form-automation');
-    const data = new FormData(form);
-    const btn = form.querySelector('button[onclick="runAutomation()"]');
-    showLoading(btn);
+  if (!confirm(`¿Enviar a TNS todos los pacientes y RDA del ${fecha}?`)) return;
 
-    document.getElementById('progress-section').classList.remove('hidden');
-    updateStep('step1', 'processing', 'Enviando terceros...');
+  const btn = document.getElementById('btn-run');
+  showLoading(btn);
+  document.getElementById('progress-section').classList.remove('hidden');
+  document.getElementById('p1-badge').textContent = 'Enviando...';
+  document.getElementById('p1-badge').className = 'text-sm text-blue-500';
+  document.getElementById('p2-badge').textContent = 'Esperando...';
+  document.getElementById('p2-badge').className = 'text-sm text-gray-400';
 
-    const resp = await fetch('/automation/run', {method:'POST', body: data, credentials: 'include'});
-    const result = await resp.json();
-    hideLoading(btn, '<i class="fas fa-play mr-2"></i> Ejecutar Automatización Completa');
+  const form = new FormData();
+  form.append('fecha', fecha);
 
-    if (result.success) {
-        const r = result.resultado;
+  try {
+    const resp = await fetch('/automation/run', { method: 'POST', body: form, credentials: 'include' });
+    const data = await resp.json();
+    hideLoading(btn, '<i class="fas fa-play"></i> Ejecutar envío');
 
-        if (r.paso1_terceros.status === 'success') {
-            updateStep('step1', 'success', `✅ ${r.paso1_terceros.enviados} terceros enviados`);
-        } else if (r.paso1_terceros.status === 'partial') {
-            updateStep('step1', 'warning', `⚠️ ${r.paso1_terceros.enviados} enviados, ${r.paso1_terceros.errores} errores`);
-        } else {
-            updateStep('step1', 'error', `❌ ${r.paso1_terceros.message || 'Error'}`);
-        }
-
-        if (r.paso2_transaccion.status === 'success') {
-            updateStep('step2', 'success', `✅ ${r.paso2_transaccion.enviados} transacciones enviadas`);
-        } else if (r.paso2_transaccion.status === 'partial') {
-            updateStep('step2', 'warning', `⚠️ ${r.paso2_transaccion.enviados} enviados, ${r.paso2_transaccion.errores} errores`);
-        } else {
-            updateStep('step2', 'error', `❌ ${r.paso2_transaccion.message || 'Error'}`);
-        }
-
-        showToast('Automatización completada', 'success');
-    } else {
-        updateStep('step1', 'error', 'Error en la automatización');
-        showToast('Error en la automatización', 'error');
+    if (!data.success) {
+      showToast(data.message || 'Error', 'error');
+      document.getElementById('p1-badge').textContent = 'Error';
+      document.getElementById('p1-badge').className = 'text-sm text-red-500';
+      return;
     }
+
+    const r = data.resultado;
+
+    // Paso 1
+    renderBadge('p1-badge', r.paso1_terceros.enviados, r.paso1_terceros.errores);
+    renderDetalle('p1-detalle', r.paso1_terceros.detalle.map(d => ({
+      col1: d.doc,
+      col2: d.nombre,
+      col3: `${d.ok ? '✅' : '❌'} ${d.msg || ''}`,
+      ok: d.ok,
+    })));
+
+    // Paso 2
+    renderBadge('p2-badge', r.paso2_rda.enviados, r.paso2_rda.errores);
+    renderDetalle('p2-detalle', r.paso2_rda.detalle.map(d => ({
+      col1: `Fac. ${d.factura}`,
+      col2: `Pac. ${d.paciente} — ${d.examenes} examen(es)`,
+      col3: `${d.ok ? '✅' : '❌'} ${d.msg || ''}`,
+      ok: d.ok,
+    })));
+
+    const totalErr = r.paso1_terceros.errores + r.paso2_rda.errores;
+    showToast(totalErr === 0 ? 'Envío completado sin errores' : `Completado con ${totalErr} error(es)`,
+              totalErr === 0 ? 'success' : 'warning');
+
+  } catch (e) {
+    hideLoading(btn, '<i class="fas fa-play"></i> Ejecutar envío');
+    showToast('Error de conexión', 'error');
+  }
 }
 
-function updateStep(id, status, msg) {
-    const step = document.getElementById(id);
-    const icon = document.getElementById(id + '-icon');
-    const msgEl = document.getElementById(id + '-msg');
+function renderBadge(id, enviados, errores) {
+  const el = document.getElementById(id);
+  if (errores === 0) {
+    el.textContent = `✅ ${enviados} enviados`;
+    el.className = 'text-sm text-green-600 font-medium';
+  } else if (enviados > 0) {
+    el.textContent = `⚠️ ${enviados} OK / ${errores} errores`;
+    el.className = 'text-sm text-yellow-600 font-medium';
+  } else {
+    el.textContent = `❌ ${errores} errores`;
+    el.className = 'text-sm text-red-600 font-medium';
+  }
+}
 
-    const icons = {
-        processing: '<i class="fas fa-spinner fa-spin text-blue-500"></i>',
-        success: '<i class="fas fa-check text-green-500"></i>',
-        warning: '<i class="fas fa-exclamation-triangle text-yellow-500"></i>',
-        error: '<i class="fas fa-times text-red-500"></i>',
-    };
-
-    const borders = {
-        processing: 'border-blue-300 bg-blue-50',
-        success: 'border-green-300 bg-green-50',
-        warning: 'border-yellow-300 bg-yellow-50',
-        error: 'border-red-300 bg-red-50',
-    };
-
-    icon.innerHTML = icons[status] || '1';
-    step.className = `p-4 rounded-lg border ${borders[status] || 'border-gray-200'}`;
-    msgEl.textContent = msg;
+function renderDetalle(id, items) {
+  const el = document.getElementById(id);
+  if (!items || items.length === 0) { return; }
+  el.innerHTML = items.map(i => `
+    <div class="px-6 py-2 flex items-center gap-3 text-sm ${i.ok ? '' : 'bg-red-50'}">
+      <span class="text-gray-500 w-28 shrink-0">${i.col1}</span>
+      <span class="text-gray-700 flex-1 truncate">${i.col2}</span>
+      <span class="text-xs ${i.ok ? 'text-green-600' : 'text-red-600'} shrink-0 max-w-xs truncate">${i.col3}</span>
+    </div>
+  `).join('');
+  el.classList.remove('hidden');
 }
 </script>
 {% endblock %}