{% 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) %}
                            {% 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.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.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.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.original_line).all() %}
                                    <div class="comment">
                                        {{ comment.message }}
                                    </div>
                                {% endfor %}
                            {% 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();
        });
    });
</script>
{% endblock %}