{% extends "base.html" %}

{% block title %}Upload Feeds - RSS Feed Manager{% endblock %}

{% block content %}
<h1 style="margin-bottom: 20px; font-size: 32px; font-weight: normal;">Upload Feeds</h1>

<div style="max-width: 600px; margin: 40px auto;">
    <form method="post" action="/manage/upload" enctype="multipart/form-data">
        <div class="form-group">
            <label for="file">Select JSON File</label>
            <input type="file" id="file" name="file" accept=".json" required>
        </div>

        <div style="margin-top: 30px;">
            <button type="submit" class="btn btn-primary">Upload and Sync</button>
            <a href="/manage" class="btn">Cancel</a>
        </div>
    </form>

    <div style="margin-top: 40px; padding: 20px; background-color: #f8f9fa; border-radius: 8px; font-size: 14px; color: #5f6368;">
        <strong>Note:</strong> The upload will synchronize feeds based on their URL. 
        Existing feeds with the same URL will be updated, and new feeds will be added.
    </div>
</div>
{% endblock %}