{% extends "default.html" %}
{% block title %}
    {% trans result_id=result.id %}Task monitor for {{ result_id }}{% endtrans %}
{% endblock %}
{% block breadcrumbs %}
    <li><a href="/task/{{ result.id }}">{% trans result_id=result.id %}Task {{ result_id }}{% endtrans %}</a></li>
{% endblock %}
{% block content %}
    {# Update every 5 seconds #}
    <x-frame style="--width: 896px;" class="flexible-space" {% if not result.ready() %}hx-swap="outerHTML" hx-get="/task/{{ result.id }}?partial=1" hx-trigger="load delay:1s"{% endif %}>
        <x-hbox class="box-center">
            <h1>{% trans %}Task results{% endtrans %}</h1>
            <div class="flexible-space"></div>
            {% if result.ready() %}
                <iconify-icon icon="mdi:check" style="font-size: 2em; color: var(--color-success);"></iconify-icon>
                {% trans %}Done{% endtrans %}
            {% else %}
                <iconify-icon icon="material-symbols:autorenew" style="animation: rotate 750ms linear infinite; font-size: 2em; color: var(--color-info);"></iconify-icon>
                {% trans %}Running...{% endtrans %}
            {% endif %}
        </x-hbox>

        {% if result.get()[0] == "merge_simulator" %}
            {% if result.get()[1] %}
                <h2>{% trans %}Info{% endtrans %}</h2>
                <pre aria-busy="true" aria-describedby="task-progress">{{ result.get()[1] | decode }}</pre>
            {% endif %}
            {% if result.get()[2] %}
                <h2>{% trans %}Errors{% endtrans %}</h2>
                <pre aria-busy="true" aria-describedby="task-progress">{{ result.get()[2] | decode }}</pre>
            {% endif %}

            {% if result.get()[7] %}
                <h2>{% trans %}Cannot merge your branches{% endtrans %}</h2>
                <p>
                    {% trans %}Since we can't help you with this yet, you'll need to resolve the merge conflicts on your own computer.{% endtrans %}
                </p>
                <p>
                    {% trans %}In a shell inside your repository execute:{% endtrans %}
                </p>
                {% if result.get()[3] != result.get()[5] %}
                    <pre>
<span class="decorative-dollar">git remote add UPSTREAM {{ result.get()[3] }}</span>
<span class="decorative-dollar">git remote update</span>
<span class="decorative-dollar">git checkout {{ result.get()[6] }}</span>
<span class="decorative-dollar">git merge --allow-unrelated-histories UPSTREAM/{{ result.get()[4] }}</span></pre>
                    <p>
                        {% trans %}Then fix your conflicts, merge, and finally, run:{% endtrans %}
                    </p>
                    <pre>
<span class="decorative-dollar">git remote rm UPSTREAM</span></pre>
                    <p>
                        {% trans %}and push the changes.{% endtrans %}
                    </p>
                {% else %}
                    <pre>
<span class="decorative-dollar">git checkout {{ result.get()[6] }}</span>
<span class="decorative-dollar">git merge {{ result.get()[4] }}</span></pre>
                    <p>
                        {% trans %}Resolve your conflicts and merge, then push.{% endtrans %}
                    </p>
                {% endif %}
            {% else %}
                <h2>{% trans %}Merge simulation went well; continue?{% endtrans %}</h2>
                <a href="{{ result.get()[5] }}/prs/{{ request.args.get('pr-id') }}/merge" class="button">{% trans %}Merge{% endtrans %}</a>
            {% endif %}
        {% endif %}
    </x-frame>
    <style>
        @keyframes rotate {
            0% {
                transform: rotate(0);
            }
            100% {
                transform: rotate(1turn);
            }
        }

        .decorative-dollar::before {
            content: "$ ";
        }
    </style>
{% endblock %}