@Layout = "backend-basic.php"
@Head{
	<title>Apache Manager</title>
	<script defer src="/uplift-assets/js/_external/ace-editor/src-min-noconflict/ace.js"></script>
	<script type="module" src="/uplift-assets/js/manage-apache/ApacheManager.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">
							<h4 class="h6 mb-0">
								.htaccess Editor
							</h4>
						</div>
						<div class="card-body">
							<div id="htaccess-loader" class="text-center">
								<div style="width:5rem; height:5rem;" class="spinner-border" role="status">
									<span class="visually-hidden">Loading...</span>
								</div>
							</div>
							<form id="htaccess-form">
								<div id="htaccess-content-editor" class="htaccess-ace-editor-container"></div>
							</form>
						</div>
						<div class="card-footer">
							<div class="text-end">
								<button type="submit" form="htaccess-form" class="btn btn-success">
									<i class="bi bi-check-circle-fill"></i>
									<span>Save .htaccess</span>
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</backend-service-container>
}