{% extends 'layout_page.twig' %}

{% set page = 'commits' %}

{% block title %}P3X GitList{% endblock %}

{% block content %}

    <script type="text/javascript">
        window.gitlist.lastload = Date.now();
    </script>
    <div class="p3x-gitlist-overlay">
        <div>
            <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
        </div>
        <br/>
        <div>
            Loading a big commit ...
        </div>
    </div>

    {% include 'breadcrumb.twig' with {breadcrumbs: [{dir: "Commit #{commit.hash}", path:''}]} %}

    <div>
        <div style="float: right;">
            <a class="btn btn-info" href="{{ path('branch', {repo: repo, branch: commit.hash}) }}" title="Browse code at this point in history"><span class="fa fa-list-alt"></span> Browse code</a>
        </div>
        <div style="font-size: 175%; padding: 10px; font-weight: bold;">
            {{ commit.message }}
        </div>
    </div>
    <div style="height: 10px; clear: both;"></div>
    <div class="commit-view">

        <div class="commit-body">
            {% if commit.body is not empty %}
            <p>{{ commit.body | nl2br }}</p>
            {% endif %}
            <img src="{{ avatar(commit.author.email, 32) }}" class="pull-left space-right" />
            <span>
                <a href="mailto:{{ commit.author.email }}">{{ commit.author.name }}</a> authored on {{ commit.date | format_date }}
                {% if commit.author.email != commit.commiter.email %}
                &bull; <a href="mailto:{{ commit.commiter.email }}">{{ commit.commiter.name }}</a> committed on {{ commit.commiterDate | format_date }}
                {% endif %}
                <br />Showing {{ commit.changedFiles }} changed files
            </span>
        </div>
    </div>

    <ul class="commit-list">
        {% for diff in commit.diffs %}
            <li><i class="fa fa-file-text-o"></i> <a id="{{ diff.file | to_id }}" href="#diff-{{ loop.index }}">{{ diff.file }}</a> <span class="meta pull-right">{{ diff.index }}</span></li>
        {% endfor %}
    </ul>

    {% for diff in commit.diffs %}
        <br/>
        <div class="btn-group pull-right">
            <a href="{{ path('commits', {repo: repo, commitishPath: commit.hash ~ '/' ~ diff.file}) }}"  class="btn btn-primary btn-sm"><span class="fa fa-list-alt"></span> History</a>
            <a href="{{ path('blob', {repo: repo, commitishPath: commit.hash ~'/' ~ diff.file}) }}"  class="btn btn-primary btn-sm"><span class="fa fa-file"></span> View file @ {{ commit.shortHash }}</a>
        </div>

        <div class="source-view">
        <div class="source-header">
            <div class="meta"><span id="diff-{{ loop.index }}"><a href="#{{ diff.file | to_id }}">{{ diff.file }}</a></div>
        </div>

        <div class="source-diff">
        <table>
        {% for line in diff.getLines %}
            <tr>
                <td colspan="3">
                </td>
            </tr>
            <tr>
                <td class="lineNo">
                    {% if line.getType != 'chunk' %}
                        <a id="{{ diff.index  | to_id }}L{{ loop.index }}R{{ line.getNumOld }}"></a>
                        <a href="#{{ diff.index  | to_id }}L{{ loop.index }}R{{ line.getNumOld }}">
                    {% endif %}
                    {{ line.getNumOld }}
                    {% if line.getType != 'chunk' %}
                        </a>
                    {% endif %}
                </td>
                <td class="lineNo">
                    {% if line.getType != 'chunk' %}
                        <a id="{{ diff.index  | to_id }}L{{ loop.index }}L{{ line.getNumNew }}"></a>
                        <a href="#{{ diff.index | to_id }}L{{ loop.index }}L{{ line.getNumNew }}">
                    {% endif %}
                    {{ line.getNumNew }}
                    {% if line.getType != 'chunk' %}
                        </a>
                    {% endif %}
                </td>
                <td style="width: 100%">
                    <pre{% if line.getType %} class="{{ line.getType }}"{% endif %}>{{ line.getLine }}</pre>
                </td>
            </tr>
        {% endfor %}
        </table>
        </div>
    </div>
    {% endfor %}

{% endblock %}