{% extends 'base.html' %}

{% block content %}
<h1 class="text-center">Admin Panel</h1>

<form method="POST" class="text-center">
    <div class="mb-3">
        <label for="title" class="form-label">Poll Title</label>
        <input type="text" class="form-control" id="title" name="title" required>
    </div>
    <div class="mb-3">
        <label for="options" class="form-label">Options (comma-separated)</label>
        <input type="text" class="form-control" id="options" name="options" required>
    </div>
    <div class="mb-3">
        <label for="image_url" class="form-label">Image URL</label>
        <input type="text" class="form-control" id="image_url" name="image_url" placeholder="Enter image URL" required>
    </div>
    <button type="submit" class="btn btn-primary">Create Poll</button>
</form>

<h2 class="mt-4 text-center">Existing Polls</h2>
<ul class="list-group">
    {% for poll_id, poll in polls.items() %}
        <li class="list-group-item d-flex justify-content-between align-items-center">
            <strong>{{ poll['title'] }}</strong>
            <div>
                <a href="{{ url_for('edit_poll', poll_id=poll_id) }}" class="btn btn-warning btn-sm me-2">Edit</a>
                <a href="{{ url_for('delete_poll', poll_id=poll_id) }}" class="btn btn-danger btn-sm">Delete</a>
            </div>
        </li>
    {% else %}
        <p>No polls created yet.</p>
    {% endfor %}
</ul>
{% endblock %}