SPKNETLAB / resources / views / auth / login.blade.php
login.blade.php
Raw
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Log in | SPKPRAKTIKUM</title>

  <!-- Google Font: Source Sans Pro -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="../../plugins/fontawesome-free/css/all.min.css">
  <!-- icheck bootstrap -->
  <link rel="stylesheet" href="../../plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../../dist/css/adminlte.min.css">
</head>
<body class="hold-transition login-page">
<div class="login-box">
  <!-- /.login-logo -->
  <div class="card card-outline card-primary">
    <div class="card-header text-center">
      <a href="/" class="h1"><b>SPK</b> NETLAB</a>
    </div>
    <div class="card-body">
      <p class="login-box-msg">Silahkan Masuk Untuk Memulai</p>

        <!-- Session Status -->
        <x-auth-session-status class="mb-4" :status="session('status')" />

        <form method="POST" action="{{ route('login') }}">
            @csrf

            <!-- Email Address -->
            <div class="input-group mb-3">
                {{-- <x-input-label for="email" :value="__('Email')" /> --}}
                <input id="email" class="form-control @error('email') is-invalid @enderror" type="email" name="email" :value="old('email')" placeholder="Email" autocomplete="email" required autofocus>
                <x-input-error :messages="$errors->get('email')" class="invalid-feedback" role="alert" />
            </div>

            <!-- Password -->
            <div class="mt-4">
                <input for="password" :value="__('Password')" class="form-control @error('password') is-invalid @enderror" id="password"
                                type="password"
                                name="password"
                                placeholder="Password"
                                required autocomplete="current-password" />

                <x-input-error :messages="$errors->get('password')" class="invalid-feedback" role="alert" />
            </div>
<br>
            <!-- Remember Me -->
            <div class="row">
            <div class="col-8">
                <div class="icheck-primary">
                    <input type="checkbox" name="remember" id="remember" for="remember_me" {{ old('remember') ? 'checked' : '' }}>
                    <label for="remember">
                      Ingat Saya
                    </label>
                  </div>
                {{-- <div class="icheck-primary">
                    <input class="form-check-input" type="checkbox" name="remember" id="remember" for="remember_me" {{ old('remember') ? 'checked' : '' }}">
                        <label class="form-check-label" for="remember_me">
                          {{ __('Remember Me') }}
                        </label>
                </div> --}}
            </div>

            <div class="col-4">
                <button type="submit" class="btn btn-primary btn-block">
                    {{ __('Masuk') }}
                </button>
            </div>
            <!-- /.col -->
            <div class="t-4 m-2">
            @if (Route::has('password.request'))
                <a class="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" href="{{ route('password.request') }}">
                    {{ __('Lupa Password?') }}
                </a>
            @endif
            </div>
        </div>
        </form>
    </div>
  </div>
    <!-- /.card-body -->
  </div>
  <!-- /.card -->
</div>
<!-- /.login-box -->

<!-- jQuery -->
<script src="../../plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
</body>
</html>