@extends('portal._layouts.default-pure')

@section('MainContent')
  <div class="d-flex align-items-center bg-auth border-top border-top-2 border-primary">
    <div class="container-fluid">
      <div class="row justify-content-center">
        <div class="col-12 col-md-5 col-lg-6 col-xl-4 px-lg-6 my-5 align-self-center">
          <h1 class="display-4 text-center mb-3">Sign in</h1>
          <p class="text-body-secondary text-center mb-5">Welcome to {{ config('app.name') }}</p>

          <form method="POST" action="{{ route('auth.sign-in-handler') }}">
            {{ csrf_field() }}

            @if ($errors->count())
              <div class="alert alert-danger">
                <div>ERRORS: </div>
                <ol class="mb-0">
                  @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                  @endforeach
                </ol>
              </div>
            @endif

            <!-- Email address -->
            <div class="form-group">
              <label class="form-label">Email Address</label>
              <div class="input-group input-group-merge">
                <input required name="email" type="email" class="form-control @error('email') is-invalid @enderror" placeholder="name@address.com" value="{{ old('email') }}">
                <span class="input-group-text"><i class="fe fe-mail"></i></span>
                <div class="invalid-feedback">{{ $errors->first('email') }}</div>
              </div>
            </div>

            <!-- Password -->
            <div class="form-group">
              <label class="form-label">Password</label>
              <div class="input-group input-group-merge">
                <input required name="password" class="form-control @error('password') is-invalid @enderror" type="password" placeholder="Enter your password">
                <span class="input-group-text"><i class="fe fe-lock"></i></span>
                <div class="invalid-feedback">{{ $errors->first('password') }}</div>
              </div>
            </div>

            <!-- Submit -->
            <button class="btn btn-lg w-100 btn-primary mb-3">Sign in</button>

            <!-- Link -->
            <div class="text-center">
              <small class="text-body-secondary text-center">
                Don't have an account yet? <a href="{{ route('auth.sign-up') }}">Sign up</a>
              </small>
            </div>
          </form>
        </div>

        <div class="col-12 col-md-7 col-lg-6 col-xl-8 d-none d-lg-block">
          <div class="bg-cover h-100 min-vh-100 mt-n1 me-n3" style="background-image:url('{{ asset('assets/img/covers/sidebar-cover.jpg') }}');"></div>
        </div>
      </div>
    </div>
  </div>
@endsection