$(function () {
  // 点击标题切换input修改标题
  $('#title-h1').click(function () {
    $(this).hide()
    $('#title-input').show().focus().select()
  })

  $('#title-input').blur(function () {
    let title = ($('#title-input').val()).trim()
    handleTitle(title); // 处理表单提交逻辑
  })

  function handleTitle(title) {
    if (title) {
      let data = new FormData()
      data.append('operate', 'editTitle')
      data.append('title', title)
      axios.post('controller.php', data)
        .then(response => {
          $('#title-input').hide()
          $('#title-h1').show()
          setTimeout(function () {
            location.href = "min.php";
          }, 10);
        })
        .catch(error => {
          alert('系统错误！')
        });
    } else {
      alert('请输入标题！')
    }
  }

  // 点击.remark时显示内部的input标签
  $('.add .remark').click(function () {
    $(this).find('input').show().focus(); // 切换显示和隐藏状态
  });

  // 点击.wx时显示内部的input标签
  $('.add .wx').click(function () {
    $(this).find('input').show().focus(); // 切换显示和隐藏状态
  });

  // 点击.link时显示内部的input标签
  $('.add .link').click(function () {
    $(this).find('input').show().focus(); // 切换显示和隐藏状态
  });

  $('.add .remark, .add .wx, .add .link').click(function () {
    $('.addexit').show()
  })
  $('.addexit').click(function () {
    $('.add .remark input, .add .wx input, .add .link input').hide().val('')
    $('.addexit').hide()
  })

  // 编辑按钮点击事件
  $('.edit').click(function () {
    let listItem = $(this).closest('.item');
    listItem.find('p').hide();
    listItem.find('input[type="text"]').show();
    listItem.find('.edit').hide();
    listItem.find('.editsubmit').show();
    listItem.find('.exit').show();
    listItem.find('.delete').hide();
  });

  // 提交按钮点击事件
  $('.editsubmit').click(function () {
    let listItem = $(this).closest('.item');
    listItem.find('p').show();
    listItem.find('input[type="text"]').hide();
    listItem.find('.edit').show();
    listItem.find('.exit').hide();
    listItem.find('.delete').show();
    listItem.find('.editsubmit').hide();
  });

  // 取消按钮点击事件
  $('.exit').click(function () {
    let listItem = $(this).closest('.item');
    listItem.find('p').show();
    listItem.find('input[type="text"]').hide();
    listItem.find('.edit').show();
    listItem.find('.exit').hide();
    listItem.find('.delete').show();
    listItem.find('.editsubmit').hide();
  });

  // 全部勾选
  $('.checkboxall').click(function () {
    let isChecked = $(this).prop('checked');
    if (isChecked) {
      // 全选
      $('.checkboxitem').prop('checked', true);
      let data = new FormData()
      data.append('operate', 'checkedAll')
      data.append('select', 1)
      axios.post('controller.php', data)
        .then(response => {
        })
        .catch(error => {
          alert('系统错误！')
        });
    } else {
      // 取消全选
      $('.checkboxitem').prop('checked', false);
      let data = new FormData()
      data.append('operate', 'checkedAll')
      data.append('select', 0)
      axios.post('controller.php', data)
        .then(response => {
        })
        .catch(error => {
          alert('系统错误！')
        });
    }
  })

  // item勾选事件
  $('.checkboxitem').click(function () {
    let isChecked = $(this).prop('checked');
    let id = $(this).data('custom-attribute');
    console.log(id);

    if (isChecked) {
      let data = new FormData()
      data.append('operate', 'checked')
      data.append('select', 1)
      data.append('id', id)
      axios.post('controller.php', data)
        .then(response => {
        })
        .catch(error => {
          alert('系统错误！')
        });
    } else {
      let data = new FormData()
      data.append('operate', 'checked')
      data.append('select', 0)
      data.append(id)
      axios.post('controller.php', data)
        .then(response => {
        })
        .catch(error => {
          alert('系统错误！')
        });
    }
  })

  // 修改像素
  // 保存修改前的像素
  let oldxs = null;
  $('.item #xs-p').click(function () {
    oldxs = $(this).text()
    $(this).hide()
    $(this).siblings('#xs-input').show().focus().select();
  })

  $('.item #xs-input').blur(function () {
    editxs($(this))
  });
  function editxs(element) {
    let newxs = element.val()
    let data = new FormData()
    data.append('operate', 'editXs')
    data.append('oldxs', oldxs)
    data.append('newxs', newxs)
    axios.post('controller.php', data)
      .then(response => {
      })
      .catch(error => {
        alert('系统错误！')
      });
    element.hide()
    element.siblings('#xs-p').show()
    setTimeout(function () {
      location.href = "min.php";
    }, 10);
  }

  // 添加像素事件
  let flag = true
  $('#itemadd').click(function () {
    flag = true
    $('#xsadd-p').hide()
    $('#xsadd-input').show().focus()
    $('#xsadd-img').show()
  })
  // 取消添加（打叉按钮）
  $(document).on('click', '#xsadd-img', function () {
    flag = false
    $('#itemadd #xsadd-input').val('')
    $(this).hide()
    $('#xsadd-p').show()
    $('#xsadd-input').hide()
  })

  $('#xsadd-input').blur(function () {
    let xsaddInput = $(this)
    setTimeout(function () {
      if (flag) {
        addxs(xsaddInput);
      }
    }, 100)
  });
  function addxs(element) {
    let xs = element.val().trim()
    if (xs) {
      let data = new FormData()
      data.append('operate', 'addXs')
      data.append('xs', xs)
      axios.post('controller.php', data)
        .then(response => {
        })
        .catch(error => {
          alert('系统错误！')
        });
      element.hide()
      element.siblings('#xsadd-img').hide()
      element.siblings('#xsadd-p').show()
      setTimeout(function () {
        location.href = "min.php";
      }, 10);
    } else {
      element.val('')
      element.hide()
      element.siblings('#xsadd-img').hide()
      element.siblings('#xsadd-p').show()
    }
  }

  // 显示隐藏像素
  let btn = getBtn()
  let btn2 = getBtn2()
  let change = getChange()
  if (btn && btn2 && change) {
    changeXsVisi(btn, btn2, change)
  }
  function getBtn() {
    return localStorage.getItem('btn')
  }
  function getBtn2() {
    return localStorage.getItem('btn2')
  }
  function getChange() {
    return localStorage.getItem('change')
  }

  $('#showxs').click(function () {
    changeXsVisi('#showxs', '#hidexs', 'block')
    changeXsBtnVisi('#showxs', '#hidexs', 'block')
  })
  $('#hidexs').click(function () {
    changeXsVisi('#hidexs', '#showxs', 'none')
    changeXsBtnVisi('#hidexs', '#showxs', 'none')
  })
  function changeXsVisi(btn, btn2, change) {
    $(btn).hide()
    $(btn2).show()
    $('#xs').css('display', change)
  }
  function changeXsBtnVisi(btn, btn2, change) {
    localStorage.setItem('btn', btn)
    localStorage.setItem('btn2', btn2)
    localStorage.setItem('change', change)
  }
  
 

   
 
 
})