if (window.$ === undefined) {
  // 如果$未定义或不可用，将jQuery赋值给$
  window.$ = jQuery;
}
$(function () {
  // 隐藏对应的列表信息（做了两个列表）
  if ($(window).width() < 768) {
    // $('.mb_fbl_content').hide();
    $(`.mb_fbl_content[data-id="0"]`).show()
  } else {
    $('.fbl_content').hide();
    $(`.fbl_content[data-id="0"]`).show()
  }

  // 判断本地是否有 获取的分类
  if (localStorage.getItem('INDEX_LUNTAN')) {
    // 使用 jQuery 的 each() 方法遍历元素
    let index = localStorage.getItem('INDEX_LUNTAN')
    $('.fbltl_item').each(function () {
      // 使用 $(this) 获取当前元素的 jQuery 对象
      if ($(this).data('id') == index) {
        $(this).addClass("fbltl_item_act");
        $(this).siblings().removeClass("fbltl_item_act");
        // if ($(window).width() < 768) {
        //   $('.mb_fbl_content').hide();
        //   $(`.mb_fbl_content[data-id="${index}"]`).show()
        // } else {
        //   $('.fbl_content').hide();
        //   $(`.fbl_content[data-id="${index}"]`).show()
        // }
      }
    });

    $('.fbr_other .ot_item').each(function () {
      // 使用 $(this) 获取当前元素的 jQuery 对象
      if ($(this).data('id') == index) {
        // 移除其他同级元素的激活类
        $('.ot_item_act').removeClass("ot_item_act");
        // 给当前点击的元素添加激活类
        $(this).addClass("ot_item_act");
      }
    });


  }
  // 为所有分类项绑定点击事件
  $(".fbltl_item").click(function () {
    // 获取当前点击元素的下标（从0开始）
    const index = $(this).data('id');
    localStorage.setItem('INDEX_LUNTAN', index)
    console.log('点击分类', $(this).data('id'));
    // 给当前点击的元素添加激活类
    $(this).addClass("fbltl_item_act");
    // 移除其他同级元素的激活类
    $(this).siblings().removeClass("fbltl_item_act");


    // 其他分类板块也需要显示
    $('.fbr_other .ot_item').each(function () {
      // 使用 $(this) 获取当前元素的 jQuery 对象
      if ($(this).data('id') == index) {
        // 移除其他同级元素的激活类
        $('.ot_item_act').removeClass("ot_item_act");
        // 给当前点击的元素添加激活类
        $(this).addClass("ot_item_act");
      }
    });

    // 隐藏所有的列表
    // $('.mb_fbl_content').hide();
    $('.fbl_content').hide();
    // 仅展示当前下标
    $(`.fbl_content[data-id="${index}"]`).show()
    if ($(window).width() < 768) {
      // $('.mb_fbl_content').hide();
      $(`.mb_fbl_content[data-id="${index}"]`).show()
    } else {
      $('.fbl_content').hide();
      $(`.fbl_content[data-id="${index}"]`).show()
    }

  });

  // 控制弹窗的显示和隐藏
  $('.close-btn, .dialog-footer .btn-cancel').click(function () {
    $('.fbDialogBox').css({
      'opacity': '0',
      'z-index': '-999'
    });
    $('#fbOverlay').fadeOut(200);
  });
  // 手机
  $(".mb_fbBtn").click(function () {
    $('.fbDialogBox').css({
      'width': '90%',
      'opacity': '1',
      'z-index': '9999'
    });
    // 如果遮罩层不存在，则创建
    if ($('#fbOverlay').length === 0) {
      $('body').append('<div id="fbOverlay"></div>');
      $('#fbOverlay').css({
        'position': 'fixed',
        'top': 0,
        'left': 0,
        'width': '100%',
        'height': '100%',
        'background': 'rgba(0,0,0,0.5)',
        'z-index': '9998', // 遮罩层层级比弹窗低
        'display': 'none'
      });
    }

    // 显示遮罩层和弹窗
    $('#fbOverlay').fadeIn(200);
    $('.fbDialogBox').css({
      'opacity': '1',
      'z-index': '9999'
    });

    // 点击遮罩层关闭弹窗
    $('#fbOverlay').click(function () {
      $('.fbDialogBox').css({
        'opacity': '0',
        'z-index': '-1'
      });
      $('#fbOverlay').fadeOut(200);
    });

  });

  // 点击按钮显示弹窗和遮罩层
  $('.fblt_right button').click(function () {
    // 如果遮罩层不存在，则创建
    if ($('#fbOverlay').length === 0) {
      $('body').append('<div id="fbOverlay"></div>');
      $('#fbOverlay').css({
        'position': 'fixed',
        'top': 0,
        'left': 0,
        'width': '100%',
        'height': '100%',
        'background': 'rgba(0,0,0,0.5)',
        'z-index': '9998', // 遮罩层层级比弹窗低
        'display': 'none'
      });
    }

    // 显示遮罩层和弹窗
    $('#fbOverlay').fadeIn(200);
    $('.fbDialogBox').css({
      'opacity': '1',
      'z-index': '9999'
    });

    // 点击遮罩层关闭弹窗
    $('#fbOverlay').click(function () {
      $('.fbDialogBox').css({
        'opacity': '0',
        'z-index': '-1'
      });
      $('#fbOverlay').fadeOut(200);
    });
  });


  // 其他板块控制
  $('.fbr_other .ot_item').click(function () {
    // 获取当前点击元素的下标（从0开始）
    const index = $(this).data('id');
    localStorage.setItem('INDEX_LUNTAN', index)
    console.log(index);
    // 移除其他同级元素的激活类
    $('.ot_item_act').removeClass("ot_item_act");
    // 给当前点击的元素添加激活类
    $(this).addClass("ot_item_act");

    // 控制
    $('.fbltl_item').removeClass('fbltl_item_act');
    $(`.fbltl_item[data-id="${index}"]`).addClass('fbltl_item_act')

    //  控制帖子
    $('.fbl_content').hide();
    $(`.fbl_content[data-id="${index}"]`).show()


  })


  // 上传图片请求
  let imgAll = []

  // 点击添加图片按钮 → 触发 file input
  $('.addImg-btn').click(function () {
    if (imgAll.length >= 5) {
      alert('图片最多上传5张')
      return
    }

    // 触发已有的 input
    $('#fileInput').val('') // 清空上次选择，避免选同一张图片无法触发 change
    $('#fileInput').click()
  })

  // 监听文件选择
  $('#fileInput').on('change', function (e) {
    const files = e.target.files;
    if (!files || files.length === 0) {
      alert('未选择图片');
      return;
    }
    uploadImages(files);
  });

  // 移除图片功能
  $(document).on('click', '.remove-img', function () {
    const $uploadedImg = $(this).closest('.uploaded-img')
    const index = $('.uploaded-img').index($uploadedImg)
    $uploadedImg.remove()
    imgAll.splice(index, 1)
  })

  // 上传函数
  function uploadImages(files) {
    const remaining = 5 - imgAll.length;
    if (remaining <= 0) {
      alert('图片最多上传5张');
      return;
    }

    files = Array.from(files).slice(0, remaining);

    files.forEach(file => {
      if (!file.type.match(/^image\//)) {
        alert('请选择图片文件');
        return;
      }
      const formData = new FormData();
      formData.append('nonce', luntan_nonce);
      formData.append('action', 'luntan_post_img');
      formData.append('file', file, file.name || 'upload.jpg');

      $.ajax({
        url: `${luntan_ajax}`,
        type: 'POST',
        data: formData,
        contentType: false,
        processData: false,
        dataType: 'text', // ✅ 改为 text，兼容所有移动端
        timeout: 30000,
        success: function (res) {
          try {
            const response = JSON.parse(res);
            if (response.code == 1 && response.data) {
              imgAll.push(response.data);
              const imgHtml = `
              <div class="uploaded-img">
                <img src="${response.data}" alt="图片">
                <div class="remove-img">×</div>
              </div>
            `;
              $('.wztimgBox').prepend(imgHtml);
            } else {
              alert('上传失败: ' + (response.msg || '未知错误'));
            }
          } catch (e) {
            console.error('解析失败:', res);
            alert('服务器返回异常');
          }
        },
        error: function (xhr) {
          alert('网络错误，上传失败');
          console.error('AJAX错误:', xhr);
        }
      });
    });
  }

  // 板块分类
  let flId = ''
  $(document).on('click', '.typeTab_item', function () {
    $('.typeTab_item').removeClass('typeTab_item_act');
    $(this).addClass('typeTab_item_act');
    flId = $(this).data('id');
  });

  // 发布按钮点击事件
  let isPublishing = false; // 防止重复提交的标志

  $('.dialog-footer .btn-primary').click(function () {
    if (isPublishing) return; // 若正在提交则阻止重复点击

    let formData = {
      action: 'luntan_post_publish',
      title: $('.dialog-body .title_input').val().trim(),
      content: $('.dialog-body .content_input').val().trim(),
      img: imgAll.join(','),
      cate: flId + '',
      nonce: luntan_nonce
    }

    // ====== 表单验证 ======
    if (!formData.title) {
      alert('请输入标题内容')
      return
    }
    if (!formData.content) {
      alert('请输入内容')
      return
    }
    // if (!formData.cate) {
    //   alert('请选择板块分类')
    //   return
    // }

    // ====== 防重复提交 ======
    isPublishing = true
    $('.dialog-footer .btn-primary').prop('disabled', true).text('发布中...')

    // ====== AJAX 提交 ======
    $.ajax({
      url: luntan_ajax,
      type: 'POST',
      data: formData,
      dataType: 'json',
      success: function (response) {
        if (response.code == 1) {
          $('.fbDialogBox').css({
            transform: 'scale(0.95)',
            opacity: '0',
            'z-index': '-999'
          });
          $('#fbOverlay').fadeOut(200);
          if (response.role == 1) {
            alert('发布成功');
            location.reload();
          } else {
            alert('发布成功，等待管理员审核');
          }
        } else {
          alert(response.msg);
        }
      },
      error: function (xhr) {
        console.error('AJAX错误:', xhr);
        alert('网络错误，请稍后重试');
      },
      complete: function () {
        // 无论成功或失败都恢复按钮状态
        isPublishing = false
        $('.dialog-footer .btn-primary').prop('disabled', false).text('发布')
        $('.uploading').remove()
      }
    });
  });



});

