@extends('layouts.default', [
	'paceTop' => true,
	'appSidebarHide' => true,
	'appHeaderHide' => true,
	'appContentClass' => 'p-0'
])

@section('title', 'Login Page')

@push('scripts')  

@endpush

@section('content') 
	<style>

.container {
    position: relative;
    width: 100%;
    max-width: 100%; /* Set a maximum width for the container if needed */
    text-align: center;
}

.container img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto;
}


    </style>
	<div class="login login-with-news-feed">
	
		<div class="news-feed" style="border-right:2px solid #00acac">
		<div class="news-image" style="background-image: url(assets/img/theme/law123.jpg);"></div>
		<!-- <div class="news-image" style="background-image: url(assets/img/theme/law.jpg)"></div> -->
        

		</div>
		
		<div class="login-container">
		
			<div class="login-header mb-30px">
				<div class="brand">
					<div class="d-flex align-items-center">
						<span class="logo">
                          
                        </span>					
						<h3>High Court / District Judiciary</h3>
					</div>
					
				</div>
				<div class="icon">
					
				</div>
			</div>
			
			<div class="login-content">
            <span  role="alert">
            @if(session('update_status')) 
           
             <div class="alert alert-danger alert-dismissible" >
	<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    {!! session('update_status') !!}   
</div>
             @endif
            </span>
				<form method="POST" class="fs-13px" action="{{ route('login') }}">
                @csrf
					<div class="form-floating mb-15px">
						<input type="email" name="email" autocomplete="off" class="form-control h-45px fs-13px @error('email') is-invalid @enderror" placeholder="Email Address" id="email" value="{{ old('email') }}" required autocomplete="email" autofocus/>
						<label for="email" class="d-flex align-items-center fs-13px text-gray-600">Email Address</label>
                        @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
					</div>
					<div class="form-floating mb-15px">
						<input type="password" autocomplete="off" class="form-control h-45px fs-13px @error('password') is-invalid @enderror" placeholder="Password" name="password" id="password" required autocomplete="current-password" />
						<label for="password" class="d-flex align-items-center fs-13px text-gray-600">Password</label>
                        @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
					</div>
					<div class="form-check mb-30px">
						<input class="form-check-input" type="checkbox" value="1" id="remember" {{ old('remember') ? 'checked' : '' }}/>
						<label class="form-check-label" for="remember">
							Remember Me
						</label>
					</div>
					<div class="mb-15px">
						<button type="submit" class="btn btn-success d-block h-45px w-100 btn-lg fs-14px cl_sign_in">Sign me in</button>
					</div>
					
					<hr class="bg-gray-600 opacity-2" />
					<div class="text-gray-600 text-center text-gray-500-darker mb-0">
						<!-- &copy;  -->
					</div>
				</form>
			</div>
			<!-- END login-content -->
		</div>
		<!-- END login-container -->
	</div>
	<!-- END login -->
@endsection