{!{@tech.ebp.oqm.baseStation.service.mongo.search.SearchResult<tech.ebp.oqm.baseStation.model.object.storage.items.InventoryItem> searchResults}!}
{!{@tech.ebp.oqm.baseStation.service.mongo.search.PagingCalculations pagingCalculations}!}
{!
  Template to show storage search results. Gives the contents of a table, but not the main table tag

  Ingests:
  - actionType - the action to take. "full" or "select"
  - itemService - the service to get items
  - searchResults
  - searchFormId - the id of the search form controlling the results
  - inputIdPrepend - the prepend for the id of the inputs to set the data of
  - otherModalId - the id of the other modal to open when selected

  if `actionType` is "select", callback will be "selectItem('<item name>', '<item id>', '<inputIdPrepend>')" on the select button
!}
<thead>
<tr>
	<td colspan="9" class="text-center searchResultsContainer">
		{#paginationButtons searchFormId = searchFormId searchResults = searchResults /}
	</td>
</tr>
<tr>
	<th scope="col" class="searchResultImageCol">Image</th>
	<th scope="col">Name</th>
	<th scope="col">Storage Type</th>
	<th scope="col">{#icons/categories /} Categories</th>
	<th scope="col">Total</th>
	<th scope="col" class="text-center" style="width: 50px;"># {#icons/stored /}</th>
	<th scope="col" class="text-center" style="width: 50px;"># {#icons/storageBlocks /}</th>
	<th scope="col" class="text-center" style="width: 114px;">{#icons/flags /} Flags</th>
	<th scope="col" style="width: 175px;">Actions</th>
</tr>
</thead>
<tbody>
{#if searchResults.get("empty").asBoolean()}
<tr>
	<td colspan="9" class="text-center">
		<h2>
			No Items
		</h2>
		{#if actionType == 'full'}
		<div class="col d-grid gap-2">
			<button type="button" class="btn btn-success btn-lg noResultsAddButton" data-bs-toggle="modal"
				data-bs-target="#addEditItemModal" onclick="ItemAddEdit.setupAddEditForAdd();">
				{#icons/add /} Add Item
			</button>
		</div>
	{/if}
	</td>
</tr>
{#else}
{#for result in searchResults.get("results")}
{#let id = result.get("id").asText() name = result.get("name").asText()}
<tr class="itemResultRow align-middle">
	<td>
		{#if ! result.get("imageIds").isEmpty()}
			<img src="{rootPrefix}/api/passthrough/media/image/for/item/{id}" class="searchResultImage">
		{/if}
	</td>
	<td class="itemResultsName user-select-all">{name}</td>
	<td>{cdi:EnumFormattingService.formatEnum(result.get("storageType").asText())}</td>
	<td class="">
		{#for curCat in result.get("categories-objs")}
		{#objView/itemCatBadge rootPrefix=rootPrefix category=curCat /}
		{/for}
	</td>
	<td>
		{#amountDisplay amount = result.get("stats").get("total")}{/amountDisplay}
	</td>
	<td class="text-center">
		{result.get("stats").get("numStored").asInt()}
	</td>
	<td class="text-center">
		{result.get("storageBlocks").size()}
	</td>
	<td>
		{#object/inventoryItems/flags item=result /}
	</td>
	{#if actionType == 'full'}
	<td class="d-flex flex-row">
		<button type="button" class="btn btn-sm btn-info viewButton me-1" title="View" data-bs-toggle="modal" data-bs-target="#itemViewModal" onclick="ItemView.setupView('{id}');">
			{#icons/view}{/icons/view}
		</button>
		<button type="button" class="btn btn-sm btn-warning me-1" title="Edit" data-bs-toggle="modal" data-bs-target="#addEditItemModal" onclick="ItemAddEdit.setupAddEditForEdit('{id}');">
			{#icons/edit}{/icons/edit}
		</button>
		{#itemStored/transaction/buttons/transactionDropdown dropdownClasses="btn-sm me-1" buttonText=false itemId=id checkinButton=false /}
		<button type="button" class="btn btn-sm btn-danger me-1" title="Remove"
			onclick="removeItem('{id}');">{#icons/remove}{/icons/remove}
		</button>
	{#else if actionType == 'select'}
		<td class="d-grid gap-2">
			<button type="button" class="btn btn-sm btn-success" title="Select {name}"
				data-bs-toggle="modal" {#if otherModalId??}data-bs-target="#{otherModalId}"{/if}
				onclick="ItemSearchSelect.selectItem('{name}', '{id}', '{inputIdPrepend}');">
				{#icons/select}{/icons/select} Select
			</button>
	{#else if actionType == 'view'}
		<td class="d-flex flex-row">
			<a href="{rootPrefix}/items?view={id}" class="btn btn-sm btn-info me-1" title="View {name}">{#icons/view /} View</a>
			{!{#itemStored/transaction/buttons/transactionDropdown dropdownClasses="btn-sm me-1" buttonText=false itemId=id checkinButton=false /}!}
	{/if}

	</td>
</tr>
{/let}
{/for}
{/if}
</tbody>
<tfoot>
<tr>
	<td colspan="9" class="text-center searchResultsContainer">
		{#paginationButtons searchFormId = searchFormId searchResults = searchResults}{/paginationButtons}
	</td>
</tr>
</tfoot>