{% extends '/layout/customer_layout.html.twig' %}
{% import "macro/listing.html.twig" as listingMacro %}

{% set labels = class_constants('App\\Label\\InventoryLabel') %}

{% block title %}Inventory{% endblock %}

{% block content %}
    <div class="listing-panel">
        <div class="listing-search">
            <form action="{{ path('partnerarea_inventory_index', app.request.query.all) }}"
                  method="get">
                <div class="input-group me-2 me-lg-3">
                    {% set search = app.request.query.get('search') %}
                    <input type="text" name="search" class="form-control" placeholder="Search" value="{{ search }}">
                    {% if search is not empty %}
                        <a href="{{ path('partnerarea_inventory_index') }}"
                           class="btn btn-danger btn-sm">
                            Clear
                        </a>
                    {% endif %}
                    <button class="btn btn-primary btn-sm" type="submit">
                        <svg class="icon icon-xs" x-description="Heroicon name: solid/search"
                             xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
                             aria-hidden="true">
                            <path fill-rule="evenodd"
                                  d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
                                  clip-rule="evenodd"></path>
                        </svg>
                    </button>
                </div>

            </form>
        </div>
        <div class="listing-toolbar">
            <div class="btn-toolbar">
                <div class="btn-group ms-2 ms-lg-3">
                    {{ listingMacro.filtersBtn( path('partnerarea_inventory_filters', app.request.query.all) ) }}
                </div>

                <div class="ms-2 ms-lg-3">
                    {% include('components/page_size_choice.html.twig') %}
                </div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow mb-3">
        <div class="card-body p-2">
            <div class="table-wrapper table-responsive">
                <table class="table table-hover">
                    <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>{{ listingMacro.sortItem(sort, 'serial_number', labels.SERIAL_NUMBER) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'so_number', labels.SO_NUMBER) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'dispatch_date', labels.DISPATCH_DATE) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'fom', labels.FOM) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'phosphor_type.value', labels.PHOSPHOR_TYPE) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'auto_gating', labels.AUTO_GATING) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'emi', labels.EMI) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'maxOutputBrightness', labels.MAX_OUTPUT_BRIGHTNESS) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'luminanceGain', labels.LUMINANCE_GAIN) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'centerResolution', labels.CENTER_RESOLUTION) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'ebi', labels.EBI) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'image_alignment', labels.IMAGE_ALIGNMENT) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'mechanical_inspection', labels.MECHANICAL_INSPECTION) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'snr', labels.SNR) }}</th>
                        <th>{{ listingMacro.sortItem(sort, 'operational_life', labels.OPERATIONAL_LIFE) }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for inventory in inventories %}
                        <tr>
                            <td>{{ pagination.rowIndex(loop.index) }}</td>
                            <td>
                                <a href="{{ path('partnerarea_inventory_show', {'id': inventory.id}) }}" class="link-primary">
                                    <b>{{ inventory.serialNumber }}</b>
                                </a>
                            </td>
                            <td>{{ inventory.soNumber|default('-') }}</td>
                            <td>{{ inventory.dispatchDate ? inventory.dispatchDate|date('d.m.Y') : '-' }}</td>
                            <td>{{ inventory.fom ?? '-' }}</td>
                            <td>{{ inventory.phosphorType ?? '-' }}</td>
                            <td>{{ inventory.autoGating ? 'YES' : 'NO' }}</td>
                            <td>{{ inventory.emi ? 'YES' : 'NO' }}</td>
                            <td>{% if inventory.maxOutputBrightness is not null %}{{ inventory.maxOutputBrightness }}{{ labels.MAX_OUTPUT_BRIGHTNESS_UNIT|raw }}{% else %}-{% endif %}</td>
                            <td>{% if inventory.luminanceGain is not null %}{{ inventory.luminanceGain }}{{ labels.LUMINANCE_GAIN_UNIT|raw }}{% else %}-{% endif %}</td>
                            <td>{% if inventory.centerResolution is not null %}{{ inventory.centerResolution }}{{ labels.CENTER_RESOLUTION_UNIT|raw }}{% else %}-{% endif %}</td>
                            <td>{% if inventory.ebi is not null %}{{ inventory.ebi ~ labels.EBI_UNIT }}{% else %}-{% endif %}</td>
                            <td>{% if inventory.imageAlignment is not null %}{{ inventory.imageAlignment.label }}{% else %}-{% endif %}</td>
                            <td>{% if inventory.mechanicalInspection is not null %}{{ inventory.mechanicalInspection.label }}{% else %}-{% endif %}</td>
                            <td>{{ inventory.snr ?? '-' }}</td>
                            <td>{{ operationalLife }}</td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="100%">no records found</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">{%- include 'components/pagination.html.twig' with { 'pagination': pagination } -%}</div>
    </div>

    {{ listingMacro.filtersModal( path('partnerarea_inventory_index') ) }}

{% endblock %}