$(function () {
  const setIndexData = () => {
    const commentObj = window.__themeCommon
      ? window.__themeCommon
      : (sessionStorage.commentData ? JSON.parse(sessionStorage.commentData) : {});
    const types = Array.isArray(commentObj.feedback_type)
      ? commentObj.feedback_type
      : [];
    types.forEach((item, index) => {
      $("#radioBox").append(`
        <div class="radio">
          <input type="radio" name="radioId" id="ptionsRadios${index}" value=${item.id} />
          <label for="${item.id}">
            <p class="radio-title">${item.name}</p>
            <p class="radio-desc">${item.description}</p>
          </label>
        </div>
      `);
    });
    $("#ptionsRadios0").prop("checked", true);
    console.log();
  };

  $("#subBtn").click(function (event) {
    event.preventDefault(); // 阻止默认的提交行为
    // 获取表单元素
    const titleInput = $("#inputTitle");
    const descriptionInput = $("#inputDescription");
    // 验证表单元素
    if (!validateRequired(titleInput)) {
      return;
    }
    if (!validateRequired(descriptionInput)) {
      return;
    }
    subFeedback();
    $("#ptionsRadios0").prop("checked", true);
    $("#inputTitle").val("");
    $("#inputDescription").val("");
    $("#contactInput").val("");
  });
  // 提交
  function subFeedback() {
    $.ajax({
      url: "/console/v1/feedback",
      method: "POST",
      headers: {
        Authorization: "Bearer" + " " + localStorage.jwt,
      },
      data: {
        type: $('input[name="radioId"]:checked').val(),
        title: $("#inputTitle").val(),
        description: $("#inputDescription").val(),
        attachment: [],
        contact: $("#contactInput").val(),
      },
      success: function (res) {
        showMessage("success", "提交成功！", 2000); // 显示 3 秒钟的成功消息
      },
    });
  }

  // 表单元素必填验证函数
  function validateRequired(input) {
    if (input.val().trim() === "") {
      input.attr("style", "border: 1px solid #FF6739;");
      input.focus();
      return false;
    }
    input.attr("style", "border: 1px solid #E6EAED;");
    return true;
  }
  // 反馈页直接使用服务端注入的反馈类型渲染单选项
  setIndexData();
});