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

{% block title %}BugReport{% endblock %}

{% block body %}
    <h1 class="text-center text-5xl lg:text-3xl my-10 font-bold">{{bug_report.Title}}</h1>

    <table class="border-2 border-gray-200 px-4 py-2 mx-auto w-4/5 bg-white shadow-lg rounded-lg">
        <tbody>
            <tr class="border-b border-gray-200">
                <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Titre</th>
                <td class="text-3xl lg:text-lg p-4">{{ bug_report.Title }}</td>
            </tr>
            <tr class="border-b border-gray-200">
                <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Description</th>
                <td class="text-3xl lg:text-lg p-4">{{ bug_report.Content }}</td>
            </tr>
            <tr class="border-b border-gray-200">
                <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Date de création</th>
                <td class="text-3xl lg:text-lg p-4">{{ bug_report.CreatedAt ? bug_report.CreatedAt|date('Y-m-d H:i:s') : '' }}</td>
            </tr>
            <tr class="border-b border-gray-200">
                <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Lien</th>
                <td class="text-3xl lg:text-lg p-4">{{ bug_report.Link }}</td>
            </tr>
            <tr class="border-b border-gray-200">
                <th class="text-4xl lg:text-xl font-semibold text-left p-4 bg-gray-100">Capture d'écran</th>
                <td class="text-4xl lg:text-base p-4"><img src="{{ asset('images/bug/' ~ bug_report.Screenshot) }}" alt=""></td>
            </tr>
        </tbody>
    </table>
<div class="flex flex-row justify-center my-10">
    <a class="font-semibold text-3xl lg:text-lg btn bg-blue-300 py-4 px-4 m-2 rounded shadow-sm" href="{{ path('app_bug_report_index') }}">Retour</a>

    <a class="font-semibold text-3xl lg:text-lg btn bg-orange-300 py-4 px-4 m-2 rounded shadow-sm" href="{{ path('app_bug_report_edit', {'id': bug_report.id}) }}">Éditer</a>

    {{ include('bug_report/_delete_form.html.twig') }}
</div>
{% endblock %}