{% extends '/layout/admin_layout.html.twig' %}
{% import "limit/macro.html.twig" as limitMacro %}
{% set labels = class_constants('App\\Label\\InventoryLabel') %}

{% block title %}Limit{% endblock %}

{% block content %}
        <div class="row d-flex justify-content-center">
            <div class="col-xl-8">
                <div class="d-flex justify-content-between align-items-center">
                    <h1>Limit</h1>
                    <div class="d-flex">
                        <a href="{{ path('app_limit_edit', {'id': limit.id}) }}" class="btn btn-warning me-1">
                            <svg class="icon icon-xxs" data-slot="icon" fill="currentColor" viewBox="0 0 20 20"
                                 xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                <path d="m2.695 14.762-1.262 3.155a.5.5 0 0 0 .65.65l3.155-1.262a4 4 0 0 0 1.343-.886L17.5 5.501a2.121 2.121 0 0 0-3-3L3.58 13.419a4 4 0 0 0-.885 1.343Z"></path>
                            </svg>
                            Edit
                        </a>
                        {{ include('limit/_delete_form.html.twig') }}
                    </div>
                </div>

                <div class="card card-body border-0 shadow">
                    <div class="table-wrapper table-responsive">
                        <table class="table table-hover">
                            <tbody>
                            <tr>
                                <th>Name</th>
                                <td>{{ limit.name }}</td>
                            </tr>
                            <tr>
                                <th>{{ labels.CENTER_RESOLUTION }}</th>
                                <td>{{ limitMacro.range(limit.centerResolution) }}{{ labels.CENTER_RESOLUTION_UNIT|raw }}</td>
                            </tr>
                            <tr>
                                <th>{{ labels.SNR }}</th>
                                <td>{{ limitMacro.range(limit.snr) }}</td>
                            </tr>
                            <tr>
                                <th>{{ labels.FOM }}</th>
                                <td>{{ limitMacro.range(limit.fom) }}</td>
                            </tr>
                            <tr>
                                <th>{{ labels.MAX_OUTPUT_BRIGHTNESS }}</th>
                                <td>{{ limitMacro.range(limit.maxOutputBrightness) }}{{ labels.MAX_OUTPUT_BRIGHTNESS_UNIT|raw }}</td>
                            </tr>
                            <tr>
                                <th>{{ labels.LUMINANCE_GAIN }}</th>
                                <td>{{ limitMacro.range(limit.luminanceGain) }}{{ labels.LUMINANCE_GAIN_UNIT|raw }}</td>
                            </tr>
                            <tr>
                                <th>{{ labels.EBI }}</th>
                                <td>{{ limitMacro.range(limit.ebi) }}{{ labels.EBI_UNIT|raw }}</td>
                            </tr>
                            <tr>
                                <th>Created at</th>
                                <td>
                                    {{ limit.createdAt ? limit.createdAt|dtz : '-' }}
                                    {% if limit.createdBy %}
                                        by {{ limit.createdBy.username }}
                                    {% endif %}
                                </td>
                            </tr>
                            <tr>
                                <th>Updated at</th>
                                <td>
                                    {{ limit.updatedAt ? limit.updatedAt|dtz : '-' }}
                                    {% if limit.updatedBy %}
                                        by {{ limit.updatedBy.username }}
                                    {% endif %}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    {% endblock %}