@extends('layouts.auth')

@section('content')
<div class="login-box">
    {{-- <div class="login-logo">
      <a href="#"><b>E</b>-SAMASA</a>
    </div> --}}
    <!-- /.login-logo -->
    <div class="card">
      <div class="card-body login-card-body">
        <p class="login-box-msg p-0">
            <i class="far fa-user fa-4x"></i>
        </p>
        <h2 class="text-center">E-SAMASA</h2>
        @if(session('errors'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                Something it's wrong:
                <ul>
                    @foreach ($errors->all() as $error)
                        <li><p class="text-danger font-weight-bold">{{ $error }}</p></li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if (Session::has('success'))
            <p class="text-success text-center font-weight-bold">
                {{ Session::get('success') }}
            </p>
        @endif
        @if (Session::has('error'))
            <p class="text-danger text-center font-weight-bold">
                {{ Session::get('error') }}
            </p>
        @endif
        <form action="{{ route('login') }}" method="post">
            @csrf
          <div class="input-group mb-3">
            <input type="text" name="nrk" class="form-control" placeholder="NRK">
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-envelope"></span>
              </div>
            </div>
          </div>
          <div class="input-group mb-3">
            <input type="password" name="password" class="form-control" placeholder="Password">
            <div class="input-group-append">
              <div class="input-group-text">
                <span class="fas fa-lock"></span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-8">
              <div class="icheck-primary">
                {{-- <input type="checkbox" id="remember">
                <label for="remember">
                  Remember Me
                </label> --}}
              </div>
            </div>
            <!-- /.col -->
            <div class="col-4">
              <button type="submit" class="btn btn-secondary btn-block"><i class="fas fa-sign-in-alt"></i> Sign In</button>
            </div>
            <!-- /.col -->
          </div>
        </form>
  
        {{-- <p class="mb-1">
          <a href="forgot-password.html">I forgot my password</a>
        </p>
        <p class="mb-0">
          <a href="register.html" class="text-center">Register a new membership</a>
        </p> --}}
      </div>
      <!-- /.login-card-body -->
    </div>
  </div>
@stop