$(document).ready(function() {
    $("#filtros button").click(function() {
      $("#filtros button").removeClass("active");
      $(this).addClass("active");
      var filtro = $(this).data("filtro");
      if (filtro === "todos") {
        $(".card-op").show();
      } else {
        $(".card-op").hide();
        $(".card-op[data-categoria='" + filtro + "']").show();
      }
    });
});
$(document).on('click', '.ver-fotos-btn', function () {
    let fotosRaw = $(this).attr('data-fotos');

    try {
        let fotos = JSON.parse(fotosRaw);
        const galeria = $('#galeriaFotos');
        galeria.empty();

        if (fotos.length === 0) {
            galeria.append('<p class="text-muted">No hay fotos disponibles.</p>');
            return;
        }

        fotos.forEach(function (fotoUrl) {
            galeria.append(`
                <div class="col-6 col-md-4">
                    <img src="${fotoUrl}" class="img-fluid rounded shadow-sm modal-galeria-img" style="object-fit:cover; width:100%; height:150px;" alt="Foto">
                </div>
            `);
        });
    } catch (error) {
        console.error("Error parsing fotos JSON:", error, fotosRaw);
        $('#galeriaFotos').html('<p class="text-danger">Ocurrió un error al cargar las fotos.</p>');
    }
});
// Mostrar imagen ampliada
$(document).on("click", ".modal-galeria-img", function () {
    const src = $(this).attr("src");
    $("#imagenAmpliada").attr("src", src);
    $("#imagenAmpliadaContainer").removeClass("d-none");
});

// Cerrar imagen ampliada al hacer clic fuera de ella
$("#imagenAmpliadaContainer").on("click", function (e) {
    if (e.target.id === "imagenAmpliadaContainer") {
        $(this).addClass("d-none");
        $("#imagenAmpliada").attr("src", "");
    }
});

$(document).on('click', '.btn-recarga-gratis', function (e) {
    e.preventDefault();
    const usuarioID = $('#uId').val();
  
  if (!usuarioID) {
      mostrarAlerta('Debes iniciar sesión para recargar.');
      return;
    }
  
    $.post('/cfc/ajax/ajax_conexiones.cfc?method=recargaBetaGratis', { usuario_id: usuarioID }, function (response) {
      if (response.success) {
        Swal.fire({
          icon: 'success',
          title: 'Conexiones Recargadas',
          text: 'Tu cuenta fue recargada con 10 conexiones. Ya podés enviar tu oferta.',
          confirmButtonText: 'Continuar'
        }).then(() => {
          location.reload();
        });
      } else {
        Swal.fire({
          icon: 'error',
          title: 'Error',
          text: response.mensaje || 'No se pudo realizar la recarga. Intentá más tarde.',
        });
      }
    }, 'json');
  });