{% 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>
    <table class="mt-4 table table-striped table-bordered table-hover" id="dataTables" style="width:100%; zoom:80%;">
        <thead>
            <tr>
                <th>id</th>
                <th>titre</th>
                <th>submit</th>
                <th>clos</th>
            </tr>
        </thead>
        <tbody>
    {% for issue in issues %}
        <tr>
            <td>{{issue.number}}</td>
            <td>{{issue.title}}</td>
            <td>{{issue.created_at|date("d/m/Y H:i")}}</td>
            <td>{{ (issue.closed_at ? issue.closed_at|date("d/m/Y H:i") : "") }}</td>
        </tr>
    {% endfor %}
    </tbody>
    </table>
{% endblock %}

{% block localjavascript %}
$(document).ready(function() {
    $('#dataTables').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );
{% endblock %}