{#include tags/search/searchForm id=id action=(rootPrefix + '/items') showKeywords=true showAttributes=true defaultPageSize=config:['ui.inventoryItem.search.defaultPageSize']}
{#inputs}
<div class="mb-3 col col-3">
    <label for="{id}-itemNameInput" class="form-label">Name</label>
    <input type="text" class="form-control" name="name" id="{id}-itemNameInput" aria-describedby="{id}-itemNameInputHelp" value="">
    <div id="{id}-itemNameInputHelp" class="form-text">The name of the item to find.</div>
</div>
<div class="mb-3 col col-3">
	<div>
		<label for="{id}-itemGenIdInput" class="form-label">Identifier</label>
		{#inputs/identifiers/identifierInput id=(id + "-itemGenIdInput") name="identifier" showAdd=false /}
	</div>
</div>
<div class="mb-3 col col-3">
    {#let id=(id + '-itemCategoryInput')}
    <label for="{id}" class="form-label">{#icons/categories}{/icons/categories} Categories</label>
        {#inputs/categoryInput name="itemCategories" id=id allCategorySearchResults=allCategorySearchResults /}
        <div id="{id}-help" class="form-text">Find items of these {#links/itemCategory /}.</div>
    {/let}
</div>
<div class="mb-3 col col-3">
	{#inputs/storageBlock/storageBlockSelectInput id=(id + 'inBlock') blockIdName='inStorageBlock' includeLabel=true /}
</div>

{/inputs}
{/include}