@extends('home')

@section('body')
<form action="/register" method="POST">
	@csrf
	<div class="input-group mb-2">
		<span class="input-group-text" id="basic-addon1">
			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
				<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1zm13 2.383-4.708 2.825L15 11.105zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741M1 11.105l4.708-2.897L1 5.383z"/>
			</svg>
		</span>
		<input type="email" name="email" class="form-control" required autocomplete="email" placeholder="Email">
	</div>
	@error('email')
	<p class="text-danger">{{$message}}</p>
	@enderror
	<div class="input-group mb-2">
		<span class="input-group-text">
			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-key" viewBox="0 0 16 16">
				<path d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8m4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5"/>
				<path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
			</svg>
		</span>
		<input type="password" name="password" autocomplete="current-password" id="current-password" class="form-control border-end-0" placeholder="Password" required>
	</div>
	@error('password')
	<p class="text-danger">{{$message}}</p>
	@enderror
	<button class="btn btn-primary w-100">Register</button>
</form>
<p class="my-3 text-center"><a href="/login" class="btn btn-outline-primary w-100">Login</a></p>
@endsection