@extends('layouts.signin')

@section('content')
<div id="app">
		<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
			<div class="container">
				<a class="navbar-brand">
					BattTho
				</a>


				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav me-auto">

					</ul>
					<ul class="navbar-nav ms-auto">
						<li class="nav-item">
							<a class="nav-link" href="{{ route('loging') }}">Login </a>
						</li>

						<li class="nav-item dropdown">

							<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
								<a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();
                                                     document.getElementById('logout-form').submit();">
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</nav>

	</div>
	<div class="container">
		<div class="d-flex justify-content-center h-100">
			<div id="card">
				<div class="card-header">
					<h3>Register</h3>
				</div>
				<div class="card-body">
					<form method="POST" actions="#">
						<div class="input-group form-group">
							<div class="input-group-prepend">
								<span class="input-group-text"><i class="fas fa-user"></i></span>
							</div>
							<input type="text" name="username" class="form-control" placeholder="username" required>

						</div>
						<div class="input-group form-group">
							<div class="input-group-prepend">
								<span class="input-group-text"><i class="fas fa-key"></i></span>
							</div>
							<input type="password" name="password" class="form-control" placeholder="password" required>
						</div>
						<br>
						<div class="form-group">
							<input type="submit" value="Register" class="btn float-right login_btn">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
@endsection