@extends('layouts.admin.frame')

@section('title', '一般ユーザーログイン画面')
@section('body_class', 'off-canvas-sidebar')

@section('head_script')
@endsection

@section('body')
<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top text-white">
	<div class="container">
		<div class="navbar-wrapper">
			<a class="navbar-brand" href="./"><img src="{{ asset('img/logo.png', $is_secure) }}" alt=""><br>
			<span>働きたい会社に、ダイレクトに。</span></a>
		</div>
		<button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
			<span class="sr-only">Toggle navigation</span>
			<span class="navbar-toggler-icon icon-bar"></span>
			<span class="navbar-toggler-icon icon-bar"></span>
			<span class="navbar-toggler-icon icon-bar"></span>
		</button>
		<div class="collapse navbar-collapse justify-content-end">
			<ul class="navbar-nav">
				<li class="nav-item">
					<a href="./login.html" class="nav-link">
						<i class="material-icons">fingerprint</i> Login
					</a>
				</li>
				<li class="nav-item ">
					<a href=".../pages/register.html" class="nav-link">
						<i class="material-icons">desktop_mac</i> Direct. official site
					</a>
				</li>
			</ul>
		</div>
	</div>
</nav>
<!-- End Navbar -->
<div class="wrapper wrapper-full-page">
	<div class="page-header login-page header-filter" filter-color="black" style="background-image: url('{{ asset("img/register.jpg", $is_secure) }}'); background-size: cover; background-position: top center;">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-8 ml-auto mr-auto">
					<form class="form" method="post" action="{{ route('login') }}">
						@csrf
						<div class="card card-login card-hidden">
							<div class="card-header card-header-rose text-center">
								<h4 class="card-title">一般ユーザーログイン</h4>
							</div>
							<div class="card-body ">
								<span class="bmd-form-group">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text">
												<i class="material-icons">mail</i>
											</span>
										</div>
										<input type="text" class="form-control" placeholder="Email Address" name="email">
									</div>
								</span>
								<span class="bmd-form-group">
									<div class="input-group">
										<div class="input-group-prepend">
											<span class="input-group-text">
												<i class="material-icons">lock_outline</i>
											</span>
										</div>
										<input type="password" class="form-control" placeholder="Password" name="password">
									</div>
								</span>
							</div>
							<div class="card-footer justify-content-center">
								<a href="#" class="btn btn-rose btn-round">はじめる</a>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('body_script')
<script src="{{ asset('/js/login.js', $is_secure) }}" type="text/javascript"></script>
@endsection