{% extends "layout/base.html" %}

{% block content %}
    <div class="l-main">
        <div class="l-main__sidebar" :class="{ 'l-main__sidebar--open': sidebarOpen }">
            {% include "partial/sidebar.html" %}
        </div>
        <main id="content" class="l-main__body" data-item="body">
            {% include "partial/header.html" %}
            {% set heading = {
                'title': title,
                'actions': [{
                    'label': 'Edit item',
                    'link': '/item/edit/',
                    'icon': './src/img/icon/edit.svg',
                    'class': 'btn btn--primary btn--icon'
                }, {
                    'label': 'Delete',
                    'link': '#',
                    'class': 'btn btn--delete'
                }]
            } %}
            {% include "partial/heading.html" %}
            <div class="container">
                <div class="app-body">
                    <div class="l-row">
                        <div class="l-row__column">
                            <div class="app-card">
                                <div class="app-card__body">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <tr>
                                                <th>ID</th>
                                                <td>1</td>
                                            </tr>
                                            <tr>
                                                <th>Name</th>
                                                <td>LuminoTech LED Desk Lamp</td>
                                            </tr>
                                            <tr>
                                                <th>Price</th>
                                                <td>$ 19.99</td>
                                            </tr>
                                            <tr>
                                                <th>SKU</th>
                                                <td>SKU001</td>
                                            </tr>
                                            <tr>
                                                <th>Quantity</th>
                                                <td>10</td>
                                            </tr>
                                            <tr>
                                                <th>Status</th>
                                                <td>
                                                    <span class="status status--success">In stock</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Description</th>
                                                <td>LuminoTech LED Desk Lamp provides bright and energy-efficient lighting for your workspace.</td>
                                            </tr>
                                            <tr class="vertical-align:top">
                                                <th>Product Image</th>
                                                <td>
                                                    <img src="https://picsum.photos/250/250?random=1" alt="Product Image" style="max-inline-size: 15rem;">
                                                </td>
                                            </tr>
                                            <tr>
                                                <th>Manufacturer</th>
                                                <td>XYZ Electronics</td>
                                            </tr>
                                            <tr>
                                                <th>Weight</th>
                                                <td>1.5 kg</td>
                                            </tr>
                                            <tr>
                                                <th>Dimensions</th>
                                                <td>20 x 15 x 5 inches</td>
                                            </tr>
                                            <tr>
                                                <th>Color</th>
                                                <td>Black</td>
                                            </tr>
                                            <tr>
                                                <th>Power Source</th>
                                                <td>Electric</td>
                                            </tr>
                                            <tr>
                                                <th>Warranty</th>
                                                <td>1 year</td>
                                            </tr>
                                            <tr>
                                                <th>Product Type</th>
                                                <td>Desk Accessories</td>
                                            </tr>
                                            <tr>
                                                <th>Material</th>
                                                <td>Plastic</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {% include "partial/footer.html" %}
        </main>
    </div>
{% endblock %}