{% extends "repo.html" %}

{% set active_page = "log" %}

{% block title %}
    {% trans message=data.message|split("\n\n")|first, username=username, repository=repository %}{{ basename }} in {{ username }}/{{ repository }}{% endtrans %}
{% endblock %}
{% block content %}
<x-vbox>
    <x-frame style="--width: 896px;" class="flexible-space">
        <x-vbox>
            <article>
                <h1>{{ data.message | split("\n\n", 1) | first | inline_markdown }}</h1>
                {{ data.message | split("\n\n", 1) | last | markdown }}
            </article>

            <p>
                <a href="/{{ data.owner_name }}">{{ data.owner_name }}</a>,<br>
                {% trans receive_date=data.receive_date.strftime('%A, %e %B %Y, %H:%M:%S'), author_date=data.author_date.strftime("%A, %e %B %Y, %H:%M:%S"),
                         receive_unix=data.receive_date.timestamp() | int, author_unix=data.author_date.timestamp() | int
                %}
                    created on {{ author_date }} ({{ author_unix }}),
                    received on {{ receive_date }} ({{ receive_unix }})
                {% endtrans %}
                <br>
                {% trans %}Author identity:{% endtrans %} <code>{{ data.owner_identity | harvester_protection | safe }}</code>
            </p>

            <code>{{ data.sha }}</code>

            <x-vbox>
                {% for file in diff %}
                    <article class="card">
                        <section class="card-main">
                            <h2>{{ file }}</h2>
                            {% set vars = namespace(original_line=0, modified_line=0, hunk_started=false, actual_line=0, line_type=0) %}
                            {% for line in diff[file] %}
                                {% if line.startswith("@@") %}
                                    {% if vars.hunk_started %}
                                        </pre> <!-- close the previous pre block if this isn't the first hunk -->
                                    {% endif %}
                                    {% set vars.hunk_started = true %}
                                    {% set diff_location = line|parse_diff_location %}
                                    {% set vars.original_line = diff_location[0][0] %}
                                    {% set vars.modified_line = diff_location[1][0] %}
                                    <h3 class="diff-position">{{ line }}</h3>
                                    <pre class="code-view">
                                {% elif vars.hunk_started %}
                                    {% if line.startswith("+") %}
                                        <button class="line-number" data-file="{{ file }}" data-line="+{{ vars.modified_line }}">{{ vars.modified_line }}&nbsp;+</button>
                                        <ins>{{ line[1:] }}</ins>
                                        {% set vars.actual_line = vars.modified_line %}
                                        {% set vars.line_type = 1 %}
                                        {% set vars.modified_line = vars.modified_line + 1 %}
                                    {% elif line.startswith("-") %}
                                        <button class="line-number" data-file="{{ file }}" data-line="-{{ vars.original_line }}">{{ vars.original_line }}&nbsp;-</button>
                                        <del>{{ line[1:] }}</del>
                                        {% set vars.actual_line = vars.original_line %}
                                        {% set vars.line_type = 0 %}
                                        {% set vars.original_line = vars.original_line + 1 %}
                                    {% elif not line.startswith("\\") %}
                                        {% if line %}
                                            <button class="line-number" data-file="{{ file }}" data-line="+{{ vars.modified_line }}">{{ vars.modified_line }}&nbsp;&nbsp;</button>
                                            <x-codeline>{{ line[1:] }}</x-codeline>
                                        {% endif %}
                                        {% if not line.startswith("@@") %}
                                            {% set vars.actual_line = vars.modified_line %}
                                            {% set vars.line_type = 1 %}
                                            {% set vars.original_line = vars.original_line + 1 %}
                                            {% set vars.modified_line = vars.modified_line + 1 %}
                                        {% endif %}
                                    {% endif %}
                                {% endif %}
                                {% for comment in comment_query.filter_by(commit=data, file=file, line_number=vars.actual_line, line_type=vars.line_type, state=1).all() %}
                                    <div class="comment">
                                        <article>
                                            {{ comment.text | safe }}    {# this was generated by the markdown parser which escapes HTML #}
                                        </article>
                                        <small>
                                            {% trans %}by{% endtrans %} <a href="/{{ comment.owner_name }}">{{ comment.owner.username }}</a>,
                                            {{ comment.date | strftime('%A, %e %B %Y, %H:%M:%S') }}
                                        </small>
                                        <x-buttonbox>
                                            {% if comment.author == current_user or data.owner == current_user or permission_level >= 2 %}
                                                <form method="post" action="{{ repo_data.route }}/commit/{{ data.sha }}/resolve_comment/{{ comment.number }}">
                                                    <button type="submit">
                                                        {% trans %}Resolve{% endtrans %}
                                                    </button>
                                                </form>
                                                <form method="post" action="{{ repo_data.route }}/commit/{{ data.sha }}/delete_comment/{{ comment.number }}">
                                                    <button type="submit" class="button-flat">{% trans %}Delete{% endtrans %}</button>
                                                </form>
                                            {% endif %}
                                        </x-buttonbox>
                                    </div>
                                {% endfor %}
                                {% if comment_query.filter_by(commit=data, file=file, line_number=vars.actual_line, line_type=vars.line_type, state=0).count() %}
                                    <details class="resolved-comments">
                                        <summary>{% trans count=comment_query.filter_by(commit=data, file=file, line_number=vars.actual_line, line_type=vars.line_type, state=0).count() %}Resolved comments ({{ count }}){% endtrans %}</summary>
                                        {% for comment in comment_query.filter_by(commit=data, file=file, line_number=vars.actual_line, line_type=vars.line_type, state=0).all() %}
                                            <div class="comment">
                                                {{ comment.text | safe }}    {# this was generated by the markdown parser which escapes HML #}
                                                <x-buttonbox>
                                                    {% if comment.author == current_user or data.owner == current_user or permission_level >= 2 %}
                                                        <form method="post" action="{{ repo_data.route }}/commit/{{ data.sha }}/resolve_comment/{{ comment.number }}">
                                                            <button type="submit">
                                                                {% trans %}Unresolve{% endtrans %}
                                                            </button>
                                                        </form>
                                                        <form method="post" action="{{ repo_data.route }}/commit/{{ data.sha }}/delete_comment/{{ comment.number }}">
                                                            <button type="submit" class="button-flat">{% trans %}Delete{% endtrans %}</button>
                                                        </form>
                                                    {% endif %}
                                                </x-buttonbox>
                                            </div>
                                        {% endfor %}
                                    </details>
                                {% endif %}
                            {% endfor %}
                            {% if vars.hunk_started %}
                                </pre> {# close the last hunk #}
                            {% endif %}
                        </section>
                    </article>
                {% endfor %}
            </x-vbox>
        </x-vbox>
    </x-frame>
</x-vbox>
<dialog id="add-comment-dialog">
    <article class="card">
        <header class="card-top">
            <div class="navbar navbar-mini">
                <ul>
                    <li><h4>{% trans %}Add comment{% endtrans %}</h4></li>
                </ul>
                <x-buttonbox class="dialog-tools">
                    <button class="button-flat button-neutral big-button" type="submit" form="info-form"><iconify-icon icon="mdi:close"></iconify-icon></button>
                </x-buttonbox>
            </div>
        </header>
        <section class="card-main" style="padding-top: var(--padding-card-top);">
            <form method="post" action="{{ repo_data.route }}/commit/{{ data.sha }}/add_comment">
                <input type="hidden" name="file" value="">
                <input type="hidden" name="line" value="">
                <textarea name="comment" required></textarea>
                <button type="submit">Post</button>
            </form>
        </section>
    </article>
</dialog>
{% endblock %}
{% block scripts %}
<script>
    document.querySelectorAll(".line-number").forEach(function (element) {
        element.addEventListener("click", function () {
            let file = element.getAttribute("data-file");
            let line = element.getAttribute("data-line");
            let dialog = document.getElementById("add-comment-dialog");
            dialog.querySelector("input[name=file]").value = file;
            dialog.querySelector("input[name=line]").value = line;
            dialog.showModal();
        });
    });
    document.querySelectorAll()
</script>
{% endblock %}