<?php
// admin/panel.php
require '../db.php';

// 1. CAPTURAR LOS CRITERIOS DEL BUSCADOR Y GESTIÓN
// Si no se selecciona gestión, por defecto cargamos el año actual (2026)
$gestion_buscar = isset($_GET['q_gestion']) && $_GET['q_gestion'] !== '' ? intval($_GET['q_gestion']) : date('Y');
$texto_buscar   = isset($_GET['q_texto']) ? trim($_GET['q_texto']) : '';
$fecha_buscar   = isset($_GET['q_fecha']) ? trim($_GET['q_fecha']) : '';

// 2. CONFIGURACIÓN DE PAGINACIÓN
$cartas_por_pagina = 10; 
$limit = $cartas_por_pagina; 

$pagina_actual_env = isset($_GET['p_env']) ? intval($_GET['p_env']) : 1;
if ($pagina_actual_env < 1) $pagina_actual_env = 1;
$offset_env = ($pagina_actual_env - 1) * $limit;

$pagina_actual_rec = isset($_GET['p_rec']) ? intval($_GET['p_rec']) : 1;
if ($pagina_actual_rec < 1) $pagina_actual_rec = 1;
$offset_rec = ($pagina_actual_rec - 1) * $limit;


// 3. CONSTRUIR LAS CONDICIONES SQL DINÁMICAS (Filtrado por Gestión + Criterios)
$where_env = "WHERE c.tipo = 'enviada' AND c.estado = 1 AND c.gestion_anio = $gestion_buscar";
$where_rec = "WHERE c.tipo = 'recibida' AND c.estado = 1 AND c.gestion_anio = $gestion_buscar";

if (!empty($texto_buscar)) {
    $busqueda_segura = $conn->real_escape_string($texto_buscar);
    $where_env .= " AND (c.numero_carta LIKE '%$busqueda_segura%' OR c.descripcion LIKE '%$busqueda_segura%' OR e.nombre LIKE '%$busqueda_segura%')";
    $where_rec .= " AND (c.numero_carta LIKE '%$busqueda_segura%' OR c.descripcion LIKE '%$busqueda_segura%' OR e.nombre LIKE '%$busqueda_segura%')";
}

if (!empty($fecha_buscar)) {
    $fecha_segura = $conn->real_escape_string($fecha_buscar);
    $where_env .= " AND c.fecha_recepcion = '$fecha_segura'";
    $where_rec .= " AND c.fecha_recepcion = '$fecha_segura'";
}


// 4. CALCULAR LOS TOTALES DE PÁGINAS BASADOS EN LA BÚSQUEDA Y GESTIÓN
$conteo_env = $conn->query("SELECT COUNT(*) AS total FROM cartas c LEFT JOIN empresas e ON c.id_destinatario = e.id $where_env");
$total_cartas_env = $conteo_env->fetch_assoc()['total'];
$paginas_totales_env = ceil($total_cartas_env / $cartas_por_pagina);
if ($paginas_totales_env < 1) $paginas_totales_env = 1;

$conteo_rec = $conn->query("SELECT COUNT(*) AS total FROM cartas c LEFT JOIN empresas e ON c.id_remitente = e.id $where_rec");
$total_cartas_rec = $conteo_rec->fetch_assoc()['total'];
$paginas_totales_rec = ceil($total_cartas_rec / $cartas_por_pagina);
if ($paginas_totales_rec < 1) $paginas_totales_rec = 1;


// 5. EJECUTAR CONSULTAS ORDENADAS POR FECHA Y ID DE FORMA DESCENDENTE
$sqlEnv = "SELECT c.*, e.nombre AS empresa 
           FROM cartas c 
           LEFT JOIN empresas e ON c.id_destinatario = e.id 
           $where_env
           ORDER BY c.fecha DESC, c.id DESC 
           LIMIT $limit OFFSET $offset_env";
$resEnv = $conn->query($sqlEnv);

$sqlRec = "SELECT c.*, e.nombre AS empresa 
           FROM cartas c 
           LEFT JOIN empresas e ON c.id_remitente = e.id 
           $where_rec
           ORDER BY c.fecha DESC, c.id DESC 
           LIMIT $limit OFFSET $offset_rec";
$resRec = $conn->query($sqlRec);

// Consulta para la Papelera
$sqlPap = "SELECT c.*, e.nombre AS empresa 
           FROM cartas c 
           LEFT JOIN empresas e ON (c.id_destinatario = e.id OR c.id_remitente = e.id) 
           WHERE c.estado = 0 AND c.gestion_anio = $gestion_buscar
           ORDER BY c.id DESC";
$resDel = $conn->query($sqlPap);


// 6. EXTRAER LISTA DE GESTIONES DISPONIBLES EN LA BD
$resGestiones = $conn->query("SELECT DISTINCT gestion_anio FROM cartas ORDER BY gestion_anio DESC");

// Inicialización de la variable empresas para el formulario por si no se declaró antes
$empresas = $conn->query("SELECT id, nombre FROM empresas WHERE estado=1 ORDER BY nombre ASC");
?>

<link rel="stylesheet" href="../css/style.css">

<header>
  <h1>Panel de Administración</h1>
  <a href="../logout.php" class="logout">Cerrar sesión</a>
</header>

<div class="container">

  <div class="card card-formulario-compacto">
    <h3>Subir nueva carta</h3>
    <form action="subir.php" method="POST" enctype="multipart/form-data">

      <div class="formulario-grid">

        <div class="form-grupo">
          <label>Tipo de carta</label>
          <select name="tipo" id="tipoCarta" required>
            <option value="enviada" selected>Carta enviada</option>
            <option value="recibida">Carta recibida</option>
          </select>
        </div>

        <div class="form-grupo" id="campoPlantillasWord" style="display:none; grid-column: span 2; background: #f8fafc; padding: 15px; border-radius: 6px; border: 1px dashed #cbd5e0; margin-bottom: 10px;">
          <label style="color: #2b6cb0; font-weight: bold; margin-bottom: 2px;">📥 Modelos de Cartas Disponibles (Word):</label>
          <span style="font-size: 12px; color: #718096; margin-bottom: 10px; display:block;">
            Selecciona el modelo que necesitas, descárgalo, edítalo en tu PC y luego sube el PDF final.
          </span>

          <div style="display: flex; gap: 10px; align-items: center; width: 100%;">
            <select id="selectorPlantilla" style="flex: 1; margin-top: 0 !important; padding: 8px !important;">
              <option value="">-- Seleccione una plantilla de Word --</option>
              <option value="../plantillas/plantilla_detalle_aportes.docx">📝 Detalle de Aportes</option>
              <option value="../plantillas/plantilla_comunicado_interno.docx">📝 Comunicado Interno</option>
              <option value="../plantillas/plantilla_carta_presentacion.docx">📝 Carta de Presentación</option>
              <option value="../plantillas/plantilla_solicitud_licencia.docx">📝 Solicitud de Licencia / Permiso</option>
            </select>

            <button type="button" onclick="descargarPlantillaSeleccionada()" class="btn-reporte" style="margin-top: 0 !important; height: 38px; display: inline-flex; align-items: center; gap: 5px;">
              📥 Descargar
            </button>
          </div>
        </div>

        <div class="form-grupo" id="campoGestion" style="display:none;">
          <label>Gestión / Año</label>
          <select name="gestion" id="gestionAnio" onchange="cargarCorrelativoEnviado()">
            <option value="2026" selected>2026</option>
            <option value="2027">2027</option>
            <option value="2028">2028</option>
          </select>
        </div>

        <div class="form-grupo" style="margin-bottom: 15px;">
          <label style="font-weight: bold; display: block; margin-bottom: 5px; color: #4a5568;">Número de Carta (CITE):</label>

          <div id="contenedor-modo-numero" style="margin-bottom: 10px; display: flex; gap: 20px; align-items: center; justify-content: flex-start;">
            <label style="cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #2d3748; margin: 0;">
              <input type="radio" name="modo_numero" value="auto" checked onclick="configurarModoNumero(true)" style="margin: 0; width: auto; height: auto;"> 🤖 Automático
            </label>
            <label style="cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #2d3748; margin: 0;">
              <input type="radio" name="modo_numero" value="manual" onclick="configurarModoNumero(false)" style="margin: 0; width: auto; height: auto;"> ✍️ Manual / S_N
            </label>
          </div>

          <input type="text" id="numero_carta" name="numero_carta" value="Cargando..." readonly placeholder="Ej: 21 o S/N" style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px; background-color: #edf2f7; box-sizing: border-box; height: 38px;">
        </div>

        <div class="form-grupo" id="campoRemitente">
          <label>Remitente</label>
          <select name="id_remitente">
            <option value="">Seleccione empresa</option>
            <?php 
            $empresas->data_seek(0);
            while($e = $empresas->fetch_assoc()): 
            ?>
            <option value="<?= $e['id'] ?>"><?= $e['nombre'] ?></option>
            <?php endwhile; ?>
          </select>
        </div>

        <div class="form-grupo" id="campoDestinatario" style="display:none;">
          <label>Destinatario</label>
          <select name="id_destinatario">
            <option value="">Seleccione empresa</option>
            <?php
            $empresas2 = $conn->query("SELECT id, nombre FROM empresas WHERE estado=1 ORDER BY nombre ASC");
            while($e = $empresas2->fetch_assoc()):
            ?>
            <option value="<?= $e['id'] ?>"><?= $e['nombre'] ?></option>
            <?php endwhile; ?>
          </select>
        </div>

        <div class="form-grupo">
          <label>Fecha</label>
          <input type="date" name="fecha_recepcion" required>
        </div>

        <div class="form-grupo">
          <label>Documento PDF</label>
          <input type="file" name="pdf" accept="application/pdf" required>
        </div>

        <div class="form-grupo ancho-completo">
          <label>Descripción / Detalle</label>
          <textarea name="descripcion" placeholder="Escribe una breve descripción del asunto de la carta..."></textarea>
        </div>

      </div>

      <div class="formulario-botones">
        <button type="button" class="btn-secundario" onclick="abrirModalEmpresa()">+ Nueva empresa</button>
        <button type="submit" class="btn-principal">Subir carta</button>
      </div>

    </form>
  </div>


  <div class="tabs-contenedor" style="margin-top: 30px;">
    <div class="bandeja-herramientas">
      <span class="titulo-bandeja">Bandeja de Correspondecia</span>
      <div class="reportes-botones">
        <a href="reporte_pdf.php?tipo=recibida" target="_blank" class="btn-reporte">📊 Reporte Recibidas</a>
        <a href="reporte_pdf.php?tipo=enviada" target="_blank" class="btn-reporte">📊 Reporte Enviadas</a>
      </div>
    </div>

    <form method="GET" action="panel.php" style="margin-bottom: 20px; background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box;">
      <input type="hidden" id="tab_actual" name="tab" value="<?= htmlspecialchars($_GET['tab'] ?? 'enviadas') ?>">
      <div style="display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap;">

        <div style="width: 140px;">
          <label style="font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px; color: #4a5568;">📅 Gestión / Año:</label>
          <select name="q_gestion" style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px; font-weight: bold; background: #f7fafc; cursor: pointer; height: 38px;">
            <?php 
            $tiene_datos = false;
            while($g = $resGestiones->fetch_assoc()): 
              $tiene_datos = true;
              $selected = ($g['gestion_anio'] == $gestion_buscar) ? 'selected' : '';
            ?>
            <option value="<?= $g['gestion_anio'] ?>" <?= $selected ?>><?= $g['gestion_anio'] ?></option>
            <?php endwhile; ?>

            <?php if(!$tiene_datos || $gestion_buscar == 2026): ?>
            <option value="2026" selected>2026</option>
            <?php endif; ?>
          </select>
        </div>

        <div style="flex: 1; min-width: 220px;">
          <label style="font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px; color: #4a5568;">🔍 Buscar por Texto:</label>
          <input type="text" name="q_texto" value="<?= htmlspecialchars($texto_buscar ?? '') ?>" placeholder="Escribe el N° de carta, descripción o empresa..." style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px; height: 38px; box-sizing: border-box;">
        </div>

        <div style="width: 180px;">
          <label style="font-weight: bold; font-size: 13px; display: block; margin-bottom: 5px; color: #4a5568;">📅 Filtrar por Fecha:</label>
          <input type="date" name="q_fecha" value="<?= htmlspecialchars($fecha_buscar ?? '') ?>" style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px; height: 38px; box-sizing: border-box;">
        </div>

        <!-- <div style="display: flex; gap: 10px;">
          <button type="submit" style="padding: 8px 20px; background: #3182ce; color: white; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; height: 38px;">Filtrar</button>
          <a href="panel.php" style="text-decoration: none; padding: 8px 16px; background: #e2e8f0; color: #4a5568; border-radius: 4px; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; height: 38px; box-sizing: border-box;">
            🔄 Limpiar
          </a>
        </div> -->
        <div style="display: flex; gap: 10px; align-items: center; height: 38px;">
          <button type="submit" style="padding: 0 20px; background: #3182ce; color: white; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; height: 100%; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; font-size: 14px;">
            Filtrar
          </button>
          <a href="panel.php" style="text-decoration: none; padding: 0 16px; background: #e2e8f0; color: #4a5568; border-radius: 4px; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; height: 100%; box-sizing: border-box; border: 1px solid #cbd5e0;">
            🔄 Limpiar
          </a>
        </div>
      </div>
    </form>

    <div class="tabs-botones">
      <button id="btn-tab-enviadas" class="tab-btn activo" onclick="cambiarTab(event, 'tab-enviadas')">📤 Cartas Enviadas</button>
      <button id="btn-tab-recibidas" class="tab-btn" onclick="cambiarTab(event, 'tab-recibidas')">📥 Cartas Recibidas</button>
      <button id="btn-tab-papelera" class="tab-btn" onclick="cambiarTab(event, 'tab-papelera')">♻️ Papelera</button>
    </div>

    <div id="tab-enviadas" class="tab-contenido" style="display: block;">
      <h3>📤 Cartas Enviadas</h3>
      <table class="tabla-cartas">
        <thead>
          <tr>
            <th style="text-align: left; padding: 12px 8px;">N° Carta</th>
            <th style="text-align: left; padding: 12px 8px;">Destinatario</th>
            <th style="text-align: center; padding: 12px 8px; width: 120px;">Fecha</th>
            <th style="text-align: center; padding: 12px 8px; width: 180px;">Acciones</th>
          </tr>
        </thead>
<!-- SEGUNDA PARTE CODIGO -->
<tbody id="tbody-enviadas">
          <?php if($resEnv->num_rows > 0): ?>
          <?php while($c = $resEnv->fetch_assoc()): ?>
          <tr>
            <td style="text-align: left; padding: 12px 8px;">
              <strong><?= $c['numero_carta'] . (!empty($c['gestion_anio']) ? '/' . $c['gestion_anio'] : '') ?></strong>
            </td>
            <td style="text-align: left; padding: 12px 8px;">
              <?= !empty($c['empresa']) ? htmlspecialchars($c['empresa']) : 'Sin Empresa' ?>
            </td>
            <td style="text-align: center; padding: 12px 8px;"><?= date("d/m/Y", strtotime($c['fecha_recepcion'])) ?></td>
            <td style="text-align: center; padding: 12px 8px;">
              <div style="display: inline-flex; gap: 12px; align-items: center; justify-content: center; width: 100%;">

                <a class="btn-accion pdf" target="_blank" href="../uploads/cartas/<?= $c['archivo'] ?>"
                  style="text-decoration: none; font-size: 11px; padding: 5px 8px; background: #edf2f7; border-radius: 4px; color: #2d3748; font-weight: bold; display: inline-flex; align-items: center; gap: 4px; margin: 0; line-height: 1; height: 28px; box-sizing: border-box;">
                  📄 PDF
                </a>

                <button type="button" onclick="mostrarDetalle('<?= htmlspecialchars($c['descripcion'] ?? '-') ?>')"
                  title="Ver Detalles"
                  style="background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin: 0; width: 28px; height: 28px; transition: transform 0.1s ease;">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="#3182ce" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg>
                </button>

                <button type="button"
                  onclick="abrirModalEditar(<?= $c['id'] ?>, '<?= $c['tipo'] ?>', <?= ($c['tipo'] === 'enviada') ? $c['id_destinatario'] : $c['id_remitente'] ?>, '<?= $c['fecha_recepcion'] ?>', '<?= htmlspecialchars($c['descripcion'] ?? '', ENT_QUOTES) ?>', '<?= $c['archivo'] ?>')"
                  title="Editar Carta"
                  style="background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin: 0; width: 28px; height: 28px; transition: transform 0.1s ease;">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="#4a5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
                  </svg>
                </button>

                <form action="eliminar.php" method="POST"
                  style="margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center;"
                  onsubmit="return confirm('¿Seguro que deseas enviar esta carta a la papelera?');">
                  <input type="hidden" name="id" value="<?= $c['id'] ?>">
                  <button type="submit" title="Eliminar"
                    style="background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin: 0; width: 28px; height: 28px;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                      stroke="#e53e3e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                      <polyline points="3 6 5 6 21 6"></polyline>
                      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
                      <line x1="10" y1="11" x2="10" y2="17"></line>
                      <line x1="14" y1="11" x2="14" y2="17"></line>
                    </svg>
                  </button>
                </form>
              </div>
            </td>
          </tr>
          <?php endwhile; ?>
          <?php else: ?>
          <tr>
            <td colspan="4" style="text-align: center; padding: 12px 8px;">No hay cartas enviadas.</td>
          </tr>
          <?php endif; ?>
        </tbody>
      </table>
      <div class="paginacion">
        <?php for($i=1; $i<=$paginas_totales_env; $i++): ?>
        <a href="panel.php?p_env=<?= $i ?>&q_gestion=<?= $gestion_buscar ?>&q_texto=<?= urlencode($texto_buscar) ?>&q_fecha=<?= urlencode($fecha_buscar) ?>"
          class="pag-link <?= $i == $pagina_actual_env ? 'activo' : '' ?>"><?= $i ?></a>
        <?php endfor; ?>
      </div>
    </div>

    <div id="tab-recibidas" class="tab-contenido" style="display: none;">
      <h3>📥 Cartas Recibidas</h3>
      <table class="tabla-cartas">
        <thead>
          <tr>
            <th style="text-align: left; padding: 12px 8px;">N° Carta</th>
            <th style="text-align: left; padding: 12px 8px;">Remitente</th>
            <th style="text-align: center; padding: 12px 8px; width: 120px;">Fecha</th>
            <th style="text-align: center; padding: 12px 8px; width: 180px;">Acciones</th>
          </tr>
        </thead>
        <tbody id="tbody-recibidas">
          <?php if($resRec->num_rows > 0): ?>
          <?php while($c = $resRec->fetch_assoc()): ?>
          <tr>
            <td style="text-align: left; padding: 12px 8px;"><strong><?= $c['numero_carta'] ?></strong></td>
            <td style="text-align: left; padding: 12px 8px;">
              <?= !empty($c['empresa']) ? htmlspecialchars($c['empresa']) : 'Sin Empresa' ?>
            </td>
            <td style="text-align: center; padding: 12px 8px;"><?= date("d/m/Y", strtotime($c['fecha_recepcion'])) ?></td>
            <td style="text-align: center; padding: 12px 8px;">
              <div style="display: inline-flex; gap: 12px; align-items: center; justify-content: center; width: 100%;">

                <a class="btn-accion pdf" target="_blank" href="../uploads/cartas/<?= $c['archivo'] ?>"
                  style="text-decoration: none; font-size: 11px; padding: 5px 8px; background: #edf2f7; border-radius: 4px; color: #2d3748; font-weight: bold; display: inline-flex; align-items: center; gap: 4px; margin: 0; line-height: 1; height: 28px; box-sizing: border-box;">
                  📄 PDF
                </a>

                <button type="button" onclick="mostrarDetalle('<?= htmlspecialchars($c['descripcion'] ?? '-') ?>')"
                  title="Ver Detalles"
                  style="background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="#3182ce" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                    <circle cx="12" cy="12" r="3"></circle>
                  </svg>
                </button>

                <button type="button"
                  onclick="abrirModalEditar(<?= $c['id'] ?>, '<?= $c['tipo'] ?>', <?= ($c['tipo'] === 'enviada') ? $c['id_destinatario'] : $c['id_remitente'] ?>, '<?= $c['fecha_recepcion'] ?>', '<?= htmlspecialchars($c['descripcion'] ?? '', ENT_QUOTES) ?>', '<?= $c['archivo'] ?>')"
                  title="Editar Carta"
                  style="background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px;">
                  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                    stroke="#4a5568" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
                    <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
                  </svg>
                </button>

                <form action="eliminar.php" method="POST"
                  style="margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center;"
                  onsubmit="return confirm('¿Seguro que deseas enviar esta carta a la papelera?');">
                  <input type="hidden" name="id" value="<?= $c['id'] ?>">
                  <button type="submit" title="Eliminar"
                    style="background: none; border: none; padding: 4px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin: 0; width: 28px; height: 28px;">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
                      stroke="#e53e3e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                      <polyline points="3 6 5 6 21 6"></polyline>
                      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
                      <line x1="10" y1="11" x2="10" y2="17"></line>
                      <line x1="14" y1="11" x2="14" y2="17"></line>
                    </svg>
                  </button>
                </form>
              </div>
            </td>
          </tr>
          <?php endwhile; ?>
          <?php else: ?>
          <tr>
            <td colspan="4" style="text-align: center; padding: 12px 8px;">No hay cartas recibidas.</td>
          </tr>
          <?php endif; ?>
        </tbody>
      </table>
      <div class="paginacion">
        <?php for($i=1; $i<=$paginas_totales_rec; $i++): ?>
        <a href="panel.php?p_rec=<?= $i ?>&q_gestion=<?= $gestion_buscar ?>&q_texto=<?= urlencode($texto_buscar) ?>&q_fecha=<?= urlencode($fecha_buscar) ?>"
          class="pag-link <?= $i == $pagina_actual_rec ? 'activo' : '' ?>"><?= $i ?></a>
        <?php endfor; ?>
      </div>
    </div>
<!-- TERCERA PARTE CODIGO -->
<div id="tab-papelera" class="tab-contenido" style="display: none;">
      <h3>♻️ Papelera</h3>
      <table class="tabla-cartas">
        <thead>
          <tr>
            <th style="text-align: left; padding: 12px 8px;">N° Carta</th>
            <th style="text-align: left; padding: 12px 8px;">Tipo</th>
            <th style="text-align: center; padding: 12px 8px; width: 120px;">Fecha</th>
            <th style="text-align: center; padding: 12px 8px; width: 180px;">Acciones</th>
          </tr>
        </thead>
        <tbody id="tbody-papelera">
          <?php if($resDel && $resDel->num_rows > 0): ?>
          <?php while($c = $resDel->fetch_assoc()): ?>
          <tr>
            <td style="text-align: left; padding: 12px 8px;">
              <strong><?= $c['numero_carta'] . ($c['tipo'] == 'enviada' && !empty($c['gestion_anio']) ? '/' . $c['gestion_anio'] : '') ?></strong>
            </td>
            <td style="text-align: left; padding: 12px 8px;">
              <span class="badge <?= $c['tipo'] ?>"><?= ucfirst($c['tipo']) ?></span>
            </td>
            <td style="text-align: center; padding: 12px 8px;"><?= date("d/m/Y", strtotime($c['fecha_recepcion'])) ?></td>
            <td style="text-align: center; padding: 12px 8px;">
              <div style="display: inline-flex; gap: 12px; align-items: center; justify-content: center; width: 100%;">
                
                <a class="btn-accion pdf" target="_blank" href="../uploads/cartas/<?= $c['archivo'] ?>"
                  style="text-decoration: none; font-size: 11px; padding: 5px 8px; background: #edf2f7; border-radius: 4px; color: #2d3748; font-weight: bold; display: inline-flex; align-items: center; gap: 4px; margin: 0; line-height: 1; height: 28px; box-sizing: border-box;">
                  📄 PDF
                </a>
                
                <form action="restaurar.php" method="POST" style="margin: 0; padding: 0; display: inline-flex;">
                  <input type="hidden" name="id" value="<?= $c['id'] ?>">
                  <button class="btn-accion restaurar"
                    style="font-size: 11px; padding: 5px 8px; background: #cbd5e0; border-radius: 4px; color: #2d3748; font-weight: bold; border: none; cursor: pointer; height: 28px; display: inline-flex; align-items: center; box-sizing: border-box;">
                    🔄 Restaurar
                  </button>
                </form>
                
              </div>
            </td>
          </tr>
          <?php endwhile; ?>
          <?php else: ?>
          <tr>
            <td colspan="4" style="text-align: center; padding: 12px 8px;">La papelera está vacía.</td>
          </tr>
          <?php endif; ?>
        </tbody>
      </table>
    </div>
  </div>

  <div id="modalDetalle" class="modal" style="display:none;">
    <div class="modal-content">
      <h3>Descripción Completa de la Carta</h3>
      <p id="textoDetalle" style="white-space: pre-wrap; background: #f9f9f9; padding: 15px; border-radius: 5px; border: 1px solid #ddd;"></p>
      <button onclick="cerrarModalDetalle()" style="margin-top:10px;">Cerrar</button>
    </div>
  </div>

  <div id="modalEditarCarta" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); align-items: center; justify-content: center;">
    <div style="background: white; padding: 25px; border-radius: 8px; width: 100%; max-width: 500px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); box-sizing: border-box;">

      <h3 style="margin-top: 0; color: #2b6cb0;">✏️ Editar Información de la Carta</h3>
      <hr style="border: 0; border-top: 1px solid #e2e8f0; margin-bottom: 15px;">

      <form action="actualizar_carta.php" method="POST" enctype="multipart/form-data">
        <input type="hidden" id="id_editar" name="id_editar">
        <input type="hidden" id="tipo_carta_editar" name="tipo_carta_editar">

        <div style="margin-bottom: 15px;">
          <label id="label_empresa_editar" style="font-weight: bold; font-size: 14px; display:block; margin-bottom: 5px;">Empresa:</label>
          <select name="empresa_editar" id="empresa_editar" style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px;" required>
            <?php 
            if ($empresas) {
                $empresas->data_seek(0);
                while($e = $empresas->fetch_assoc()): 
                ?>
                <option value="<?= $e['id'] ?>"><?= htmlspecialchars($e['nombre']) ?></option>
                <?php 
                endwhile;
            }
            ?>
          </select>
        </div>

        <div style="margin-bottom: 15px;">
          <label style="font-weight: bold; font-size: 14px; display:block; margin-bottom: 5px;">Fecha:</label>
          <input type="date" name="fecha_editar" id="fecha_editar" style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px;" required>
        </div>

        <div style="margin-bottom: 15px;">
          <label style="font-weight: bold; font-size: 14px; display:block; margin-bottom: 5px;">Asunto / Detalle:</label>
          <textarea name="descripcion_editar" id="descripcion_editar" rows="3" style="width: 100%; padding: 8px; border: 1px solid #cbd5e0; border-radius: 4px; resize: vertical;" required></textarea>
        </div>

        <div style="margin-bottom: 20px; background: #f7fafc; padding: 10px; border-radius: 4px; border: 1px dashed #cbd5e0;">
          <label style="font-weight: bold; font-size: 14px; display:block; margin-bottom: 2px;">📄 Archivo PDF adjunto:</label>
          <span id="texto_pdf_actual" style="font-size: 12px; color: #4a5568; display:block; margin-bottom: 8px; font-style: italic;">Nombre_actual.pdf</span>

          <label style="font-size: 12px; font-weight: bold; color: #2b6cb0; display:block; margin-bottom: 4px;">¿Reemplazar PDF? (Opcional):</label>
          <input type="file" name="pdf_editar" accept="application/pdf" style="font-size: 13px;">
        </div>

        <div style="display: flex; justify-content: flex-end; gap: 10px;">
          <button type="button" onclick="cerrarModalEditar()" style="padding: 8px 16px; background: #e2e8f0; border:0; border-radius: 4px; cursor: pointer; font-weight: bold; color: #4a5568;">Cancelar</button>
          <button type="submit" style="padding: 8px 16px; background: #3182ce; border:0; border-radius: 4px; cursor: pointer; font-weight: bold; color: white;">💾 Guardar Cambios</button>
        </div>
      </form>

    </div>
  </div>
</div>

<script src="panel.js"></script>
