TIF_E41201544/resources/views/auth/register.blade.php

136 lines
7.2 KiB
PHP

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Responsive HTML Admin Dashboard Template based on Bootstrap 5">
<meta name="author" content="NobleUI">
<meta name="keywords"
content="nobleui, bootstrap, bootstrap 5, bootstrap5, admin, dashboard, template, responsive, css, sass, html, theme, front-end, ui kit, web">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Register | Deteksi Kecanduan Belanja Online</title>
<!-- color-modes:js -->
<script src="{{ asset('assets/js/color-modes.js') }}"></script>
<!-- endinject -->
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
<!-- End fonts -->
<!-- core:css -->
<link rel="stylesheet" href="{{ asset('assets/vendors/core/core.css') }}">
<!-- endinject -->
<!-- Plugin css for this page -->
<!-- End plugin css for this page -->
<!-- inject:css -->
<link rel="stylesheet" href="{{ asset('assets/fonts/feather-font/css/iconfont.css') }}">
<!-- endinject -->
<!-- Layout styles -->
<link rel="stylesheet" href="{{ asset('assets/css/demo1/style.css') }}">
<!-- End layout styles -->
<link rel="shortcut icon" href="{{ asset('assets/images/favicon.png') }}" />
</head>
<body>
<div class="main-wrapper">
<div class="page-wrapper full-page">
<div class="page-content d-flex align-items-center justify-content-center">
<div class="row w-100 mx-0 auth-page">
<div class="col-md-10 col-lg-8 col-xl-6 mx-auto">
<div class="card">
<div class="row">
<div class="col-md-4 pe-md-0">
<div class="auth-side-wrapper">
</div>
</div>
<div class="col-md-8 ps-md-0">
<div class="auth-form-wrapper px-4 py-5">
<a href="#" class="nobleui-logo d-block mb-2">Deteksi Kecanduan Belanja Online<span></span></a>
<h5 class="text-secondary fw-normal mb-4">Create a free account.</h5>
<form class="forms-sample"method="POST" action="{{ route('register') }}">
@csrf
<div class="mb-3">
<label for="exampleInputUsername1" class="form-label">Username</label>
<input type="text" name="name" class="form-control @error('name') is-invalid @enderror" id="exampleInputUsername1" value="{{ old('name') }}" required autocomplete="name" autofocus placeholder="Username">
@error('name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="mb-3">
<label for="userEmail" class="form-label">Email address</label>
<input type="email" class="form-control @error('email') is-invalid @enderror" id="userEmail" placeholder="Email" name="email" value="{{ old('email') }}" required autocomplete="email">
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="mb-3">
<label for="userPassword" class="form-label">Password</label>
<input type="password" class="form-control @error('password') is-invalid @enderror" id="userPassword" placeholder="Password" name="password" required autocomplete="new-password">
@error('password')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<div class="mb-3">
<label for="userPassword" class="form-label">Confirm Password</label>
<input id="password-confirm" type="password" placeholder="Confirm password" class="form-control" name="password_confirmation" required autocomplete="new-password">
</div>
<!-- <div class="form-check mb-3">
<input type="checkbox" class="form-check-input" id="authCheck">
<label class="form-check-label" for="authCheck">
Remember me
</label>
</div> -->
<div>
<button type="submit" class="btn btn-primary text-white me-2 mb-2 mb-md-0">Sign up</button>
</div>
<a href="{{ route('login') }}" class="d-block mt-3 text-secondary">Already a user? Sign in</a>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- core:js -->
<script src="{{ asset('assets/vendors/core/core.js') }}"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="{{ asset('assets/vendors/feather-icons/feather.min.js') }}"></script>
<script src="{{ asset('assets/js/app.js') }}"></script>
<!-- endinject -->
<!-- Custom js for this page -->
<!-- End custom js for this page -->
</body>
</html>