\n {visibleSection === 'trainModel' && (\n
\n )}\n\n\n {visibleSection === 'getAnswers' && (\n \n handleDrop(e, setFile1, setDragging1, setUploading1, setUploadSuccess1)}\n onDragOver={(e) => handleDragOver(e, setDragging1)}\n onDragLeave={() => handleDragLeave(setDragging1)}\n >\n {file1 ? (\n <>\n {/* File display with icon and file name */}\n handleFileChange(e, setFile1, setUploadSuccess1)}\n className=\"file-input\"\n ref={fileInputRef1}\n style={{ display: 'none' }}\n />\n\n {/* Show inputs for Excel files */}\n {file1 && (file1.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || file1.type === 'application/vnd.ms-excel') && (\n <>\n {\n if (\n file1.type !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' &&\n file1.type !== 'application/vnd.ms-excel'\n ) {\n // For non-Excel files, the button is enabled immediately but no inputs are required\n handleUpload(file1, 'dummy', 'dummy', 'dummy', setUploading1, setUploadSuccess1);\n } else {\n // For Excel files, ensure all inputs are filled before making the API call\n if (sheetName1 && questionsColumn1 && answersColumn1) {\n handleUpload(file1, sheetName1, questionsColumn1, answersColumn1, setUploading1, setUploadSuccess1);\n }\n }\n }}\n className={`upload-button ${uploading1 ? 'uploading' : ''} ${uploadSuccess1 ? 'upload-done' : ''}`}\n disabled={\n uploading1 ||\n (file1 &&\n (file1.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' ||\n file1.type === 'application/vnd.ms-excel') &&\n (!sheetName1 || !questionsColumn1 || !answersColumn1)\n )\n }\n >\n {uploading1 ? (\n \n ) : uploadSuccess1 ? (\n \n ) : (\n 'Upload'\n )}\n \n )}\n\n {uploadError1 &&
\n Train the model
\n\n {/* Font Awesome file icon */}\n {file1.name}\n ({(file1.size / 1024).toFixed(2)} KB)\n
\n\n {/* Option to upload another file */}\n handleClickUploadText(fileInputRef1)}>\n Click here to upload again\n
\n \n ) : (\n <>\n {/* Initial message for uploading */}\nDrag & drop a file here or
\nhandleClickUploadText(fileInputRef1)}>\n Click here to upload\n
\n \n )}\n\n
\n \n )}\n\n {/* Show the upload button after a file is uploaded */}\n {file1 && (\n \n \n handleSheetNameChange(e, setSheetName1, setUploadSuccess1)}\n />\n
\n \n \n setQuestionsColumn1(e.target.value)}\n />\n
\n \n \n setAnswersColumn1(e.target.value)}\n />\n
\n {uploadError1}
}\n \n handleDrop(e, setFile2, setDragging2, setUploading2, setUploadSuccess2)}\n onDragOver={(e) => handleDragOver(e, setDragging2)}\n onDragLeave={() => handleDragLeave(setDragging2)}\n >\n {file2 ? (\n <>\n {/* File display with icon and file name */}\n {\n const file = e.target.files[0];\n setFile2(file);\n setUploadSuccess2(false);\n setUploadError2(''); // Reset error message\n\n // Check if the file is not an Excel file and show error message\n if (\n file.type !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' &&\n file.type !== 'application/vnd.ms-excel'\n ) {\n setUploadError2('Please upload an Excel file. Current support is only for Excel files.');\n }\n }}\n className=\"file-input\"\n ref={fileInputRef2}\n style={{ display: 'none' }}\n />\n\n {/* Show error message if the file is not an Excel file */}\n {uploadError2 && processFile(file2, sheetName2, questionsColumn2, answersColumn2, setUploading2, setUploadSuccess2)}\n className={`upload-button ${uploading2 ? 'uploading' : ''} ${uploadSuccess2 ? 'upload-done' : ''}`}\n disabled={uploadSuccess2 || !file2 || !sheetName2 || !questionsColumn2 || !answersColumn2 || uploading2}\n >\n {uploading2 ? (\n \n ) : uploadSuccess2 ? (\n \n ) : (\n 'Process and Download'\n )}\n \n \n )}\n\n {/* Show email options and send button */}\n {file2 && uploadSuccess2 && !showEmailInput && (\n <>\n \n Email Me\n \n {/* Animation and message container */}\n
\n Get your answers
\n\n {/* Font Awesome file icon */}\n {file2.name}\n ({(file2.size / 1024).toFixed(2)} KB)\n
\n\n {/* Option to upload another file */}\n handleClickUploadText(fileInputRef2)}>\n Click here to upload again\n
\n \n ) : (\n <>\n {/* Initial message for uploading */}\nDrag & drop a file here or
\nhandleClickUploadText(fileInputRef2)}>\n Click here to upload\n
\n \n )}\n{uploadError2}
}\n\n {/* Show input fields and button only for valid Excel file */}\n {file2 && !uploadError2 && (\n <>\n \n
\n \n \n handleSheetNameChange(e, setSheetName2, setUploadSuccess2)}\n />\n
\n \n \n setQuestionsColumn2(e.target.value)}\n />\n
\n \n \n setAnswersColumn2(e.target.value)}\n />\n
\n \n {isSendingEmail && 
}\n {!isSendingEmail && isEmailSent && (\n
\n \n )}\n\n {file2 && uploadSuccess2 && showEmailInput && (\n \n {emailSentMessage}\n
\n )}\n\n setEmail(e.target.value)}\n className=\"email-input\"\n />\n \n
\n )}\n