jQuery(document).ready(function($) {
  'use strict';

  var proofUploader, imageUploader, logoUploader;

  // Lógica para o uploader de comprovativos
  $(document).on('click', '.ksa-upload-proof-btn', function(e) {
    e.preventDefault();
    var button = $(this);
    if (proofUploader) {
      proofUploader.open();
      return;
    }

    proofUploader = wp.media({
      title: 'Anexar Comprovativo',
      button: { text: 'Usar este ficheiro' },
      multiple: false
    });

    proofUploader.on('select', function() {
      var attachment = proofUploader.state().get('selection').first().toJSON();
      button.siblings('.ksa-proof-url-field').val(attachment.url);
      button.siblings('.ksa-proof-feedback').html(
        'Ficheiro selecionado. <a href="' + attachment.url + '" target="_blank">Ver</a>'
      );
      button.text('Alterar Ficheiro');
    });

    proofUploader.open();
  });

  // Lógica para o uploader da imagem da atividade (corrigida)
  $('#ksa-upload-image-btn').on('click', function(e) {
    e.preventDefault();
    if (imageUploader) {
      imageUploader.open();
      return;
    }

    imageUploader = wp.media({
      title: 'Escolher Imagem da Atividade',
      button: { text: 'Usar esta imagem' },
      multiple: false
    });

    imageUploader.on('select', function() {
      var attachment = imageUploader.state().get('selection').first().toJSON();
      $('#ksaactivityimageid').val(attachment.id);
      var imageUrl = attachment.sizes.medium ? attachment.sizes.medium.url : attachment.url;
      $('#ksa-image-preview').html('<img src="' + imageUrl + '" style="max-width:100%;height:auto;">');
      $('#ksa-remove-image-btn').show();
    });

    imageUploader.open();
  });

  $('#ksa-remove-image-btn').on('click', function(e) {
    e.preventDefault();
    $('#ksaactivityimageid').val('');
    $('#ksa-image-preview').empty().text('Nenhuma imagem selecionada.');
    $(this).hide();
  });

  // Lógica para upload dos logos nos métodos de pagamento
  $(document).on('click', '.ksa-upload-logo-btn', function(e) {
    e.preventDefault();
    var button = $(this);
    var target = button.data('target');

    if (logoUploader) {
      logoUploader.open();
      return;
    }

    logoUploader = wp.media({
      title: 'Carregar Logo',
      button: { text: 'Usar este logo' },
      multiple: false
    });

    logoUploader.on('select', function() {
      var attachment = logoUploader.state().get('selection').first().toJSON();
      $('#ksa-' + target + '-logoid').val(attachment.id);
      var imageUrl = attachment.sizes && attachment.sizes.thumbnail ? attachment.sizes.thumbnail.url : attachment.url;
      $('#ksa-' + target + '-logo-preview').html('<img src="' + imageUrl + '" style="max-height:40px;border:1px solid #ddd;padding:5px;">');
      $('#ksa-' + target + '-remove-logo-btn').show();
    });

    logoUploader.open();
  });

  $(document).on('click', '.ksa-remove-logo-btn', function(e) {
    e.preventDefault();
    var button = $(this);
    var target = button.data('target');
    $('#ksa-' + target + '-logoid').val('');
    $('#ksa-' + target + '-logo-preview').empty();
    button.hide();
  });

  // Toggle para formulário de transação
  $(document).on('click', '.ksa-toggle-transaction-form', function(e) {
    e.preventDefault();
    $(this).closest('td').prev('td').find('.ksa-transaction-form-wrapper').slideToggle();
  });
});