<?php



?>
<div class="row">
	<div class="col-sm-4">
		<div id="panel-1" class="panel">
			<div class="panel-hdr">
				<h2>
					<i class="fad fa-file-search text-success"></i>&nbsp;Item <span class="fw-300">Look-Up</span>
				</h2>
				<div class="panel-toolbar">
					<button class="btn btn-xs btn-default inline"><i class="fad fa-search text-info"></i> Adv. Search</button>
				</div>
			</div>
			<div class="panel-container show">
				<div class="panel-content">
					<div id="simple-item-search" class="col-xs-row">
						<div class="form-group">
							<label class="form-label" for="addon-wrapping-left">Search by ID or Name <small>(Partial)</small></label>
							<div class="input-group flex-nowrap">
								<div class="input-group-prepend">
									<span id="quick-item-search-icon" class="input-group-text"><i class="fad fa-search fa-info fs-xl"></i></span>
								</div>
								<input id="item-quick-search" type="text" class="form-control" placeholder="Enter item id, type or partial name ..." aria-label="quick item search" aria-describedby="addon-wrapping-left">
							</div>
						</div>
					</div>
					<div id="quick-item-list" class="col-xs-12" style="padding-top:15px;padding-bottom:15px;">
						
					</div>
				</div>
			</div>
		</div>
	</div>



	<div class="col-sm-8">
		<div id="panel-2" class="panel">
			<div class="panel-hdr">
				<h2>
					<i class="fad fa-helmet-battle text-primary"></i>&nbsp;Item <span class="fw-300">Editor</span>
					<span id="item-editor-header-label" class="btn btn-md btn-info hidden"></span>
				</h2>
			</div>
			<div class="panel-container show">
				<div id="item-editor-content" class="panel-content">
					hi there!
				</div>
			</div>
		</div>
	</div>
</div>
<script>$(document).ready(function() { if($('#item-quick-search').val().length > 0) { $('#item-quick-search').trigger('keyup'); }  });</script>

