{{ block title }}
    設定
{{ endblock }}
{{ block content }}

<style>
    .hidden {
        display: none;
    }
</style>
    
    <p>
        請上傳您的 CSV 檔案：
    </p>

    <input type="file" id="fileInput" accept=".csv">
    <br><br>

    <div class="hidden">
        {{ formfield 'csv_input' }}
    </div>

    <button class="otree-btn-next btn btn-primary">下一頁</button>

    <script>
        document.getElementById('fileInput').addEventListener('change', function(event) {
          const file = event.target.files[0];
          const reader = new FileReader();
          const textarea = document.getElementById('id_csv_input');
    
          reader.onload = function(event) {
            let contents = event.target.result;
            
            // 通过split('\n')将文本分割成行数组
            let lines = contents.split('\n');
    
            // 检查最后一行是否为空白行，如果是则删除
            if (lines.length > 0 && lines[lines.length - 1].trim() === '') {
              lines.pop(); // 删除最后一个元素（即空白行）
            }
    
            // 重新组合行并使用 '\n' 连接它们
            let modifiedContents = lines.join('\n');
    
            textarea.value = modifiedContents; // 将处理后的CSV内容写入textarea
          };
    
          if (file) {
            reader.readAsText(file);
          } else {
            console.error('未选择文件.');
          }
        });
      </script>
    
{{ endblock }}