<?php 
require_once 'config.php';
include 'header.php'; 
?>

<style>
  .documentos-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 30px;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: 8px;
  }
  
  .categoria-documentos {
    margin-bottom: 40px;
  }
  
  .categoria-documentos h2 {
    color: #1976d2;
    padding: 15px 20px;
    background: #f5f9fc;
    border-left: 5px solid #1976d2;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  
  .documentos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 20px;
  }
  
  .documento-card {
    background: white;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s;
    border: 2px solid transparent;
  }
  
  .documento-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-color: #1976d2;
  }
  
  .documento-icono {
    font-size: 3em;
    margin-bottom: 15px;
    text-align: center;
  }
  
  .documento-titulo {
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    font-size: 1.1em;
    min-height: 50px;
  }
  
  .documento-descripcion {
    color: #666;
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 15px;
  }
  
  .documento-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
    font-size: 0.85em;
    color: #999;
  }
  
  .btn-descargar {
    background: linear-gradient(135deg, #1976d2 0%, #0288d1 100%);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s;
    text-align: center;
  }
  
  .btn-descargar:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);
  }
  
  .badge-nuevo {
    background: #ff9800;
    color: white;
    font-size: 0.7em;
    padding: 3px 8px;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .badge-destacado {
    background: #4caf50;
    color: white;
    font-size: 0.7em;
    padding: 3px 8px;
    border-radius: 3px;
    font-weight: 700;
    text-transform: uppercase;
  }
  
  .aviso-subida {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 30px;
  }
</style>

<div class="documentos-header">
  <h1>📚 Biblioteca de Documentos</h1>
  <p style="color: #666; font-size: 1.1em; max-width: 700px; margin: 15px auto 0;">
    Accede a reglamentos, formularios, informes y documentación oficial del SSR La Aguada
  </p>
</div>

<!-- Aviso para administradores -->
<div class="aviso-subida">
  <strong>ℹ️ Para Administradores:</strong> Para agregar nuevos documentos, sube los archivos PDF a la carpeta 
  <code>/documentos/</code> del servidor y actualiza esta página agregando las referencias correspondientes.
</div>

<!-- CATEGORÍA 1: Normativa y Regulación -->
<div class="categoria-documentos">
  <h2>📜 Normativa y Regulación</h2>
  <div class="documentos-grid">
    
    <div class="documento-card">
      <div class="documento-icono">⚖️</div>
      <div class="documento-titulo">
        Ley 20.998 - Servicios Sanitarios Rurales
        <span class="badge-destacado">Destacado</span>
      </div>
      <div class="documento-descripcion">
        Regula la prestación de servicios sanitarios rurales. Normativa completa sobre derechos, deberes y estándares de calidad.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 2.8 MB</span>
        <span>Actualizado 2024</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="https://ssr.mop.gob.cl/ley-20-998/" class="btn-descargar" download>
          ⬇️ Ir a Ley 20.998
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">📋</div>
      <div class="documento-titulo">
        Reglamento 50
      </div>
      <div class="documento-descripcion">
        Reglamento actualizado de servicios sanitarios rurales.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 1.2 MB</span>
        <span>Versión 2024</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/reglamento-50.pdf" class="btn-descargar" download>
          ⬇️ Descargar Reglamento
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">🏛️</div>
      <div class="documento-titulo">
        Manuales Subdireccion SSRs
      </div>
      <div class="documento-descripcion">
        Acceso a Manuales Oficiales Comunitarios y de Proyectos.
      </div>
      <div class="documento-meta">
        <span>📄 Vinculo Web</span>
        <span>MOP 2025</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="https://ssr.mop.gob.cl/manuales/" class="btn-descargar" download>
            
          ⬇️ Acceso a Documentos Oficiales
        </a>
      </div>
    </div>
    
  </div>
</div>

<!-- CATEGORÍA 2: Formularios y Solicitudes -->
<div class="categoria-documentos">
  <h2>📝 Formularios y Solicitudes</h2>
  <div class="documentos-grid">
    
    <div class="documento-card">
      <div class="documento-icono">📝</div>
      <div class="documento-titulo">
        Solicitud de Nuevo Arranque
      </div>
      <div class="documento-descripcion">
        Formulario para solicitar conexión a la red de agua potable. Incluye requisitos y documentación necesaria.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 450 KB</span>
        <span>Editable</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/solicitud-arranque.pdf" class="btn-descargar" download>
          ⬇️ Descargar Formulario
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">⚠️</div>
      <div class="documento-titulo">
        Formulario de Reclamo
      </div>
      <div class="documento-descripcion">
        Formulario oficial para presentar reclamos ante el SSR. Formato SISS para garantías del usuario.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 380 KB</span>
        <span>SISS 2024</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/formulario-reclamo.pdf" class="btn-descargar" download>
          ⬇️ Descargar Formulario
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">💰</div>
      <div class="documento-titulo">
        Solicitud de Convenio de Pago
      </div>
      <div class="documento-descripcion">
        Para solicitar facilidades de pago en caso de deuda acumulada.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 320 KB</span>
        <span>Editable</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/convenio-pago.pdf" class="btn-descargar" download>
          ⬇️ Descargar Formulario
        </a>
      </div>
    </div>
    
  </div>
</div>

<!-- CATEGORÍA 3: Informes y Transparencia -->
<div class="categoria-documentos">
  <h2>📊 Informes y Transparencia</h2>
  <div class="documentos-grid">
    
    <div class="documento-card">
      <div class="documento-icono">📊</div>
      <div class="documento-titulo">
        Memoria Anual 2024
        <span class="badge-nuevo">Nuevo</span>
      </div>
      <div class="documento-descripcion">
        Informe completo de actividades, proyectos realizados y estados financieros del año 2024.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 3.5 MB</span>
        <span>Enero 2025</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/memoria-anual-2024.pdf" class="btn-descargar" download>
          ⬇️ Descargar Memoria
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">💧</div>
      <div class="documento-titulo">
        Guía del Portal de Transparencia
        <span class="badge-destacado">Destacado</span>
      </div>
      <div class="documento-descripcion">
        Tutorial paso a paso para usar el portal de transparencia del SSR. Acceso a información pública y rendiciones.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 1.8 MB</span>
        <span>Actualizado 2025</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/guia-portal-transparencia.pdf" class="btn-descargar" download>
          ⬇️ Descargar Guía
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">🧪</div>
      <div class="documento-titulo">
        Análisis de Calidad del Agua 2024
      </div>
      <div class="documento-descripcion">
        Resultados de análisis físico-químicos y bacteriológicos del agua potable. Certificado por laboratorio autorizado.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 950 KB</span>
        <span>Dic 2024</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/analisis-agua-2024.pdf" class="btn-descargar" download>
          ⬇️ Descargar Análisis
        </a>
      </div>
    </div>
    
  </div>
</div>

<!-- CATEGORÍA 4: Información Técnica -->
<div class="categoria-documentos">
  <h2>🔧 Información Técnica</h2>
  <div class="documentos-grid">
    
    <div class="documento-card">
      <div class="documento-icono">📐</div>
      <div class="documento-titulo">
        Plano de Red de Distribución
      </div>
      <div class="documento-descripcion">
        Plano técnico actualizado de la red de distribución de agua potable por sectores.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 2.1 MB</span>
        <span>Alta resolución</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/plano-red.pdf" class="btn-descargar" download>
          ⬇️ Descargar Plano
        </a>
      </div>
    </div>
    
    <div class="documento-card">
      <div class="documento-icono">💧</div>
      <div class="documento-titulo">
        Manual de Uso Responsable del Agua
      </div>
      <div class="documento-descripcion">
        Consejos prácticos para el ahorro y uso eficiente del agua en el hogar.
      </div>
      <div class="documento-meta">
        <span>📄 PDF • 780 KB</span>
        <span>Ilustrado</span>
      </div>
      <div style="margin-top: 15px;">
        <a href="documentos/manual-uso-responsable.pdf" class="btn-descargar" download>
          ⬇️ Descargar Manual
        </a>
      </div>
    </div>
    
  </div>
</div>

<!-- Información adicional -->
<section style="background: #e3f2fd; border-left: 5px solid #1976d2; margin-top: 40px; padding: 25px; border-radius: 4px;">
  <h3 style="color: #1976d2; margin-bottom: 15px;">💡 ¿No encuentras lo que buscas?</h3>
  <p style="color: #555; margin-bottom: 15px;">
    Si necesitas algún documento específico que no esté disponible aquí, 
    puedes solicitarlo a través de nuestros canales de atención:
  </p>
  <div style="display: flex; gap: 15px; flex-wrap: wrap;">
    <a href="contacto.php" style="background: #1976d2; color: white; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600;">
      📧 Formulario de Contacto
    </a>
    <a href="tel:+56994500046" style="background: #4caf50; color: white; padding: 10px 20px; border-radius: 25px; text-decoration: none; font-weight: 600;">
      📞 Llamar: +56 9 9450 0046
    </a>
  </div>
</section>

<?php include 'footer.php'; ?>
