{% extends '/layout/admin_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-container">
		<div class="listing-panel">
			<div class="listing-search">
				<form action="{{ path('app_inventory_index', app.request.query|merge({'target': target.value})) }}" 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('app_inventory_index', {'target': target.value}) }}" 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">
					<a href="{{ path('app_inventory_new') }}" class="btn btn-sm btn-gray-800 d-inline-flex align-items-center">
						<svg class="icon icon-xs me-2" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
							<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
						</svg>
						Add Inventory
					</a>
					{{ listingMacro.bulkDeleteButton( path('app_inventory_bulk_delete'), csrf_token('delete') ) }}
					<div class="btn-group ms-2 ms-lg-3">
						{{ listingMacro.filtersBtn( path('app_inventory_filters', app.request.query|merge({'target': target.value})) ) }}
						{{ listingMacro.exportBtn( exportTypes, 'app_inventory_bulk_export', app.request.query|merge({'target': target.value}) ) }}
					</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>{{ listingMacro.listingHeaderCheckbox() }}</th>
								<th>#</th>
								<th>{{ listingMacro.sortItem(sort, 'serial_number', labels.SERIAL_NUMBER) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'customer.username', labels.CUSTOMER) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'po_number', labels.PO_NUMBER) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'stock_entrance_date', labels.STOCK_ENTRANCE_DATE) }}</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, 'created_at', 'Created at') }}</th>
								<th>{{ listingMacro.sortItem(sort, 'partNumber.value', labels.PART_NUMBER) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'iit_type.value', labels.IIT_TYPE) }}</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, 'cathode_sensitivity_2856k', labels.CATHODE_SENSITIVITY_2856K) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'radiant_sensitivity_800_nm', labels.RADIANT_SENSITIVITY_800_NM) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'radiant_sensitivity_850_nm', labels.RADIANT_SENSITIVITY_850_NM) }}</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, 'peripheral_resolution', labels.PERIPHERAL_RESOLUTION) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'mtf_2p5lp', labels.MTF_2P5LP) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'mtf_7p5lp', labels.MTF_7P5LP) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'mtf_15lp', labels.MTF_15LP) }}</th>
								<th>{{ listingMacro.sortItem(sort, 'mtf_25lp', labels.MTF_25LP) }}</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>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for inventory in inventories %}
								<tr>
									<td>{{ listingMacro.listingCheckbox(inventory.id) }}</td>
									<td>{{ pagination.rowIndex(loop.index) }}</td>
									<td>
										<a href="{{ path('app_inventory_show', {'id': inventory.id}) }}" class="link-primary">
											<b>{{ inventory.serialNumber }}</b>
										</a>
									</td>
									<td>
										<div class="{% if inventory.customer %}d-flex align-items-center{% endif %}">
											{% if inventory.customer %}
												<a href="{{ path('app_user_show', {'id': inventory.customer.id}) }}" class="link-primary">
													{{ inventory.customer.username }}
												</a>
											{% endif %}
											<a href="{{ path('app_inventory_change_customer', {'id': inventory.id}) }}" class="btn btn-sm btn-listing text-gray-800" data-bs-toggle="modal" data-bs-target="#turbo_modal" data-trb-frame="turbo_change_customer_modal_frame" data-trb-modal="1">
												{% if inventory.customer %}
													<svg class="icon icon-xxs" data-slot="icon" fill="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
														<path clip-rule="evenodd" fill-rule="evenodd" d="M11.013 2.513a1.75 1.75 0 0 1 2.475 2.474L6.226 12.25a2.751 2.751 0 0 1-.892.596l-2.047.848a.75.75 0 0 1-.98-.98l.848-2.047a2.75 2.75 0 0 1 .596-.892l7.262-7.261Z"></path>
													</svg>
												{% else %}
													<svg class="icon icon-xxs" data-slot="icon" fill="currentColor" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
														<path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"></path>
													</svg>
												{% endif %}
											</a>
										</div>
									</td>
									<td>{{ inventory.poNumber|default('-') }}</td>
									<td>{{ inventory.stockEntranceDate ? inventory.stockEntranceDate|date('d.m.Y') : '-' }}</td>
									<td>{{ inventory.soNumber|default('-') }}</td>
									<td>{{ inventory.dispatchDate ? inventory.dispatchDate|date('d.m.Y') : '-' }}</td>
									<td>{{ inventory.createdAt ? inventory.createdAt|date('d.m.Y') : '-' }}</td>
									<td>{{ inventory.partNumber|default('-') }}</td>
									<td>{{ inventory.iitType|default('-') }}</td>
									<td>{{ inventory.fom|default('-') }}</td>
									<td>{{ inventory.phosphorType|default('-') }}</td>
									<td>{{ inventory.autoGating ? 'YES' : 'NO' }}</td>
									<td>{{ inventory.emi ? 'YES' : 'NO' }}</td>
									<td>{{ inventory.cathodeSensitivity2856k is not null ? inventory.cathodeSensitivity2856k ~ labels.CATHODE_SENSITIVITY_UNIT|raw : '-' }}</td>
									<td>{{ inventory.radiantSensitivity800Nm is not null ? inventory.radiantSensitivity800Nm ~ labels.RADIANT_SENSITIVITY_UNIT|raw : '-' }}</td>
									<td>{{ inventory.radiantSensitivity850Nm is not null ? inventory.radiantSensitivity850Nm ~ labels.RADIANT_SENSITIVITY_UNIT|raw : '-' }}</td>
									<td>{{ inventory.maxOutputBrightness is not null ? inventory.maxOutputBrightness ~ labels.MAX_OUTPUT_BRIGHTNESS_UNIT|raw : '-' }}</td>
									<td>{{ inventory.luminanceGain is not null ? inventory.luminanceGain ~ labels.LUMINANCE_GAIN_UNIT|raw : '-' }}</td>
									<td>{{ inventory.centerResolution is not null ? inventory.centerResolution ~ labels.CENTER_RESOLUTION_UNIT|raw : '-' }}</td>
									<td>{{ inventory.peripheralResolution is not null ? inventory.peripheralResolution ~ labels.PERIPHERAL_RESOLUTION_UNIT|raw : '-' }}</td>
									<td>{{ inventory.mtf2p5lp is not null ? inventory.mtf2p5lp ~ labels.MTF_UNIT : '-' }}</td>
									<td>{{ inventory.mtf7p5lp is not null ? inventory.mtf7p5lp ~ labels.MTF_UNIT : '-' }}</td>
									<td>{{ inventory.mtf15lp is not null ? inventory.mtf15lp ~ labels.MTF_UNIT : '-' }}</td>
									<td>{{ inventory.mtf25lp is not null ? inventory.mtf25lp ~ labels.MTF_UNIT : '-' }}</td>
									<td>{{ inventory.ebi is not null ? inventory.ebi ~ labels.EBI_UNIT : '-' }}</td>
									<td>{{ inventory.imageAlignment ? inventory.imageAlignment.label : '-' }}</td>
									<td>{{ inventory.mechanicalInspection ? inventory.mechanicalInspection.label : '-' }}</td>
									<td>{{ inventory.snr|default('-') }}</td>
									<td>{{ operationalLife }}</td>
									<td>
										<a href="{{ path('app_inventory_show', {'id': inventory.id}) }}" class="ms-1">
											<svg class="icon icon-xxs" data-slot="icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
												<path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
												<path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 0 1 0-1.113ZM17.25 12a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0Z" clip-rule="evenodd"/>
											</svg>
										</a>
										<a href="{{ path('app_inventory_edit', {'id': inventory.id}) }}" class="ms-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>
										</a>
										<form class="d-inline" method="post" action="{{ path('app_inventory_delete', {'id': inventory.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
											<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ inventory.id) }}">
											<button class="btn btn-sm btn-link text-danger ms-1 p-0">
												<svg class="icon icon-xs" fill="none" stroke="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
													<path clip-rule="evenodd" fill-rule="evenodd" d="M8.75 1A2.75 2.75 0 0 0 6 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52.149.023a.75.75 0 0 0 .23-1.482A41.03 41.03 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1h-2.5ZM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4ZM8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06l-.3-7.5Zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06l.3-7.5Z"></path>
												</svg>
											</button>
										</form>
									</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>
	</div>

	{{ listingMacro.filtersModal( path('app_inventory_index', {'target': target.value}) ) }}

	<div class="modal fade" id="turbo_modal" tabindex="-1" role="dialog" aria-labelledby="turbo_modal" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<turbo-frame id="turbo_change_customer_modal_frame">
				<div class="modal-content">
					<div class="modal-body">
						loading...
					</div>
				</div>
			</turbo-frame>
		</div>
	</div>
	<!-- End of Modal Content -->

{% endblock %}