{{-- Extends layout --}}
@extends('layout.logged', ['page_title' => 'Login Apps'])
{{-- Content --}}
@section('content')
<div class="d-flex flex-column flex-root">
	<div class="login login-5 login-signin-on d-flex flex-row-fluid" id="kt_login">
		<div class="d-flex flex-center bgi-size-cover bgi-no-repeat flex-row-fluid" style="background: linear-gradient(to bottom, #2f2f2f, #0f0f0f);});">
			<div class="login-form text-center text-white p-7 position-relative overflow-hidden">
				<div class="d-flex flex-center mb-15">
					<a href="#">
						<img src="{{ asset('assets-admin/media/logos/logo.png') }}" class="max-h-75px" alt="" />
					</a>
				</div>
				<div class="login-signin">
					<div class="mb-10">
						<h3 class="text-muted font-weight-normal">Sign In To Admin</h3>
						<p class="text-muted">Enter your details to login to your account:</p>
					</div>
					@if (session('status'))
						<div class="mb-10">
							{{ session('status') }}
						</div>
					@endif
					<form class="form" id="kt_login_signin_form" action="{{ route('login') }}" method="POST">
						@csrf
						<div class="form-group">
							<input class="form-control h-auto form-control-solid py-4 px-8" type="text" placeholder="username" name="username" autocomplete="off" placeholder="{{ __('username') }}"/>
							@error('username')
								<div class="fv-plugins-message-container">
									<div data-field="username" data-validator="notEmpty" class="fv-help-block">
										{{ $message }}
									</div>
								</div>  
							@enderror
						</div>
						<div class="form-group">
							<input class="form-control h-auto form-control-solid py-4 px-8" type="password" placeholder="Password" name="password" placeholder="{{ __('Password') }}"/>
							@error('password')
								<div class="fv-plugins-message-container">
									<div data-field="password" data-validator="notEmpty" class="fv-help-block">
										{{ $message }}
									</div>
								</div>  
							@enderror
						</div>
						<div class="form-group d-flex flex-wrap justify-content-between align-items-center">
							<div class="checkbox-inline">
								<label class="checkbox text-muted">
								<input type="checkbox" name="remember" />
								<span></span>{{ __('Remember me') }}</label>
							</div>
							<a class="font-weight-bold text-muted" href="{{ route('password.request') }}">
								{{ __('Forgot your password?') }}
							</a>
							<!-- <a href="javascript:;" id="kt_login_forgot" class="text-white font-weight-bold">Forget Password ?</a> -->
						</div>
						<div class="form-group text-center mt-10">
							<button id="kt_login_signin_submit" type="submit" class="btn btn-pill btn-primary opacity-90 px-15 py-3">Sign In</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection