{% extends 'menu/menu.html' %}
{% load static %}

{% block title %}
Centro de Apoyo - Nexus
{% endblock %}

{% block body %}
<!-- Contenedor principal: ocupa al menos el 80% de la altura de la pantalla para centrar verticalmente -->
<div class="container d-flex flex-column justify-content-center align-items-center" style="min-height: 80vh;">
  <!-- Tarjeta centrada con un ancho máximo para el formulario -->
  <div class="card shadow-sm w-100" style="max-width: 600px;">
    <div class="card-body p-4">
      <!-- Encabezado del Centro de Apoyo -->
      <h2 class="text-center mb-3">Centro de Apoyo - Nexus</h2>
      <p class="text-center text-muted">
        ¿Tienes algún problema o duda? Completa el siguiente formulario y te ayudaremos.
      </p>

      <!-- Formulario de contacto -->
      <form id="contactForm" action="{% url 'enviar_mensaje_contacto' %}" method="POST">
        {% csrf_token %}
        <div class="mb-3">
          <label for="nombre" class="form-label fw-bold">Nombre completo</label>
          <input type="text" id="nombre" name="nombre_completo" class="form-control" required />
        </div>

        <div class="mb-3">
          <label for="email" class="form-label fw-bold">Correo electrónico</label>
          <input type="email" id="email" name="correo_electronico" class="form-control" required />
        </div>

        <div class="mb-3">
          <label for="tipo" class="form-label fw-bold">Tipo de problema</label>
          <select id="tipo" name="tipo_problema" class="form-select" required>
            <option value="" disabled selected>Seleccione un problema...</option>
            <option value="cuenta_comprometida">Cuenta comprometida</option>
            <option value="contenido_inapropiado">Contenido inapropiado</option>
            <option value="reporte_csam">Reporte CSAM (contenido de abuso infantil)</option>
            <option value="problemas_compras_ventas">Problemas con compras o ventas</option>
            <option value="otros">Otros</option>
          </select>
        </div>

        <div class="mb-3">
          <label for="mensaje" class="form-label fw-bold">Mensaje</label>
          <textarea id="mensaje" name="mensaje" class="form-control" rows="4" required></textarea>
        </div>

        <div class="text-center">
          <button type="submit" class="btn btn-primary px-4">
            Enviar
          </button>
        </div>
      </form>

      <hr class="my-4" />

      <!-- Enlace para abrir la Política EASI en un modal -->
      <div class="text-center">
        <a href="#" class="text-decoration-none" data-bs-toggle="modal" data-bs-target="#politicaModal">
          Ver Política EASI
        </a>
      </div>
    </div> <!-- Fin card-body -->
  </div> <!-- Fin card -->
</div> <!-- Fin container -->

<!-- Modal con la Política EASI -->
<div class="modal fade" id="politicaModal" tabindex="-1" aria-labelledby="politicaModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-scrollable">
    <div class="modal-content">
      <!-- Encabezado del Modal -->
      <div class="modal-header">
        <h5 class="modal-title" id="politicaModalLabel">
          Política contra la Explotación y Abuso Sexual Infantil (EASI)
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>
      <!-- Cuerpo del Modal: texto de la política -->
      <div class="modal-body">
        <!-- (Aquí se incluye el contenido de tu política tal como lo definiste) -->
        <section>
            <h2>II. Alcance y Definiciones</h2>
            <p>Esta política cubre toda clase de contenidos en <strong>NEXUS DATA MASTER</strong>: descripciones, fotos, videos, anuncios, comentarios o mensajes. Conforme a la legislación nacional:</p>
            <ul>
              <li><strong>Menor de edad</strong>: Persona menor de 18 años.</li>
              <li><strong>Explotación Sexual Infantil</strong>: Uso de un menor para actividades sexuales a cambio de beneficios (dinero o especie), incluyendo prostitución y pornografía.</li>
              <li><strong>Abuso Sexual Infantil</strong>: Cualquier acto sexual contra un menor por un adulto o persona con mayor poder, sin consentimiento válido.</li>
              <li><strong>Material de Abuso Sexual Infantil (CSAM)</strong>: Representaciones, imágenes, videos o textos sexualmente explícitos de menores.</li>
              <li><strong>Grooming</strong>: Acercamiento o acoso sexual en línea a menores, con el fin de abusar u obtener material sexual.</li>
            </ul>
          </section>
      
          <section>
            <h2>III. Prohibiciones y Responsabilidades del Usuario</h2>
            <p>Está terminantemente prohibido:</p>
            <ul>
              <li>Publicar o compartir contenido sexual de menores: Fotos, videos, dibujos o cualquier material que exhiba a menores de 18 años en conductas sexualizadas.</li>
              <li>Solicitar o promover actos sexuales con menores: Anuncios, ofertas o solicitudes que involucren a niños o adolescentes con fines sexuales.</li>
              <li>Acoso o explotación (grooming): Uso de chat u otros medios en la plataforma para pedir fotos, datos íntimos o proponer encuentros con menores.</li>
              <li>Normalizar o justificar el abuso: Cualquier comentario que promueva, apoye o trivialice la explotación sexual infantil.</li>
              <li>Revelar datos personales de víctimas menores: Sin autorización legal, no se pueden divulgar nombres o imágenes de menores supuestamente víctimas.</li>
            </ul>
            <p>
              Los usuarios se obligan a cumplir estas normas, y cualquier infracción da lugar al retiro inmediato del contenido, suspensión o eliminación de la cuenta y notificación a las autoridades.
            </p>
          </section>
      
          <section>
            <h2>IV. Cumplimiento Legal en Honduras</h2>
            <p>
              <strong>NEXUS DATA MASTER</strong> se acoge a la legislación hondureña que castiga duramente la producción, difusión o posesión de pornografía infantil, así como el abuso o 
              explotación sexual de menores. El nuevo Código Penal, el Código de la Niñez y Adolescencia y diversos tratados internacionales ratificados por Honduras sustentan la persecución 
              de estos delitos, con penas que pueden llegar hasta 20 años de prisión. Asimismo, el grooming se considera un delito informático con sanciones de hasta 5 años de cárcel.
            </p>
          </section>
      
          <section>
            <h2>V. Buenas Prácticas de Prevención</h2>
            <p>
              Para cumplir con las disposiciones legales y proteger a los menores, <strong>[Nombre de la Plataforma]</strong>:
            </p>
            <ul>
              <li>Modera activamente el contenido publicado, bloqueando de inmediato aquel que evidencie posible EASI.</li>
              <li>Verifica la edad de usuarios solicitando información mínima e inhabilitando cuentas de presuntos menores sin supervisión adulta.</li>
              <li>Capacita a su personal en la identificación de casos de explotación sexual infantil.</li>
              <li>Colabora con organizaciones de protección infantil y autoridades cuando corresponda.</li>
            </ul>
          </section>
      
          <section>
            <h2>VI. Procedimiento Simplificado de Denuncias y Gestión de Reportes</h2>
            <p>Habilitamos un sistema básico y accesible para denunciar sospechas de abuso infantil:</p>
            <ol>
              <li><strong>Canal de Denuncia Rápida:</strong> Cada publicación o perfil incluye la opción “Denunciar”. Existe un formulario o correo para reportes urgentes.</li>
              <li><strong>Revisión Inmediata:</strong> Un moderador revisa las denuncias lo antes posible, preferentemente dentro de 24 horas. Si hay indicios de abuso, se retira el contenido y se suspende la cuenta involucrada.</li>
              <li><strong>Confirmación y Acciones:</strong> Se aplica una suspensión definitiva si se comprueba la infracción. En casos graves (pornografía infantil, propuestas sexuales a un menor), notificamos a las autoridades competentes.</li>
              <li><strong>Notificación a las Autoridades:</strong> Cuando la denuncia involucre material de abuso infantil o actos graves, <strong>NEXUS DATA MASTER</strong> cooperará con las autoridades, informando sobre la cuenta y el contenido infractor.</li>
            </ol>
            <p>
              Este procedimiento es intencionalmente sencillo, asegurando una reacción rápida ante comportamientos de alto riesgo sin requerir infraestructuras avanzadas.
            </p>
          </section>
      
          <section>
            <h2>VII. Lenguaje Legal y Formal de la Política</h2>
            <p>
              A fin de dotar a la política de validez jurídica, <strong>NEXUS DATA MASTER</strong> utiliza términos legales precisos, siguiendo la normativa hondureña y la terminología 
              reconocida en convenios internacionales. En los Términos y Condiciones se incluirán cláusulas específicas de prohibición, cooperación legal y responsabilidad del usuario, 
              indicando que cualquier acto de explotación infantil será sancionado con el cierre inmediato de la cuenta y denunciado ante las autoridades.
            </p>
          </section>
      
          <section>
            <h2>VIII. Conclusión</h2>
            <p>
              La presente Política EASI busca proteger a los menores que pudieran verse afectados en <strong>NEXUS DATA MASTER</strong>. Mediante una estructura básica de denuncias 
              y una moderación activa, garantizamos el cumplimiento legal y reafirmamos nuestro compromiso con la niñez hondureña. 
              Invitamos a todos los usuarios a denunciar cualquier contenido o comportamiento sospechoso para mantener la plataforma segura, confiable y libre de abuso sexual infantil.
            </p>
          </section>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block scripts %}
<script>
  // Usando jQuery para interceptar el envío del formulario
  $(document).ready(function() {
    $("#contactForm").on("submit", function(e) {
      e.preventDefault(); // Evitar el envío normal
      var form = $(this);
      var url = form.attr("action");
      var formData = form.serialize();
      
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        success: function(response) {
          if(response.success) {
            Swal.fire({
              icon: "success",
              title: "¡Mensaje enviado!",
              text: response.message,
              confirmButtonText: "Aceptar"
            }).then(() => {
              // Opcional: limpiar el formulario o redirigir
              form[0].reset();
            });
          } else {
            Swal.fire({
              icon: "error",
              title: "Error",
              text: response.error || "Ha ocurrido un error inesperado."
            });
          }
        },
        error: function(xhr, status, error) {
          Swal.fire({
            icon: "error",
            title: "Error",
            text: "No se pudo enviar el mensaje. Inténtalo de nuevo."
          });
        }
      });
    });
  });
</script>
{% endblock %}