let currentVideoPath = null;

/*

Functions used in the setup or affect most of the gui

*/
var showCDValue = 0;
function showCD() {
  if(showCDValue == 0){
    document.getElementById('cdContainer').style.display = "block";
    document.getElementById('step1').style.display ="none";
    document.getElementById('step2').style.display ="none";
    document.getElementById('step3').style.display ="none";
    document.getElementById('step4').style.display ="none";
    document.getElementById('step5').style.display ="none";
    document.getElementById('step6').style.display ="none";
    showCDValue = 1;
  } else {
    currentStep = 1;
    showCDValue = 0;
    document.getElementById('cdContainer').style.display = "none";
    showStep(1);
  }
}

//language changing feature => changes the language of every displayed text
function changeLanguage(language) {
  try {
    //document.getElementById('labelLanguageFlag').src = languageOptions[language].flagPath;
    document.getElementById('labelKI').textContent = languageOptions[language].labelKI;
    document.getElementById('labelTranscription').textContent = languageOptions[language].labelTranscription;
    document.getElementById('labelLanguage').textContent = languageOptions[language].labelLanguage;
    document.getElementById('title').textContent = languageOptions[language].title;
    //document.getElementById('h1').textContent = languageOptions[language].h1;
    document.getElementById('p1').textContent = languageOptions[language].p1;
    document.getElementById('fileName').textContent = languageOptions[language].fileName;
    document.getElementById('manualUploadBtn').textContent = languageOptions[language].manualUploadBtn;
    document.getElementById('label_format').textContent = languageOptions[language].label_format;
    document.getElementById('label_summary').textContent = languageOptions[language].label_summary;
    document.getElementById('submitButton').textContent = languageOptions[language].submitButton;
    document.getElementById('step_nav1').textContent = languageOptions[language].step_nav1;
    document.getElementById('step_nav2').textContent = languageOptions[language].step_nav2;
    document.getElementById('step_nav3').textContent = languageOptions[language].step_nav3;
    document.getElementById('step_nav4').textContent = languageOptions[language].step_nav4;
    document.getElementById('step_nav5').textContent = languageOptions[language].step_nav5;
    document.getElementById('step_nav6').textContent = languageOptions[language].step_nav6;
    //document.getElementById('h2').textContent = languageOptions[language].h2;
    document.getElementById('labelSpeaker').textContent = languageOptions[language].labelSpeaker;
    document.getElementById('labelSpeakerAudio').textContent = languageOptions[language].labelSpeakerAudio;
    document.getElementById('labelSpeakerWriter').textContent = languageOptions[language].labelSpeakerWriter;
    document.getElementById('speakerLocker').textContent = languageOptions[language].speakerLocker;
    document.getElementById('speakerResender').textContent = languageOptions[language].speakerResender;
    document.getElementById('downloadButton').textContent = languageOptions[language].downloadButton;
    document.getElementById('box1_p1').textContent = languageOptions[language].box1_p1;
    document.getElementById('box2_p2').textContent = languageOptions[language].box2_p2;
    document.getElementById('box3_p3').textContent = languageOptions[language].box3_p3;
    document.getElementById('labelType').textContent = languageOptions[language].labelType;

  } catch (error) {
    console.log("Error in script.js changeLanguage function");
    console.log(error);
  }

}

/*

Functions used for the step navigation

*/

//Step-navigation
const steps = document.querySelectorAll(".step");
const stepButtons = document.querySelectorAll(".step-item");
let currentStep = 1;
const totalSteps = steps.length;

function showStep(stepNumber) {
  if (stepNumber < 1 || stepNumber > totalSteps) {
    console.error("StepNumber out of Bounds", stepNumber);
    return;
  }
  steps.forEach(step => step.style.display = "none");
  document.getElementById("step" + stepNumber).style.display = "flex";

  stepButtons.forEach(btn => btn.classList.remove("active"));
  document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active");
  const activeBtn = document.querySelector(`.step-item[data-step="${stepNumber}"]`);

  if (activeBtn) activeBtn.classList.add("active");

  prevBtn.disabled = stepNumber == 1;
  nextBtn.disabled = stepNumber === totalSteps;
  currentStep = stepNumber;
}

/*

Functions used in Step 1

*/

//function to display the file path in the drop down box
function handleFiles(files) {
  try {
    if (files.length > 0) {
      const file = files[0];
      if (file.type.startsWith('video/')) {
        const filePath = window.explorer.onFileDrop(files[0])
        videoUpload.files = files;
        fileName.textContent = `Chosen video: ${file.name}`;
        currentVideoPath = filePath;
        generateThumbnail(filePath);
        activateSubmitBtn(true);
      }
    }
  } catch (error) {
    console.log("Error in script.js handleFiles function");
    console.log(error);
  }

}

//Video thumbnail generation. Shows a scene from the selected video file as a preview
function generateThumbnail(path) {
  try {
    const videoElement = document.getElementById("previewThumbnail");
    while (videoElement.firstChild) videoElement.removeChild(videoElement.firstChild);
    videoElement.src = path;
    videoElement.type = "video/mov";
    videoElement.load();
    videoElement.style.maxWidth = 40;
    videoElement.style.maxHeight = 40;
    videoElement.autoplay = false;
  } catch (error) {
    console.log("Error in the generateThumbnail function in the script.js file \n");
    console.log(error);
  }

}



/*

Functions used in Step 2

*/

//function to load ai options to the drop down list
function loadAiOptions(options) {
  try {
    var menu = document.getElementById('ai_type');
    var object_holdy;
    var choice;
    object_holdy = options
    for (i = 0; i < options.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i].displayname;
      choice.value = object_holdy[i].name;
      menu.appendChild(choice);
    }
  } catch (error) {
    console.log("Error in script.js loadAiOptions function");
    console.log(error);
  }
}

//function to load transcription options to the drop down list
function loadTranscriptionOptions(options) {
  try {
    var menu = document.getElementById('transkript_type');
    var object_holdy;
    var choice;
    object_holdy = options
    for (i = 0; i < options.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i].displayname;
      choice.value = object_holdy[i].name;
      menu.appendChild(choice);
    }
  } catch (error) {
    console.log("Error in script.js function loadTranscriptionOptions");
    console.log(error);
  }
}

//function to load data type options to the drop down list
function loadDataTypeOptions(options) {
  try {
    var menu = document.getElementById('output_type');
    var object_holdy;
    var choice;
    object_holdy = options
    for (i = 0; i < options.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i].displayname;
      choice.value = object_holdy[i].name;
      menu.appendChild(choice);
    }
  } catch (error) {
    console.log("Error in script.js function loadDataTypeOptions");
    console.log(error);
  }
}

//function to load language options to the drop down list
function loadLanguageOptions() {
  try {

    var menu = document.getElementById('language_option');
    var object_holdy;
    var choice;
    object_holdy = Object.keys(languageOptions);
    for (i = 0; i < object_holdy.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i];
      choice.value = object_holdy[i];
      choice.setAttribute('data-image', languageOptions[object_holdy[i]].flagPath);
      menu.appendChild(choice);
    }
    new lc_select(document.getElementById('language_option'));    //loads the flag images so they get displayed in the gui
  } catch (error) {
    console.log("Error in script.js loadLanguageOptions function");
    console.log(error);
  }
}



/*

Functions used in Step 3

*/



/*

Functions used in Step 4

*/

//function to check if one checkbox is at least klicked. Final controll function before sending the input to the generation
function checkBoxes() {
  try {
    const checkboxes = document.querySelectorAll('input[name="docFormat"]');
    let isChecked = false;
    var checkedCounter = 0;
    checkboxes.forEach(function (checkbox) {
      if (checkbox.checked) {
        isChecked = true;
        checkedCounter++;
      }
    });

    if (isChecked) {
      //Code to submit the video
      var selectedCheckboxes = {};
      checkboxes.forEach(function (checkbox) {
        if (checkbox.checked) {
          selectedCheckboxes[checkbox.nextElementSibling.textContent] = "";
        }
      });

      const testEndings = [".mp4", ".mov", ".avi", ".mkv"];
      var pathTest = window.electronAPI.getFilePath(videoUpload.files[0]);
      var pathToLower = pathTest.toLowerCase();
      if (testEndings.some(e => pathToLower.endsWith(e))) {
        //assembly of the json for the main

        var typeCheckbox;
        if (document.getElementById("docFormat").checked) typeCheckbox = document.getElementById("docFormat").value;
        if (document.getElementById("docFormatSummary1").checked) typeCheckbox = document.getElementById("docFormatSummary1").value;
        if (document.getElementById("docFormatSummary2").checked) typeCheckbox = document.getElementById("docFormatSummary2").value;
        if (document.getElementById("docFormatSummary3").checked) typeCheckbox = document.getElementById("docFormatSummary3").value;
        if (document.getElementById("docFormatCustom").checked) typeCheckbox = document.getElementById("docFormatCustom").value;

        document.getElementById("testy").style.visibility = "visible"
        document.getElementById("box1").style.backgroundColor = "red";
        document.getElementById("box2").style.backgroundColor = "red";
        document.getElementById("box3").style.backgroundColor = "red";
        document.getElementById("box4").style.backgroundColor = "red";
        console.log(selectedCheckboxes);
        const outputType = document.getElementById("output_type");
        const transcriptionType = document.getElementById("transkript_type");
        const aiType = document.getElementById("ai_type");
        const sendingPackage = {
          "video": {
            "module": "extraction-video-to-audio",
            "inputVideoPath": pathTest
          },
          "transcription": {
            "module": transcriptionType.value
          },
          "document": {
            "module": aiType.value,
            "type": typeCheckbox,
            "outputType": outputType.value
          }
        };
        window.submit.submit(sendingPackage)
      } else {
        alert('The given file is not compatible. These are the available types: [".mp4", ".mov", ".avi", ".mkv"].');
      }


    } else {
      //language only english at the moment
      alert('Please select at least one document type.');
    }
  } catch (error) {
    console.log("Error in script.js checkBoxes function");
    console.log(error);
  }

}

//function the the submit button on step 4 can be pressed
function activateSubmitBtn(hasFile) {
  try {
    document.getElementById("submitButton").disabled = !hasFile;
  } catch (error) {
    console.log(error);
  }
}

//function to regulate the progress on the progressbar
function updateProgressBar(bar, value) {
  try {
    value = Math.round(value);
    bar.querySelector(".progress_fill").style.width = `${value}%`;
    bar.querySelector(".progress_text").textContent = `${value}%`;
  } catch (error) {
    console.log("Error in scripts.js updateProgressBar function");
    console.log(error);
  }

}

//function to hide the progressbar
function deaktivateProgressbar() {
  try {
    document.getElementById("progressbar").style.visibility = "hidden";
  } catch (error) {
    console.log(error);
  }
}

/*

Functions used in Step 5

*/


//function to load speaker options to the drop down list
function loadSpeakerOptions(options) {
  try {
    var menu = document.getElementById('cur_speaker');
    var l = document.getElementById('cur_speaker').options.length - 1;
    for (i = l; i >= 0; i--) {
      menu.remove(i);
    }
    var object_holdy;
    var choice;
    object_holdy = Object.keys(options);
    for (i = 0; i < object_holdy.length; i++) {
      choice = document.createElement('option');
      choice.textContent = options[object_holdy[i]].name;
      choice.value = object_holdy[i];
      menu.appendChild(choice);
    }
    document.getElementById("speakerAudioViewer").src = options.speakerA.src;
  } catch (error) {
    console.log("Error in script.js loadSpeakerOptions function");
    console.log(error);
  }
}

//function to load speaker audio file options to the drop down list
function loadSpeakerAudio(option) {
  try {
    var menu = document.getElementById('speakerAudioViewer');
    var aud = document.createElement("source");
    aud.src = options;
    menu.appendChild(aud);
  } catch (error) {
    console.log("Error in script.js loadSpeakerAudio function");
    console.log(error);
  }
}

//Audio value setter
var speakerAudios = {};
var speakerEndValues = {};
function setSpeakerAudiosValue(valy) {
  try {
    speakerAudios = valy;
    speakerRewriten = valy;
    document.getElementById("speakerAudioViewer").src = valy.speakerA.src;
  } catch (error) {

  }
}
//Function to rewrite the speaker name in the json
function rewriteSpeakerName() {
  try {
    var tempy = document.getElementById("cur_speaker").value;
    speakerAudios[tempy].name = document.getElementById("newSpeaker").value;
    loadSpeakerOptions(speakerAudios);
  } catch (error) {
    console.log("\n\n\n" + error + "\n\n\n")
  }
}
//Function to send the json with the given names back to the program to rewrite the document file
function sendSpeakerPackages() {
  try {
    window.submitSpeaker.speaker_submit(speakerAudios);
  } catch (error) {
    console.log(error);
  }
}

/*

Functions for Step 6

*/

function fileDownload() {
  try {
    window.download.file_download();
  } catch (error) {
    console.error("Download failed:", error);
  }
}





/*

Functions for the custom document section

*/

//reload drop down
function reloadDocuments() {
  [...existingDocs.querySelectorAll('option:not([value="newDoc"])')]
    .forEach(o => o.remove());

  window.api.getTxtFiles().then(files => {
    files.forEach(file => {
      const option = document.createElement('option');
      option.value = file;
      option.textContent = file
        .replace('.txt', '')          // Endung entfernen
        .replace(/_/g, ' ')           // Leerzeichen ersetzen
        .replace(/\b\w/g, c => c.toUpperCase()) // ersten Buchstaben groß
      existingDocs.appendChild(option);
    });
  });
}