@extends('architect::layouts.auth')

@section('htmlheader_title')
	Log in
@endsection

@section('content')
	@if(isset($login_note) AND $login_note)
		<div class="alert alert-info alert-dismissible m-auto">
			<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			<h5><i class="icon fas fa-info"></i> NOTE!</h5>
			{!! $login_note !!}
		</div>
		<br>
	@endisset

	@if (Session::has('error'))
		<div class="alert alert-danger">
			<strong>Hmm...</strong> {{ trans('message.someproblems') }}<br><br>
			<ul>
				<li>{{ Session::get('error') }}</li>
			</ul>
		</div>
	@endif

	<!-- /.login-logo -->
	<div class="app-container app-theme-white body-tabs-shadow">
		<div class="app-container">
			<div class="h-100 bg-animation">
				<div class="d-flex h-100 justify-content-center align-items-center">
					<div class="mx-auto app-login-box col-md-8">
						<div class="modal-dialog w-100 mx-auto">
							<div class="modal-content">
								<form method="post">
									{{ csrf_field() }}

									<div class="modal-body">
										<div class="h5 modal-title text-center">
											<h4 class="mt-2">
												<div class="app-logo mx-auto mb-3"><img class="w-75" src="{{ url('img/logo-h-lg.png') }}"></div>
												<small>Please sign in to your account below.</small>
											</h4>
										</div>

										<div class="form-row">
											<div class="col-md-12">
												<div class="position-relative form-group">
													<input name="email" id="user" placeholder="Email..." type="email" class="form-control">
												</div>
											</div>
											<div class="col-md-12">
												<div class="position-relative form-group">
													<input name="password" id="password" placeholder="Password..." type="password" class="form-control">
												</div>
											</div>
										</div>
										{{--
										<div class="divider"></div>
										<h6 class="mb-0">No account? <a href="javascript:void(0);" class="text-primary">Sign up now</a></h6>
										--}}
									</div>
									<div class="modal-footer">
										@if (count($errors) > 0)
											<div class="alert alert-danger w-100">
												<strong>Whoops!</strong> Something went wrong?<br><br>
												<ul>
													@foreach ($errors->all() as $error)
														<li>{{ $error }}</li>
													@endforeach
												</ul>
											</div>
										@endif
										{{--
										<div class="float-left">
											<a href="javascript:void(0);" class="btn-lg btn btn-link">Recover Password</a>
										</div>
										--}}
										<div class="float-right">
											<button class="btn btn-primary btn-lg">Login</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection