@extends('layouts.main')

@section('content')
<div class="container m-0 p-0 {{--  bg-login_gif --}}">
   	{{-- <img src="{{ asset('img/okis2/login_bg3.gif') }}" alt="" class="position-absolute" style="width:100vw; height:95vh;" >  --}}
	<div class="row justify-content-center py-5">
        <div class="col-md-8">
            <div class="card mt-20 text-light okis-blue-gradient shadow rounded-4">

                <div class="card-body">

					<h1 class="text-center mb-2 container-title position-relative">
						{{-- <strong>GD </strong> --}}
						<span 	class="font-babylon-outline">	
							GD
						</span>
						<span 	class="fw-lighter text-okis position-absolute" 
								style="bottom: -12px; left: 54%;"
						>
							Okis 3.0
						</span>
					</h1>
					<p class="text-center mb-4">
						<span class="fs-6 font-babylon-outline">GD</span> <span class="fw-bold">Dentaltechnik: Präzision, Innovation, höchste Qualität</span> und <span class="fw-bold">Leidenschaft</span> vereint für <span class="fw-bold text-okis">Ästhetik</span> und Ihr <span class="text-warning">strahlendes</span> <span class="fw-bold text-okis"> Lächeln</span>.
					</p>


                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        <div class="row mb-3">
                            <label for="email" class="col-md-3 col-form-label text-md-end">{{ __('Email Address') }}</label>

                            <div class="col-md-8">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="password" class="col-md-3 col-form-label text-md-end">{{ __('Password') }}</label>

                            <div class="col-md-8">
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-6 offset-md-4">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                    <label class="form-check-label" for="remember">
                                        {{ __('Remember Me') }}
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="row mb-0">
                            <div class="col text-center">
                                <button type="submit" class="btn btn-primary">
                                    Anmelden
                                </button>

                                {{-- @if (Route::has('password.request'))
                                    <a class="btn btn-link" href="{{ route('password.request') }}">
                                        {{ __('Forgot Your Password?') }}
                                    </a>
                                @endif --}}
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
	<div class="row justify-content-end">
		<div class="col-md-4">
			<div class="card me-3 text-light okis-blue-gradient shadow rounded-4">

                <div class="card-body container">

					<div class="text-center mb-3">
						<h4>
							Test User
						</h4>
					</div>

					<div class="list-group d-flex flex-row flex-wrap">
						
						@php  
							$example_users = App\Models\User::where('email', 'like', '%@example.de')->get()  
						@endphp

						@foreach ($example_users as $index => $user) 
							<div class="list-group-item w-50 list-group-item-action login-user-copy bg-transparent">
								<div class="input-group">
									<input readonly type="text" class="form-control" value="{{ $user->email }}">
									<button class="btn btn-secondary" type="button" 
											title="kopieren">
										<i class="fa-regular fa-copy"></i>
									</button>
								</div>
							</div>
						@endforeach
							
						
					</div>
                    
                </div>
            </div>
		</div>
	</div>
</div>
@endsection

@section('js-scripts')
	<script>
		$('.login-user-copy button').on('click', function(e) {
			var email 		= $(this).parent().children('input').val();
			var password 	= 'password';

			$('#email').val(email);
			$('#password').val(password);
		});
	</script>
@endsection