@extends('auth.template')

@section('content')
   <div class="container">
      <div class="row justify-content-center">
         <div class="col-md-8">
            <div class="card">
               <div class="card-header">{{ __('Login') }}</div>

               @if (\Session::has('error'))
                  <div class="alert alert-danger">
                     <ul>
                        <li>{!! \Session::get('error') !!}</li>
                     </ul>
                  </div>
               @endif

               <div class="card-body">
                  <form method="POST" action="{{ route('login') }}">
                     @csrf

                     <div class="form-group row">
                        <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

                        <div class="col-md-6">
                           @env('demo')
                           <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="admin@ovpn.com" required autocomplete="email" autofocus>
                           @endenv

                           @env(['prod', 'staging', 'dev'])
                           <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
                           @endenv

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

                     <div class="form-group row">
                        <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

                        <div class="col-md-6">
                           @env('demo')
                           <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" value="123456" required autocomplete="current-password">
                           @endenv

                           @env(['prod', 'staging', 'dev'])
                           <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
                           @endenv

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

                     <div class="form-group row">
                        <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="form-group row mb-0">
                        <div class="col-md-8 offset-md-4">
                           <button type="submit" class="btn btn-primary">
                              {{ __('Login') }}
                           </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>
@endsection