{% extends "pdf_base.html" %}

{% block title %}Merge History - OJHunt Lite{% endblock %}

{% block pdf_content %}
    <h1>Merge Two PDF Reports</h1>
    <p class="subtitle">Combine the history from two OJHunt Lite PDF reports into one</p>

    <div class="info-box">
        Useful when you have history spread across multiple PDFs — for example, if you've been using
        two different devices, or you want to combine a
        <a href="/pdf/legacy">legacy history PDF</a> with your current OJHunt Lite report.
        <br><br>
        <strong>How it works:</strong> Both PDFs' history entries are merged. For days present in
        both, the entry with the higher solved count is kept. Crawler settings and username come
        from PDF A.
    </div>

    {% if error %}
        <div class="error-box">{{ error }}</div>
    {% endif %}

    <form method="POST" action="/pdf/merge" enctype="multipart/form-data">
        <div class="form-group">
            <label for="pdf_a">
                PDF A
                <span class="hint">— <strong>crawler settings and username from this file will be used</strong></span>
            </label>
            <input type="file" id="pdf_a" name="pdf_a" accept=".pdf" required>
        </div>
        <div class="form-group">
            <label for="pdf_b">
                PDF B
                <span class="hint">— history from this file will be merged into PDF A</span>
            </label>
            <input type="file" id="pdf_b" name="pdf_b" accept=".pdf" required>
        </div>
        <button type="submit" class="btn-primary">Merge &amp; Download</button>
    </form>

    <div class="help-text">
        <strong>Store the merged PDF on your own device</strong> — don't rely on browser storage,
        which can be cleared at any time. To continue tracking progress, upload the merged PDF on
        the <a href="/">home page</a> before your next query session.
        <br><br>
        Questions or issues?
        <a href="https://github.com/Liu233w/ojhunt-lite/issues" target="_blank" rel="noopener noreferrer">Open an issue on GitHub</a>
        or <a href="/about">see the About page</a> for contact details.
    </div>
{% endblock %}