{% extends 'base.html' %}
{% block content %}
<h1>Welcome to SciPaperLoader</h1>
<p>Your paper scraping tool is ready.</p>

<div class="alert alert-info">
    <p><strong>Instructions:</strong> Please upload a CSV file containing academic paper metadata. The file must include the following columns:</p>
    <ul>
        <li><code>alternative_id</code> – an alternative title or abbreviation</li>
        <li><code>journal</code> – the journal name</li>
        <li><code>doi</code> – the digital object identifier</li>
        <li><code>issn</code> – the ISSN of the journal</li>
        <li><code>title</code> – the title of the paper</li>
    </ul>
    <p>The format of your CSV should resemble the response structure of the Crossref API's <code>/journals/{issn}/works</code> endpoint.</p>
</div>

<form method="POST" action="{{ url_for('main.upload') }}" enctype="multipart/form-data">
    <div class="form-group">
        <label for="file">Upload CSV File</label>
        <input type="file" name="file" id="file" class="form-control" required>
    </div>
    <div class="form-group mt-3">
        <label for="delimiter">Choose CSV Delimiter</label>
        <select name="delimiter" id="delimiter" class="form-control">
            <option value=",">Comma (,)</option>
            <option value=";">Semicolon (;)</option>
            <option value="\t">Tab (\\t)</option>
            <option value="|">Pipe (|)</option>
        </select>
    </div>
    <button type="submit" class="btn btn-primary mt-3">Upload</button>
</form>

{% if error %}
    <div class="alert alert-danger mt-3">{{ error }}</div>
{% endif %}

{% if success %}
    <div class="alert alert-success mt-3">{{ success }}</div>
{% endif %}
{% endblock %}