@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="">
      <div class="">
        <p class="login-box-msg p-0">
            <img src="/bg-login.png"></i>
        </p>
        <h2 class="text-center" style="color:#001f3f;">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="form-group mb-1">
              <label class="col-form-label" for="nrk">USERNAME</label>
              <div class="input-group">
                <input type="text" name="nrk" class="form-control" placeholder="Username">
                <div class="input-group-append">
                  <div class="input-group-text">
                    <span class="fas fa-user"></span>
                  </div>
                </div>
              </div>
            </div>
            <div class="form-group mb-4">
              <label class="col-form-label" for="password">PASSWORD</label>
              <div class="input-group">
                <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>
            <div class="row">
              <!-- /.col -->
              <div class="col-12">
                <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