<!doctype html>
<html lang="en">

<head>
	<title>Peernet Share file</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

	<link rel="stylesheet" href="templates/css/style.css">

</head>

<body>
	<section class="ftco-section">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-md-12 col-lg-10">
					<div class="wrap d-md-flex">
						<div class="text-wrap p-4 p-lg-5 text-center d-flex align-items-centert">
							<div class="text w-100">
								<h2 class="Peernetblue">Share file to peernet</h2>
								<br>
                                <br>
								<form class="form-group" method="POST" action="/upload" enctype="multipart/form-data">
									<div class="form-group mb-3">
										<!-- <label for="formFileLg" class="form-label">Upload your file</label> -->
										<input class="btn btn-white btn-outline-white" id="formFileLg" type="file" name="file" required>
									</div>
									<input class="btn btn-white btn-outline-white" type="submit" value="Submit">
									{{ if .error }}
									<h3 style="color:red"> Error: {{ .error }} </h3>
									{{end}}
								</form>
<!--                                <h3 style="color:white"> or </h3>-->
<!--                                <h4 style="color:white">curl {{ .address }}/uploadCurl -F add=@&lt;file name&gt;</h4>-->
								<!-- <a href="#" class="btn btn-white btn-outline-white" tyle="color:#3ac4e2">Upload file</a> -->
                                <br>
								<br>
                                <!-- <h2>OR</h2>
                                <a href="#" class="btn btn-white btn-outline-white" style="color:#3ac4e2">Download Peernet browser</a>
                                <br> -->
                                <!-- <a style="color:#3ac4e2">This is to ensure the user can download file directly 
                                from your computer</a> -->
							</div>
						</div>
						<div class="login-wrap p-4 p-lg-5">
							<div class="d-flex">
								<div class="w-100">
									<h3 class="mb-4">File information</h3>
								</div>
								<div class="w-100">
						
								</div>
							</div>
							<form action="#" class="signin-form">
								<div class="form-group mb-3">
									<label class="label" for="name">File Name:</label>
									{{ if .filename }}
									<p> {{ .filename }} </p>
									{{end}}
								</div>
								<div class="form-group mb-3">
									<label class="label" for="name">File Size:</label>
									{{ if .size }}
									<p> {{ .size }} bytes</p>
									{{end}}
								</div>
<!--								<div class="form-group mb-3">-->
<!--									<label class="label" for="name">File Hash:</label>-->
<!--									{{ if .hash }}-->
<!--									<p> {{ .hash }} </p>-->
<!--									{{end}}-->
<!--								</div>-->
                                <div class="form-group mb-3">
									<label class="label" for="name">Sharable Link:</label>
                                    <br>
									{{ if .link }}
									<a href="{{ .link }}" style="color:#1d91ac" target="_blank">{{ .filename }} link</a>
									{{end}}
								</div>
								<!-- <div class="form-group mb-3">
									<label class="label" for="password">Password</label>
									<input type="password" class="form-control" placeholder="Password" required>
								</div><div class="form-group mb-3">
									<label class="label" for="name">File Name:</label>
									<p>Test.txt</p>
								</div> -->
<!--								</div>-->
								<div class="form-group d-md-flex">
									<!-- <div class="w-50 text-left">
										<label class="checkbox-wrap checkbox-primary mb-0">Remember Me
											<input type="checkbox" checked>
											<span class="checkmark"></span>
										</label>
									</div>
									<div class="w-50 text-md-right">
										<a href="#">Forgot Password</a>
									</div> -->
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<script src="js/jquery.min.js"></script>
	<script src="js/popper.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/main.js"></script>

</body>

</html>