@Layout = "backend-basic.php"
@Head{
<title>Theme Importer</title>
<script type="module" src="/uplift-assets/js/theme-importer/ThemeImporter.js"></script>
}
@Body{
<backend-service-container>
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="card rounded shadow mb-4">
					<div class="card-header">
						<div class="d-flex justify-content-between align-items-center">
							<h2 class="mb-0">
								Theme Importer
							</h2>
						</div>
					</div>
					<div class="card-body">
						<div class="bg-danger text-white p-2 mb-3" style="display: none;" id="theme-installation-error"></div>
						<!--<div class="d-flex mb-5">
							<input type="search" class="form-control me-3" placeholder="Search" />
							<button type="submit" class="btn btn-success btn-sm">Search</button>
						</div>-->
						<div id="theme-container">
							<div id="theme-loader">
								<div style="width:5rem; height:5rem;" class="spinner-border" role="status">
									<span class="visually-hidden">Loading...</span>
								</div>
							</div>
							<div id="themes"></div>
							<!--<div id="pagination-container">
								pagination
							</div>-->
							<div class="form-check">
								<input class="form-check-input" type="checkbox" value="" id="overwrite-checkbox">
								<label class="form-check-label" for="overwrite-checkbox">
									Allow overwrite
								</label>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</backend-service-container>
}