<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="theme-color" content="#205081" />
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Configure MySQL</title>
		<link rel="stylesheet" href="{{$.System.PathCssBootstrap}}">
		<link rel="stylesheet" href="{{$.System.PathCssCpStyles}}">
		<link rel="shortcut icon" href="{{$.System.PathIcoFav}}" type="image/x-icon" />
		<style type="text/css">html{height:100%;}</style>
	</head>
	<body class="cp-mysql text-center">
		<form class="form-signin card" action="/cp/" method="post">
			<input type="hidden" name="action" value="index-mysql-setup">
			<h1 class="h3 mb-3 font-weight-normal">Configure MySQL</h1>
			<label for="host" class="sr-only">Database host</label>
			<input type="text" id="host" name="host" class="form-control mb-3" placeholder="Database host" value="localhost" required>
			<label for="port" class="sr-only">Database host port</label>
			<input type="text" id="port" name="port" class="form-control mb-3" placeholder="Database host port" value="3306" required>
			<label for="name" class="sr-only">Database name</label>
			<input type="text" id="name" name="name" class="form-control mb-3" placeholder="Database name" required autofocus>
			<label for="user" class="sr-only">Database user name</label>
			<input type="text" id="user" name="user" class="form-control mb-3" placeholder="Database user name" required>
			<label for="password" class="sr-only">Database user password</label>
			<input type="password" id="password" name="password" class="form-control mb-3" placeholder="Database user password">
			<div class="sys-messages"></div>
			<button class="btn btn-lg btn-primary btn-block" type="submit">Configure</button>
		</form>
		<script src="{{$.System.PathJsJquery}}"></script>
		<script src="{{$.System.PathJsPopper}}"></script>
		<script src="{{$.System.PathJsBootstrap}}"></script>
		<script src="{{$.System.PathJsCpScripts}}"></script>
	</body>
</html>