@extends('layouts.header-login')

@section('content')

  <h6 class="font-weight-light" style="text-align:center">Sign in to get started.</h6>
  <form method="POST" action="{{ route('login') }}" class="pt-3">
    @csrf

    <div class="form-group">
      <input type="text" class="form-control form-control-lg @error('email') is-invalid @enderror" id="exampleInputEmail1" name="email" value="{{ old('email') }}" placeholder="E-Mail Address" required autocomplete="email" autofocus>
      @error('email')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
      @enderror
    </div>

    <div class="form-group">
      <input type="password" class="form-control form-control-lg @error('password') is-invalid @enderror" id="exampleInputPassword1" placeholder="Password" name="password" required autocomplete="current-password">
      @error('password')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
      @enderror
    </div>

    <div class="mt-3">
      <button type="submit" class="btn btn-block btn-primary btn-lg font-weight-medium auth-form-btn">SIGN IN</button>
    </div>

    <!--<div class="my-2 d-flex justify-content-between align-items-center">-->
    <!--  <div class="form-check">-->
    <!--    <label class="form-check-label text-muted">-->
    <!--      <input type="checkbox" class="form-check-input" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>-->
    <!--      Keep me signed in-->
    <!--    </label>-->
    <!--  </div>-->
    <!--  @if (Route::has('password.request'))-->
    <!--    <a class="auth-link text-black" href="{{ route('password.request') }}">-->
    <!--        {{ __('Forgot Password?') }}-->
    <!--    </a>-->
    <!--  @endif-->
    <!--</div>-->
    
    <!-- <div class="text-center mt-4 font-weight-light">
      Don't have an account? <a href="register.html" class="text-primary">Create</a>
    </div> -->
  </form>
@endsection