{% extends "RAG_base.html" %}
{% block title %}Upload file(s) to ABS RAG system{% endblock %}

{% block content %}
    <H1>Upload File(s)</H1>
    <br>
    <form action="{{ url_for('upload_batch') }}" method="post" enctype="multipart/form-data">
        <div>
            <label for="file">Choose file(s) to upload </label> 
            <input type="file" id="file" name="file" accept=".docx,.pdf,.txt" multiple size=200/>
            <br><br><br>
            <label for="category">Category: </label> 
            <select id="category" name="category">
            {% for item in combolist_category %}
                <option value="{{ item.key }}">{{ item.value }}</option>
            {% endfor %}
            </select>
        </div>
        {% if show_upload_settings %}
        <br>
        <div>
            <label for="chunkmethod">Chunk method: </label> 
            <select id="chunkmethod" name="chunkmethod">
            {% for item in combolist_chunkmethod %}
                <option value="{{ item.key }}" {% if item.key == val_chunkmethod %} selected {% endif %}>{{ item.value }}</option>
            {% endfor %}
            </select>
            &nbsp; &nbsp; &nbsp;
            <label for="chunksize">Chunk size: </label>
            <input type="number" id="chunksize" name="chunksize" min="1" max="999999" value={{val_chunksize}}> 
            &nbsp; &nbsp; &nbsp;
            <label for="chunkoverlap">Overlap: </label>
            <input type="number" id="chunkoverlap" name="chunkoverlap" min="0" max="999999" value={{val_chunkoverlap}}>
            <br><br>
            <label for="splitmethod">Split method: </label>
            <select id="splitmethod" name="splitmethod">
            {% for item in combolist_splitmethod %}
                <option value="{{ item.key }}" {% if item.key == val_splitmethod %} selected {% endif %}>{{ item.value }}</option>
            {% endfor %}
            </select>
        </div>
        {% endif %}
        <br><br><br>
        <div>
            <input type = "submit" value="Start Upload">
        </div>
    </form>
{% endblock %}