{% extends "base.html" %}

{% block content %}
<h1>Scraper Results: {{ scraper.name }}</h1>

{% if is_logged_in %}
<p>URL: <a href="{{ scraper.url }}" target="_blank" rel="noopener noreferrer">{{ scraper.url }}</a></p>
<p>Selector Type: {{ scraper.selector_type }}</p>
<p>Selector: {{ scraper.selector }}</p>
<p>Interval: {{ scraper.interval }} minutes</p>
<p>Last Run: {{ scraper.last_run|format_datetime }}</p>
<div class="action-buttons">
    <a href="{{ url_for('edit_scraper', id=scraper.id) }}" class="btn btn-edit">Edit Scraper</a>
    <button onclick="runScraper({{ scraper.id }})" class="btn btn-run">Run</button>
</div>
{% endif %}


<h2>Results:</h2>
{% if results %}
<table>
    <thead>
        <tr>
            <th>Result</th>
            <th>Scraped At</th>
        </tr>
    </thead>
    <tbody>
    {% for result in results %}
        <tr>
            <td>
                {% if result.result is string %}
                    {{ result.result }}
                {% else %}
                    <ul>
                    {% for item in result.result %}
                        <li>{{ item }}</li>
                    {% endfor %}
                    </ul>
                {% endif %}
            </td>
            <td>{{ result.scraped_at|format_datetime }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>

    
    <div class="pagination">
        {% for p in range(1, total_pages + 1) %}
            {% if p == page %}
                <span class="current-page">{{ p }}</span>
            {% else %}
                <a href="{{ url_for('view_scraper', id=scraper.id, page=p) }}">{{ p }}</a>
            {% endif %}
        {% endfor %}
    </div>
{% else %}
    <p>No results available yet. {% if is_logged_in %}<button onclick="runScraper({{ scraper.id }})">Run Now</button>{% endif %}</p>
{% endif %}

<a href="{{ url_for('dashboard') }}">Back to Dashboard</a>

{% if is_logged_in %}
<script>
function runScraper(id) {
    fetch(`/run/${id}`)
        .then(response => response.json())
        .then(data => {
            alert('Scraper run successfully. Refresh the page to see results.');
            location.reload();
        })
        .catch(error => {
            console.error('Error:', error);
            alert('An error occurred while running the scraper.');
        });
}
</script>
{% endif %}
{% endblock %}