{% extends "base_template.html" %}

{% block title %}{{ _('Deployments') }} - {{ _('Admin') }}{% endblock %}

{% block head %}
{% if refresh_seconds %}<meta http-equiv="refresh" content="{{ refresh_seconds }}">{% endif %}
{% endblock %}

{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        {% if panel_url %}<li class="breadcrumb-item"><a href="{{ panel_url }}">{{ _('Admin') }}</a></li>{% endif %}
        <li class="breadcrumb-item active">{{ _('Deployments') }}</li>
    </ol>
</nav>
{% endblock %}

{% block content %}

<div class="mb-4">
    <h1 class="h2 mb-1"><b>{{ _('Deployments') }}</b></h1>
    <p class="text-muted mb-0">
        {{ _('This site follows a release channel. When a new release is published, the deployment agent backs up the database, replaces the web container and checks that the new version starts. If it does not, the agent puts the previous version and its database back.') }}
    </p>
</div>

{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}
        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{{ _('Close') }}"></button>
        </div>
    {% endfor %}
{% endwith %}

{% if connection != 'ok' %}
{# The agent is missing, stopped or misconfigured. The site itself is fine,
   so this explains rather than alarms. #}
<div class="card shadow-sm mb-4" data-autodeploy-connection="{{ connection }}">
    <div class="card-body">
        {% if connection == 'not_configured' %}
            <h2 class="h5">{{ _('Automatic deployment is not set up in this environment') }}</h2>
            <p class="mb-2">{{ _('The deployment agent only runs in production, next to the web container. There, splent product:deploy generates the shared secret and starts the agent.') }}</p>
            <p class="mb-0 text-muted">{{ _('To turn it on, set SPLENT_IMAGE in the product .env.deploy to the release channel the server should follow, for example %(example)s, and deploy again.', example='git.splent.io/splent-io/' ~ (SPLENT_APP or 'my_product') ~ ':stable') }}</p>
        {% elif connection == 'unreachable' %}
            <h2 class="h5">{{ _('The deployment agent cannot be reached right now') }}</h2>
            <p class="mb-2">{{ _('The site keeps running as usual. Only automatic updates are affected until the agent answers again.') }}</p>
            <p class="mb-0 text-muted">{{ _('Check that the agent container is running next to the web container. This page looks for it at %(url)s.', url=agent_url) }}</p>
        {% elif connection == 'refused' %}
            <h2 class="h5">{{ _('The deployment agent did not accept this page') }}</h2>
            <p class="mb-0">{{ _('AUTODEPLOY_SECRET must be the same for the web container and the agent. Run splent product:deploy again so both read it from the same .env.deploy.') }}</p>
        {% else %}
            <h2 class="h5">{{ _('The deployment agent gave an answer this page cannot read') }}</h2>
            <p class="mb-0">{{ _('The agent and this feature may be of different versions. Deploying the product again brings them together.') }}</p>
        {% endif %}
        {% if error %}<p class="small text-muted mt-2 mb-0"><code>{{ error }}</code></p>{% endif %}
        {% if configured_image or configured_window %}
        <dl class="row small mt-3 mb-0">
            {% if configured_image %}
            <dt class="col-sm-3">{{ _('Release channel') }}</dt>
            <dd class="col-sm-9"><code>{{ configured_image }}</code></dd>
            {% endif %}
            {% if configured_window %}
            <dt class="col-sm-3">{{ _('Update window') }}</dt>
            <dd class="col-sm-9">{{ _('%(window)s UTC', window=configured_window) }}</dd>
            {% endif %}
        </dl>
        {% endif %}
    </div>
</div>
{% else %}

{% if status.last_rolled_back and status.state != 'rolling_back' %}
<div class="alert alert-warning" role="alert" data-autodeploy-warning="rolled-back">
    {{ _('The last deploy did not start and was rolled back. The history below shows why.') }}
</div>
{% endif %}

<div class="card shadow-sm mb-4" data-autodeploy-state="{{ status.state }}">
    <div class="card-body">
        <div class="d-flex flex-wrap align-items-center gap-2 mb-2">
            <span class="badge bg-{{ status.style }} fs-6">{{ status.label }}</span>
            {% if status.paused and status.state != 'paused' %}
            <span class="badge bg-secondary">{{ _('Paused') }}</span>
            {% endif %}
        </div>
        <p class="mb-2">{{ status.message }}</p>
        {% if status.detail %}<p class="small text-muted mb-2"><code>{{ status.detail }}</code></p>{% endif %}
        {% if status.problems %}
        <ul class="small mb-2">
            {% for problem in status.problems %}<li><code>{{ problem }}</code></li>{% endfor %}
        </ul>
        {% endif %}

        <dl class="row mb-3">
            <dt class="col-sm-4 col-lg-3">{{ _('Release channel') }}</dt>
            <dd class="col-sm-8 col-lg-9">{% if status.image %}<code>{{ status.image }}</code>{% else %}<span class="text-muted">{{ _('Not set') }}</span>{% endif %}</dd>

            <dt class="col-sm-4 col-lg-3">{{ _('Running image') }}</dt>
            <dd class="col-sm-8 col-lg-9">{% if status.running_image %}<code>{{ status.running_image }}</code>{% else %}<span class="text-muted">{{ _('Unknown') }}</span>{% endif %}</dd>

            <dt class="col-sm-4 col-lg-3">{{ _('Product version') }}</dt>
            <dd class="col-sm-8 col-lg-9">{{ status.product_version or _('Unknown') }}</dd>

            {% if status.pending_image %}
            <dt class="col-sm-4 col-lg-3">{{ _('Newest release') }}</dt>
            <dd class="col-sm-8 col-lg-9"><code>{{ status.pending_image }}</code></dd>
            {% endif %}

            <dt class="col-sm-4 col-lg-3">{{ _('Last check') }}</dt>
            <dd class="col-sm-8 col-lg-9">{{ status.last_check or _('Not yet') }}{% if status.interval_minutes %} <span class="text-muted small">({{ ngettext('checks every minute', 'checks every %(num)d minutes', status.interval_minutes) }})</span>{% endif %}</dd>

            <dt class="col-sm-4 col-lg-3">{{ _('Update window') }}</dt>
            <dd class="col-sm-8 col-lg-9">{% if status.window %}{{ _('%(window)s UTC', window=status.window) }}{% else %}{{ _('Any time') }}{% endif %}</dd>

            <dt class="col-sm-4 col-lg-3">{{ _('Automatic updates') }}</dt>
            <dd class="col-sm-8 col-lg-9">{% if status.paused %}{{ _('Paused') }}{% else %}{{ _('On') }}{% endif %}</dd>
        </dl>

        <div class="d-flex flex-wrap gap-2">
            <form method="post" action="{{ url_for('autodeploy.check') }}" class="d-inline">
                {{ action_form.hidden_tag() }}
                <button type="submit" class="btn btn-primary" {% if status.busy %}disabled{% endif %}>{{ _('Check now') }}</button>
            </form>
            {% if status.paused %}
            <form method="post" action="{{ url_for('autodeploy.resume') }}" class="d-inline">
                {{ action_form.hidden_tag() }}
                <button type="submit" class="btn btn-success">{{ _('Resume') }}</button>
            </form>
            {% else %}
            <form method="post" action="{{ url_for('autodeploy.pause') }}" class="d-inline">
                {{ action_form.hidden_tag() }}
                <button type="submit" class="btn btn-outline-secondary">{{ _('Pause') }}</button>
            </form>
            {% endif %}
        </div>
        <p class="small text-muted mt-2 mb-0">{{ _('Check now looks for a new release right away and deploys it, even outside the update window. A release that failed before is never deployed again.') }}</p>
    </div>
</div>

<h2 class="h4 mb-3">{{ _('History') }}</h2>
{% if history %}
<div class="table-responsive mb-4">
    <table class="table table-hover align-middle">
        <thead>
            <tr>
                <th>{{ _('When') }}</th>
                <th>{{ _('Change') }}</th>
                <th>{{ _('Features updated') }}</th>
                <th>{{ _('Result') }}</th>
                <th>{{ _('Duration') }}</th>
            </tr>
        </thead>
        <tbody>
            {% for entry in history %}
            <tr data-autodeploy-result="{{ entry.result }}">
                <td class="text-nowrap">{{ entry.time }}</td>
                <td>
                    <code>{{ entry.from_image or '?' }}</code> → <code>{{ entry.to_image or '?' }}</code>
                    {% if entry.product_version %}<div class="small text-muted">{{ _('Product %(version)s', version=entry.product_version) }}</div>{% endif %}
                    {% if entry.framework %}<div class="small text-muted">{{ _('Framework %(version)s', version=entry.framework) }}</div>{% endif %}
                </td>
                <td>
                    {% if entry.features %}
                    <ul class="list-unstyled small mb-0">
                        {% for feature in entry.features %}<li><code>{{ feature.name }}</code> {{ feature.change }}</li>{% endfor %}
                    </ul>
                    {% else %}
                    <span class="text-muted small">{{ _('None') }}</span>
                    {% endif %}
                </td>
                <td>
                    <span class="badge bg-{{ entry.result_style }}">{{ entry.result_label }}</span>
                    {% if entry.reason %}<div class="small text-muted">{{ entry.reason }}</div>{% endif %}
                    {% for problem in entry.problems %}<div class="small text-danger">{{ problem }}</div>{% endfor %}
                    {% if entry.log_tail %}
                    <details class="mt-1">
                        <summary class="small">{{ _('Last log lines of the new version') }}</summary>
                        <pre class="small bg-light border rounded p-2 mt-1 mb-0" style="max-height: 24rem; overflow: auto; white-space: pre-wrap;">{{ entry.log_tail }}</pre>
                    </details>
                    {% endif %}
                </td>
                <td class="text-nowrap">{{ entry.duration }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="alert alert-light border mb-4">{{ _('No deploys yet. The first one happens when the channel points to a release this server does not run.') }}</div>
{% endif %}

<details class="card shadow-sm mb-4">
    <summary class="card-header">{{ _('Restoring a backup by hand') }}</summary>
    <div class="card-body">
        <p>{{ _('The agent backs up the database before every deploy and keeps the newest ones in its data volume. Each file is named after the time it was taken and the image the database belonged to.') }}</p>
        {% if status.backups %}
        <ul class="small">
            {% for backup in status.backups %}<li><code>{{ backup }}</code></li>{% endfor %}
        </ul>
        {% endif %}
        <p>{{ _('A failed deploy is rolled back with its backup automatically. There is no button to roll back a deploy that worked, because restoring a backup later throws away everything written since. If you need to, do it on the server, after pausing automatic updates.') }}</p>
        <ol class="small">
            <li>{{ _('Copy the backup out of the agent container.') }}
                <pre class="bg-light border rounded p-2 mt-1">docker cp {{ agent_host or 'PRODUCT_autodeploy' }}:/data/backups/BACKUP.sql.gz .</pre></li>
            <li>{{ _('Stop the web container, so nothing writes while the database is replaced.') }}
                <pre class="bg-light border rounded p-2 mt-1">docker stop {{ status.web_container or 'PRODUCT_web_deploy' }}</pre></li>
            <li>{{ _('Drop and recreate the database, then import the backup.') }}
                <pre class="bg-light border rounded p-2 mt-1">docker exec {{ status.db_container or 'PRODUCT_db_deploy' }} bash -c 'MYSQL_PWD="$MARIADB_ROOT_PASSWORD" mariadb -uroot -e "DROP DATABASE IF EXISTS \`$MARIADB_DATABASE\`; CREATE DATABASE \`$MARIADB_DATABASE\`"'
gunzip -c BACKUP.sql.gz | docker exec -i {{ status.db_container or 'PRODUCT_db_deploy' }} bash -c 'MYSQL_PWD="$MARIADB_ROOT_PASSWORD" mariadb -uroot "$MARIADB_DATABASE"'</pre></li>
            <li>{{ _('Start a web container on the image named in the backup file, so code and database match, then resume automatic updates.') }}</li>
        </ol>
    </div>
</details>

{% if status.agent_version %}<p class="small text-muted">{{ _('Deployment agent %(version)s', version=status.agent_version) }}</p>{% endif %}

{% endif %}

{% endblock %}