{#modal id='itemStoredTransactionCheckin' size='xl' title='Checkin Item Stored'}
	{#titleIcon}
		{#icons/transactionCheckin /}
	{/titleIcon}
	{#footerButtons}
	<button type="submit" id="itemStoredTransactionCheckinFormSubmitButton" class="btn btn-success" form="itemStoredTransactionCheckinForm">
		{#icons/transactionCheckin /} Checkin
	</button>
	{/footerButtons}
	
	<div class="row">
		<div class="col messages" id="itemStoredTransactionCheckinMessages"></div>
	</div>

	<div class="row" id="itemStoredTransactionCheckinCheckoutSearchContainer">
		<div class="col">
		<!-- foo -->
			{#itemCheckout/itemCheckoutSelectInput id="itemStoredTransactionCheckinFormCheckoutSearch" /}
			<!-- done with search input -->
		</div>
	</div>

	<div id="itemStoredTransactionCheckinCheckoutDetailsContainer"></div>
	<hr />

	<div id="itemStoredTransactionCheckinFormContainer">
		<form id='itemStoredTransactionCheckinForm'>
			<input type="hidden" name="checkoutId" id="itemStoredTransactionCheckinFormCheckoutIdInput" value=""/>
			
			<div class="row mb-3">
				<div class="col">
					<label class="form-label" for="itemStoredTransactionCheckinFormByWhoSelectInput">Checked in by Who:</label>
					<select class="form-select" id="itemStoredTransactionCheckinFormByWhoSelectInput" onchange="ItemStoredTransaction.Checkin.updateCheckedInBy();" aria-describedby="itemStoredTransactionCheckinFormByWhoSelectInputHelp">
						<option value="originalFor" selected>Original For</option>
						<option value="originalBy">Original By</option>
						<option value="self">Yourself</option>
						<option value="otherOqmUser">Another OQM User</option>
						<option value="extUser">External Entity</option>
					</select>
					<div id="itemStoredTransactionCheckinFormByWhoSelectInputHelp" class="form-text">
						Who is returning the checked out item(s).
					</div>
				</div>
				<div class="col" id="itemStoredTransactionCheckinFormByOriginalContainer">
					<p class="h5">
						This will mark as checked in by:
					</p>
					<div id="itemStoredTransactionCheckinFormByOriginalContent"></div>
				</div>
				<div class="col" id="itemStoredTransactionCheckinFormByUserContainer">
					<label class="form-label" for="itemStoredTransactionCheckinFormByUserInput">Select a user:</label>
					<select class="form-select" id="itemStoredTransactionCheckinFormByUserInput"></select>
				</div>
				<div class="col" id="itemStoredTransactionCheckinFormByExtUserContainer">
					<div class="mb-3">
						<label class="form-label" for="itemStoredTransactionCheckinFormByExtUserNameInput">External User Name:</label>
						<textarea class="form-control" id="itemStoredTransactionCheckinFormByExtUserNameInput" rows="1"></textarea>
					</div>
					<div class="">
						<label class="form-label" for="itemStoredTransactionCheckinFormByExtUserIdInput">External User Id:</label>
						<input type="text" class="form-control" id="itemStoredTransactionCheckinFormByExtUserIdInput">
					</div>
				</div>
			</div>
			
			<div class="mb-3">
				<label for="itemStoredTransactionCheckinFormNotesInput" class="form-label">Notes</label>
				<textarea class="form-control" id="itemStoredTransactionCheckinFormNotesInput" rows="3"></textarea>
			</div>
			
			{#search/image/imageSelectFormInput /}
			{#fileAttachment/fileAttachmentSelectFormInput /}
			
			<div class="row">
				<div class="col">
					{#inputs/keywordInput /}
				</div>
				<div class="col">
					{#inputs/attInput /}
				</div>
			</div>
			
			<hr />
			<div class="mt-3" id="itemStoredTransactionCheckinFormToSelectContainer">
				<label for="itemStoredTransactionCheckinFormToSelectInput">Into:</label>
				<select class="form-select" aria-label="Into Input" id="itemStoredTransactionCheckinFormToSelectInput" aria-describedby="itemStoredTransactionCheckinFormToSelectInputHelp" onchange="ItemStoredTransaction.Checkin.intoChanged();" required>
					<option value="original">Original Placement</option>
					<option value="block">Storage Block</option>
					<option value="stored">Stored Item</option>
				</select>
				<div id="itemStoredTransactionCheckinFormToSelectInputHelp" class="form-text">
				
				</div>
			</div>
			<div id="itemStoredTransactionCheckinFormToOriginalDescContainer" class="mt-3">
				<p class="h5">
					This will place the item in:
				</p>
				<p id="itemStoredTransactionCheckinFormToOriginalDesc"></p>
			</div>
			<div class="row mt-3">
				<div class="col" id="itemStoredTransactionCheckinFormToBlockContainer">
					<label for="itemStoredTransactionCheckinFormToBlockSelect" class="form-label">To {#icons/storageBlock /} Storage Block</label>
					<select class="form-select form-select-lg" id="itemStoredTransactionCheckinFormToBlockSelect" required></select>
				</div>
				<div class="col" id="itemStoredTransactionCheckinFormToStoredContainer">
					{#inputs/itemStored/itemStoredSelectInput id="itemStoredTransactionCheckinFormToItemStored" labelText='To Stored'/}
				</div>
			</div>
		</form>
	</div>
{/modal}