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

{% block title %}Laptop{% endblock %}

{% block body %}
    <div class="absolute">
        <h1>Laptop</h1>

        <table class="table">
            <tbody>
            <tr>
                <th>ID</th>
                <td>{{ laptop.id }}</td>
            </tr>
            <tr>
                <th>Visuelle</th>
                <td>
                    {% if laptop.images is not empty %}
                        {% for image in laptop.images %}
                            <img src="{{ asset('img/laptop/' ~ image) }}" alt="{{ image }}" width="50" height="50">
                        {% endfor %}
                    {% else %}
                        <p> Aucun visuelle disponible</p>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>Modèle</th>
                <td>{{ laptop.modele }}</td>
            </tr>
            <tr>
                <th>SKU</th>
                <td>{{ laptop.SKU }}</td>
            </tr>
            <tr>
                <th>Prix</th>
                <td>{{ laptop.prix }}</td>
            </tr>
            <tr>
                <th>Taille_ecran</th>
                <td>{{ laptop.tailleEcran }}</td>
            </tr>
            </tbody>
        </table>

        <a href="{{ path('laptop_index') }}" class="btn btn-dark">Retour</a>

        <a href="{{ path('laptop_edit', {'id': laptop.id}) }}" class="btn btn-info">Modifier</a>

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