echo ""
echo "=== Generando índice principal ==="

# Generar índice principal con historial
cat > /var/www/html/boletines/index2.html << 'EOF'
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Boletín Oficial - Histórico de Reportes</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      min-height: 100vh;
      padding: 40px 20px;
    }
    .container {
      max-width: 1000px;
      margin: 0 auto;
      background: white;
      padding: 40px;
      border-radius: 20px;
      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    }
    h1 {
      color: #2c3e50;
      border-bottom: 4px solid #3498db;
      padding-bottom: 15px;
      margin-bottom: 30px;
      font-size: 32px;
    }
    .ultimo-reporte {
      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
      color: white;
      padding: 30px;
      border-radius: 15px;
      margin-bottom: 40px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }
    .ultimo-reporte h2 {
      font-size: 24px;
      margin-bottom: 15px;
      opacity: 0.95;
    }
    .ultimo-reporte .fecha {
      font-size: 28px;
      font-weight: bold;
      margin: 10px 0 20px 0;
    }
    .stats-mini {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
      margin: 20px 0;
      padding: 20px;
      background: rgba(255,255,255,0.1);
      border-radius: 10px;
    }
    .stat-mini {
      text-align: center;
    }
    .stat-mini .label {
      font-size: 12px;
      opacity: 0.8;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 5px;
    }
    .stat-mini .value {
      font-size: 32px;
      font-weight: bold;
    }
    .btn-ver {
      display: inline-block;
      background: white;
      color: #f5576c;
      padding: 12px 30px;
      border-radius: 25px;
      text-decoration: none;
      font-weight: bold;
      margin-top: 15px;
      transition: all 0.3s;
    }
    .btn-ver:hover {
      transform: scale(1.05);
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }
    .descargas-rapidas {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 15px;
      margin-top: 20px;
    }
    .btn-descarga {
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,0.2);
      color: white;
      padding: 12px;
      border-radius: 10px;
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s;
      font-size: 14px;
    }
    .btn-descarga:hover {
      background: rgba(255,255,255,0.3);
      transform: translateY(-2px);
    }
    h2 {
      color: #34495e;
      margin: 40px 0 20px 0;
      font-size: 24px;
    }
    .historial-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 20px;
      margin-top: 20px;
    }
    .reporte-card {
      background: #f8f9fa;
      border: 2px solid #e9ecef;
      border-radius: 12px;
      padding: 20px;
      transition: all 0.3s;
      position: relative;
    }
    .reporte-card:hover {
      border-color: #3498db;
      box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2);
      transform: translateY(-3px);
    }
    .reporte-card h3 {
      color: #2c3e50;
      margin-bottom: 15px;
      font-size: 20px;
    }
    .reporte-card .fecha-badge {
      display: inline-block;
      background: #3498db;
      color: white;
      padding: 5px 12px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    .reporte-card a {
      display: inline-block;
      color: #3498db;
      text-decoration: none;
      font-weight: 600;
      margin-top: 10px;
      transition: color 0.3s;
    }
    .reporte-card a:hover {
      color: #2980b9;
    }
    .footer {
      margin-top: 50px;
      padding-top: 30px;
      border-top: 2px solid #e9ecef;
      text-align: center;
      color: #7f8c8d;
      font-size: 14px;
    }
    .footer p {
      margin: 8px 0;
    }
    @media (max-width: 768px) {
      .container {
        padding: 20px;
      }
      h1 {
        font-size: 24px;
      }
      .stats-mini {
        grid-template-columns: repeat(2, 1fr);
      }
      .historial-grid {
        grid-template-columns: 1fr;
      }
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>📊 Boletín Oficial - Sistema de Reportes</h1>
EOF

# Buscar el último reporte (el de hoy)
ULTIMO_DIR=$(ls -dt /var/www/html/boletines/20*/ 2>/dev/null | head -1)
if [ -n "$ULTIMO_DIR" ]; then
    ULTIMO_FECHA=$(basename $ULTIMO_DIR)
    FECHA_FORMATEADA=$(date -d $ULTIMO_FECHA +"%d de %B de %Y" 2>/dev/null || echo $ULTIMO_FECHA)
    
    # Leer el reporte JSON interno para obtener estadísticas
    REPORTE_JSON="/data/boletines/reportes/reporte_${ULTIMO_FECHA}.html"
    
    # Extraer cantidades del HTML (buscar los números en los stat-box)
    SOCIEDADES=0
    REMATES=0
    AVISOS=0
    EDICTOS=0
    
    if [ -f "$REPORTE_JSON" ]; then
        SOCIEDADES=$(grep -oP 'Sociedades procesadas.*?<strong>\K\d+' "$REPORTE_JSON" 2>/dev/null || echo "0")
        REMATES=$(grep -oP 'Remates Comerciales procesados.*?<strong>\K\d+' "$REPORTE_JSON" 2>/dev/null || echo "0")
        AVISOS=$(grep -oP 'Avisos Comerciales procesados.*?<strong>\K\d+' "$REPORTE_JSON" 2>/dev/null || echo "0")
        EDICTOS=$(grep -oP 'Edictos Judiciales procesados.*?<strong>\K\d+' "$REPORTE_JSON" 2>/dev/null || echo "0")
    fi
    
    TOTAL=$((SOCIEDADES + REMATES + AVISOS + EDICTOS))
    
    # Bloque del último reporte con descargas rápidas Y ESTADÍSTICAS
    cat >> /var/www/html/boletines/index2.html << ULTIMO
    <div class="ultimo-reporte">
      <h2>🔥 Último Reporte Generado</h2>
      <div class="fecha">📅 ${FECHA_FORMATEADA}</div>
      
      <div class="stats-mini">
        <div class="stat-mini">
          <div class="label">Sociedades</div>
          <div class="value">${SOCIEDADES}</div>
        </div>
        <div class="stat-mini">
          <div class="label">Remates</div>
          <div class="value">${REMATES}</div>
        </div>
        <div class="stat-mini">
          <div class="label">Avisos</div>
          <div class="value">${AVISOS}</div>
        </div>
        <div class="stat-mini">
          <div class="label">Edictos</div>
          <div class="value">${EDICTOS}</div>
        </div>
      </div>
      
      <a href="${ULTIMO_FECHA}/" class="btn-ver">Ver Reporte Completo (${TOTAL} edictos) →</a>
      
      <h3 style="margin-top: 25px; opacity: 0.95; font-size: 18px;">📦 Descargas Rápidas:</h3>
      <div class="descargas-rapidas">
ULTIMO

    # Agregar enlaces de descarga si existen
    for tipo in sociedades remates avisos edictos; do
        ARCHIVO=$(ls /var/www/html/boletines/${ULTIMO_FECHA}/${tipo}_*.tar.gz 2>/dev/null | head -1)
        if [ -n "$ARCHIVO" ]; then
            NOMBRE=$(basename $ARCHIVO)
            cat >> /var/www/html/boletines/index2.html << DESCARGA
        <a href="${ULTIMO_FECHA}/${NOMBRE}" class="btn-descarga" download>📄 ${tipo^}</a>
DESCARGA
        fi
    done
    
    cat >> /var/www/html/boletines/index2.html << 'CIERRE_ULTIMO'
      </div>
    </div>
CIERRE_ULTIMO
fi

# Sección de histórico
cat >> /var/www/html/boletines/index2.html << 'HISTORICO'
    <h2>📚 Histórico de Reportes</h2>
    <div class="historial-grid">
HISTORICO

# Listar todos los directorios de fechas (excluyendo el último ya mostrado)
CONTADOR=0
for dir in $(ls -dt /var/www/html/boletines/20*/ 2>/dev/null); do
    fecha_dir=$(basename $dir)
    
    # Saltar el primero (ya lo mostramos arriba)
    if [ $CONTADOR -eq 0 ]; then
        CONTADOR=$((CONTADOR + 1))
        continue
    fi
    
    if [ -f "${dir}index2.html" ]; then
        FECHA_FORMATEADA=$(date -d $fecha_dir +"%d/%m/%Y" 2>/dev/null || echo $fecha_dir)
        
        cat >> /var/www/html/boletines/index2.html << CARD
      <div class="reporte-card">
        <span class="fecha-badge">📅 ${FECHA_FORMATEADA}</span>
        <h3>${fecha_dir}</h3>
        <a href="${fecha_dir}/">Ver Reporte →</a>
      </div>
CARD
    fi
done

# Cerrar HTML
cat >> /var/www/html/boletines/index2.html << 'EOF'
    </div>
    
    <div class="footer">
      <p><strong>Sistema Automatizado de Procesamiento del Boletín Oficial</strong></p>
      <p>Procesamiento diario: Lunes a Viernes 8:00 AM</p>
      <p>Los archivos se procesan y comprimen automáticamente para descarga eficiente</p>
    </div>
  </div>
</body>
</html>
EOF

echo "✓ Índice principal generado en /var/www/html/boletines/index2.html"

# Copiar también al index principal de Apache
cp /var/www/html/boletines/index2.html /var/www/html/index2.html
echo "✓ Copiado a /var/www/html/index2.html"
