{% extends "base.html.twig" %}

{% block localstyle %}
    body {
        background-color: #efefef;
    }

    .issuetitle {
        margin-top:100px;
        page-break-before: always;
    }

    .issuediv {
        zoom:60%;
    }

    .issuecontent {
        width:80%;
    }
    .issuedetail {
        width:20%;
    }

    @media print {
        body {
            background-color: transparent;
        }
    }
{% endblock %}

{% block body %}

    <h1>{{repo.full_name}}</h1>
    {% for issue in issues %}
        <h2 id='issuetitle{{issue.number}}' class='issuetitle'>#{{issue.number}} = {{issue.title}}</h2>
        
        <div id='issuediv{{issue.number}}' class='issuediv d-flex'>";
            <div class='issuecontent'>
                <h3>{{issue.user.login}} le {{issue.created_at|date("d/m/Y H:i")}}</h3>
                <div class='card card-body'>
                    {{issue.body|raw}}
                </div>

                {% if issue.comments %}
                    {% for comment in issue.comments %}
                        <h3 class='mt-3'>{{comment.user.login}} le {{comment.created_at|date("d/m/Y H:i")}}</h3>
                        <div class='card card-body'>
                            {{comment.body|raw}}
                        </div>
                    {% endfor %}
                {% endif %}
            </div>

            <div class='pl-3 issuedetail'>
                <h3>Statut</h3>
                <div class='card card-body mb-3'>
                {% if issue.closed_at %}
                    Clos le {{issue.closed_at|date("d/m/Y H:i")}}
                {% else %}
                    En Cours
                {% endif %}
                </div>

                <h3>Jalon</h3>
                <div class='card card-body mb-3'>
                    {% if issue.milestone %}
                        {{ issue.milestone.title|raw }}
                    {% else %}
                        Backlog
                    {% endif %}
                </div>

                {% if issue.labels %}
                    <h3>Labels</h3>
                    <div class='card'>
                        <div class='card-body mb-3'>
                            {% for label in issue.labels %}
                                <span class='badge mr-2 mb-2 p-2' style='background-color:#{{label.color}}'>{{label.name}}</span>
                            {% endfor%}
                        </div>
                    </div>
                {% endif %}

                {% if issue.timelines %}
                    <h3>Historique</h3>
                    <div class='card card-body mb-3'>
                    
                    {% for timeline in issue.timelines %}
                        {% if timeline.type!="comment" and timeline.type!="project" and timeline.type!="added_deadline" and timeline.type!="modified_deadline" and timeline.type!="label" %}
                            <li><b>{{timeline.user.login}} le {{timeline.created_at|date("d/m/Y H:i")}}</b><br>

                            {% if timeline.type == "change_title" %}
                                <div class='pl-4'>Modification titre de <i>{{timeline.old_title}}</i> à <i>{{timeline.new_title}}</i></div>

                            {% elseif timeline.type == "milestone" %}
                                {% if timeline.milestone %}
                                    <div class='pl-4'>Affectation au Jalon <i>{{timeline.milestone.title}}</i></div>
                                {% else %}
                                    <div class='pl-4'>Suppression du Jalon</div>
                                {% endif %}

                            {% elseif timeline.type == "label" %}
                                <div class='pl-4'>Affectation au Label <i>{{timeline.label.name}}</i></div>

                            {% elseif timeline.type == "comment_ref" or timeline.type == "pull_ref" or timeline.type == "issue_ref" %}
                                <div class='pl-4'>Référencé le ticket <i>#{{timeline.ref_issue.number}} - {{timeline.ref_issue.title}}</i></div>

                            {% elseif timeline.type == "add_dependency" %}
                                <div class='pl-4'>Ajouté dépendance au ticket <i>#{{timeline.dependent_issue.number}} - {{timeline.dependent_issue.title}}</i></div>

                            {% elseif timeline.type == "remove_dependency" %}
                                <div class='pl-4'>Supprimé dépendance au ticket <i>#{{timeline.dependent_issue.number}} - {{timeline.dependent_issue.title}}</i></div>

                            {% elseif timeline.type == "pull_push" %}
                                <div class='pl-4'>Ajout révision</i></div>
                            
                            {% elseif timeline.type == "assignees" %}
                                <div class='pl-4'>Affecté intervenant <i>{{timeline.assignee.login}}</i></div>
                            
                            {% elseif timeline.type == "commit_ref" %}
                                <div class='pl-4'>Référencé depuis révision <i>#{{timeline.body|raw}}</i></div>
                            
                            {% elseif timeline.type == "merge_pull" %}
                            <div class='pl-4'>Révision fusionnée</div>
                            
                            {% elseif timeline.type == "delete_branch" %}
                            <div class='pl-4'>Suppression branche {{timeline.old_ref|raw}}</div>

                            {% elseif timeline.type == "close" %}
                                <div class='pl-4'>Clos <i>Fermeture du ticket</i></div>

                            {% elseif timeline.type == "review" %}
                                <div class='pl-4'>Revue acceptée</div>

                            {% elseif timeline.type == "review_request" %}
                                <div class='pl-4'>Demande de révision</div>

                            {% elseif timeline.type == "reopen" %}
                                <div class='pl-4'>Réouverture du ticket</div>

                            {% else %}
                                {{ dump(timeline) }}
                            {%endif%}
                        {% endif %}
                    {% endfor %}
                    </div>
                {% endif %}                
            </div>
        </div>
    {% endfor %}

{% endblock %}