SPKNETLAB / resources / views / auth / register.blade.php
register.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">Daftar Akun Baru</p>

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

            <!-- Name -->
            <div class="input-group mb-3">
                <input for="name" id="name" type="text" name="name" class="form-control" placeholder="Full name" :value="old('name')" required autofocus>
                <x-input-error :messages="$errors->get('name')" class="invalid-feedback" role="alert" />
            </div>

            {{-- <div>
                <x-input-label for="name" :value="__('Name')" />
                <x-text-input id="name" class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus />
                <x-input-error :messages="$errors->get('name')" class="mt-2" />
            </div> --}}

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

            {{-- <div class="mt-4">
                <x-input-label for="email" :value="__('Email')" />
                <x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required />
                <x-input-error :messages="$errors->get('email')" class="mt-2" />
            </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="new-password" />

                <x-input-error :messages="$errors->get('password')" class="invalid-feedback" role="alert" />
            </div>

            {{-- <div class="mt-4">
                <x-input-label for="password" :value="__('Password')" />

                <x-text-input id="password" class="block mt-1 w-full"
                                type="password"
                                name="password"
                                required autocomplete="new-password" />

                <x-input-error :messages="$errors->get('password')" class="mt-2" />
            </div> --}}

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

                <x-input-error :messages="$errors->get('password_confirmation')" class="invalid-feedback" role="alert" />
            </div>

            <br>

            {{-- <div class="mt-4">
                <x-input-label for="password_confirmation" :value="__('Konfirmasi Password')" />

                <x-text-input id="password_confirmation" class="block mt-1 w-full"
                                type="password"
                                name="password_confirmation" required />

                <x-input-error :messages="$errors->get('password_confirmation')" class="mt-2" />
            </div> --}}

            <div class="row">
                <div class="col-8">
                    <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('login') }}">
                        {{ __('Saya Memiliki Akun') }}
                    </a>
                </div>
    
                <div class="col-4">
                    <button type="submit" class="btn btn-primary btn-block">
                        {{ __('Daftar') }}
                    </button>
                </div>
            </div>
            </form>

            {{-- <div class="flex items-center justify-end mt-4">
                <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('login') }}">
                    {{ __('Saya Memiliki Akun') }}
                </a>

                <x-primary-button class="ml-4">
                    {{ __('Daftar') }}
                </x-primary-button>
            </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>