@extends('breadcrumbs.auth.main')

@section('authpage')

  <div class="container">
      <div class="card login-card">
        <div class="row no-gutters">
          <div class="col-md-5 banner-container">
            <img src="{{ asset(config('customization.authbanner')) }}" height="200px" alt="login" class="login-card-img">
          </div>
          <div class="col-md-7">
            <div class="card-body">
              <div class="brand-wrapper">
                <img src="{{ asset(config('adminlte.logo_img_xl')) }}" alt="logo" class="logo rounded mr-2">
              </div>
              <p class="login-card-description">{{__('Sign in to your account')}}</p>
              <form action="{{ route('login') }}" method="POST" id="loginForm">
                  @csrf
                  @if ($demoActive)
                      <div class="alert alert-warning">
                          <p class="font-weight-bold"></i>{{__('Warning')}}</p>
                          <p>{{ __('Do not use real credentials; The application is in demo mode.') }}</p>

                          <p class="font-weight-bold">{{ __('Demo accounts:') }}</p>
                          <ul>
                              <li>admin@example.com</li>
                              <li>staffmember@example.com</li>
                              <li>enduser@example.com</li>
                          </ul>
                          <p>{{ __('The password is ":demoPassword" for all accounts.', ['demoPassword' => 'password']) }}</p>

                      </div>
                  @endif

                  <div class="form-group">
                    <label for="email" class="sr-only">{{__('Email')}}</label>
                    <input type="email" name="email" id="email" class="form-control" placeholder="{{ __('Email address') }}">
                  </div>
                  <div class="form-group mb-4">
                    <label for="password" class="sr-only">{{__('Password')}}</label>
                    <input type="password" name="password" id="password" class="form-control" placeholder="***********">
                  </div>
                  <div class="form-group mb-4">
                    <label for="remember">{{__('Remember me')}}</label>
                    <input type="checkbox" name="remember" id="remember" />
                  </div>
                  <input name="login" id="login" class="btn btn-block login-btn mb-4" type="submit" value="{{__('Sign in')}}">
                  <p class="text-center">{{ __('OR') }}</p>
                  <div class="social-login">
                        <a class="btn btn-block mb-4 btn-discord" href="{{ route('discordRedirect') }}"><i class="fa-brands fa-discord"></i> Continue with Discord</a>
                  </div>
                </form>
                <a href="{{ route('password.request') }}" class="forgot-password-link">{{__('Forgot password?')}}</a>
                <p class="login-card-footer-text">{{__("Don't have an account?")}} <a href="{{ route('register') }}" class="text-reset">{{__('Sign up here')}}</a></p>
                <nav class="login-card-footer-nav">
                  <a href="{{ config('app.terms_url') }}">{{__('Terms of Service')}}</a>
                  <a href="{{ config('app.privacy_url') }}">{{__('Privacy Policy')}}</a>
                    <a href="{{ config('app.guidelines_url') }}">{{__('Community Guidelines')}}</a>

                </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
@stop
