@extends('layouts.auth')

@section('content')
<div class="login-box">
    <!-- /.login-logo -->
    <div class="">
      <div class="">
        <p class="login-box-msg p-0">
            <img src="{{ asset('bg-login.png') }}" width="170">
        </p>
        
        <p class="text-center">Sistem Informasi Dana Transfer<br>Provinsi DKI Jakarta</p>
        @if(session('errors'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <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" required>
                <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" required>
                <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>
      </div>
      <!-- /.login-card-body -->
    </div>
  </div>
@stop