<%- include("../partials/header") %>
<div class="container">
	<div class="row">
		<h1 style="text-align:center">
			Create a new campground
		</h1>
		<div style="width:30%; margin: 30px auto">
			<form method="POST" action="/campgrounds" enctype="multipart/form-data">
				<div class="form-group">
					<input type="text" class="form-control" name="campground[name]" placeholder="Name" required>
				</div>
				<div class="form-group">
					<input type="number" name="campground[price]" class="form-control" placeholder="Price" min="1" step="1" required>
				</div>
				<div class="form-group">
                    <label for="image">Image</label>
                    <input type="file" id="image" name="image" accept="image/*" required>
                </div>
				<div class="form-group">
					<input type="text" name="campground[description]" class="form-control" placeholder="Description" required>
				</div>
				<div class="form-group">
					<button class="btn btn-md btn-primary btn-block">
					Submit
					</button>
				</div>
			</form>
			<a href="/campgrounds">Go back</a>
		</div>
	</div>
</div>
<%- include("../partials/footer") %>