@Layout = "backend-basic.php"
@Head{
	<title>External Website Importer</title>
	<script defer src="/uplift-assets/js/_external/ace-editor/src-min-noconflict/ace.js"></script>
	<script type="module" src="/uplift-assets/js/external-site-importer/ExternalSiteImporter.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">
							<h2 class="mb-0">
								Import an External Webpage &amp; Process It
							</h2>
						</div>
						<div class="card-body">
							<div id="loader" style="display:none;">
	<div class="text-center">
		<div class="spinner-grow text-primary" style="width:7rem; height:7rem;"></div>
	</div>
</div>							<div id="success" style="display:none;">
	<div class="alert alert-success">
		<p>
			Page processed and built successfully.
		</p>
		<p>
			<a href="" id="view-new-page-button" class="btn btn-sm btn-primary">
				<i class="bi bi-binoculars-fill"></i>
				<span>View Page</span>
			</a>
			<button id="import-another-page-button" class="btn btn-sm btn-secondary">
				<i class="bi bi-file-earmark-arrow-down-fill"></i>
				<span>Import a New Page</span>
			</button>
		</p>
	</div>
</div>							<div id="importer-content-body">
								<p>
									This feature allows you to place a URL into the field below and pull the HTML head and body content into their respective editors below. You may add custom filters by editing the filter methods in the <code>src/ExternalSiteImporter/ImportFilters.php</code>.
								</p>
								<div id="loader" class="text-center" style="display:none;">
									<div style="width:5rem; height:5rem;" class="spinner-border" role="status">
										<span class="visually-hidden">Loading...</span>
									</div>
								</div>
								<form id="crawl-form">
									<div>
										<div class="d-flex">
											<div class="flex-grow-1">
												<div class="input-group">
													<div class="input-group-text">
														<i class="bi bi-box-arrow-up-left"></i>
													</div>
													<input type="text" id="import-url-input" name="url" class="form-control" placeholder="Enter a URL">
												</div>
											</div>
											<button type="submit" class="ms-5 px-5 btn btn-primary btn-sm">
												<i class="bi bi-cloud-download-fill"></i>
												<span>Fetch Page</span>
											</button>
										</div>
									</div>
								</form>
								<section id="editors-container" style="display:none;">
									<hr>
									<form id="page-build-form">
										<div id="head-editor" class="importer-editor"></div>
										<div id="body-editor" class="importer-editor"></div>
										<section id="page-data-container" class="mt-3">
											<h3>Page Data</h3>
											<p>
												Here you can define some data about the page should you want to build it from the fetched content as an Uplift page.
											</p>
											<hr>
											<div class="mb-3">
												<label for="page-name-input">Page name</label>
												<div class="input-group">
													<span class="input-group-text"><i class="bi bi-file-earmark-break-fill"></i></span>
													<input type="text" class="form-control" id="page-name-input" name="page-name">
												</div>
											</div>
											<div class="mb-3">
												<label for="page-type-input">Page type</label>
												<div class="input-group">
													<span class="input-group-text"><i class="bi bi-clipboard2-fill"></i></span>
													<select name="page-type" id="page-type-input" class="form-control">
														<br />
<b>Fatal error</b>:  Uncaught Error: Class &quot;Page\PageType&quot; not found in /home/mountain/public_html/uplift-core/resources/views/external-site-importer/main.php:77
Stack trace:
#0 {main}
  thrown in <b>/home/mountain/public_html/uplift-core/resources/views/external-site-importer/main.php</b> on line <b>77</b><br />