{% extends "wagtailadmin/base.html" %}
{% load i18n %}
{% load wagtailadmin_tags %}

{% block titletag %}{% trans "Pull Forecasts from External Source" %}{% endblock %}

{% block content %}
    {% trans "Pull Forecasts from External Source" as header_str %}
    {% include "wagtailadmin/shared/header.html" with title=header_str icon="download" %}

    <div class="nice-padding">
        {% if enabled %}
            <div class="help-block help-info">
                <svg class="icon icon-info-circle icon" aria-hidden="true">
                    <use href="#icon-info-circle"></use>
                </svg>
                <div>
                    {% blocktrans %}
                        This fetches the latest forecasts for all cities from <strong>{{ provider }}</strong>
                        and saves them to ClimWeb. This runs automatically on a schedule; use this button to
                        trigger an extra pull on demand. The pull runs in the background, so you can leave this
                        page — new forecasts appear on the listing once it finishes.
                    {% endblocktrans %}
                    {% if not auto_publish %}
                        <br>
                        {% trans "Auto-publish is off, so the pulled forecasts will be saved as drafts for review." %}
                    {% endif %}
                </div>
            </div>
            {% if running %}
                <div class="help-block help-warning">
                    <svg class="icon icon-spinner icon" aria-hidden="true">
                        <use href="#icon-spinner"></use>
                    </svg>
                    <div>
                        {% trans "A forecast pull is already queued or running in the background. Please wait for it to finish before starting another." %}
                    </div>
                </div>
            {% endif %}
            <form action="{% url 'pull_auto_forecast' %}" method="POST" id="pull-form">
                {% csrf_token %}
                <button type="submit" class="button" id="pull-submit" {% if running %}disabled{% endif %}>
                    {% blocktrans %}Pull from {{ provider }} now{% endblocktrans %}
                </button>
                <a href="{{ index_url }}" class="button button-secondary button-nostroke">{% trans "Cancel" %}</a>
            </form>

            <script>
                // Prevent double-submission: disable the button as soon as the
                // form is submitted so a user can't click it twice.
                document.getElementById('pull-form').addEventListener('submit', function () {
                    var btn = document.getElementById('pull-submit');
                    btn.disabled = true;
                    btn.textContent = '{% trans "Starting…" %}';
                });
            </script>
        {% else %}
            <div class="help-block help-warning">
                <svg class="icon icon-warning icon" aria-hidden="true">
                    <use href="#icon-warning"></use>
                </svg>
                <div>
                    {% trans "Automated forecasts are disabled. Enable them under Forecast Settings > Forecast Source to pull from an external provider." %}
                </div>
            </div>
            <a href="{{ index_url }}" class="button button-secondary">{% trans "Back to forecasts" %}</a>
        {% endif %}
    </div>
{% endblock %}