pertama
This commit is contained in:
@@ -0,0 +1,140 @@
|
||||
@extends('template.admin.auth')
|
||||
|
||||
@push('css')
|
||||
<link rel="stylesheet" href="{{ asset('assets/admin/vendor/libs/@form-validation/form-validation.css') }}" />
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
<!-- Login -->
|
||||
<div class="authentication-inner py-6">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<!-- Logo -->
|
||||
<div class="app-brand justify-content-center mb-6">
|
||||
<a href="{{ route('website.home') }}" class="app-brand-link">
|
||||
<span class="app-brand-logo demo">
|
||||
<span class="text-primary">
|
||||
<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
|
||||
fill="currentColor" />
|
||||
<path
|
||||
opacity="0.06"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
|
||||
fill="#161616" />
|
||||
<path
|
||||
opacity="0.06"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
|
||||
fill="#161616" />
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
|
||||
fill="currentColor" />
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
<span class="app-brand-text demo text-heading fw-bold">Vuexy</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- /Logo -->
|
||||
<h4 class="mb-1">Login Pelanggan</h4>
|
||||
<p class="mb-6">Silakan login dengan kredensial Anda:</p>
|
||||
|
||||
<form id="formLogin" class="mb-4" method="POST" action="{{ route('cust.auth.authenticate') }}">
|
||||
@csrf
|
||||
@if (session('error'))
|
||||
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
|
||||
<p>{{ session('error') }}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mb-6 form-control-validation">
|
||||
<label for="email" class="form-label">Email/Username</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
id="username"
|
||||
name="username"
|
||||
autofocus />
|
||||
</div>
|
||||
<div class="mb-6 form-password-toggle form-control-validation">
|
||||
<label class="form-label" for="password">Password</label>
|
||||
<div class="input-group input-group-merge">
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
class="form-control"
|
||||
name="password"
|
||||
aria-describedby="password" />
|
||||
<span class="input-group-text cursor-pointer"><i class="icon-base ti tabler-eye-off"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-8">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="form-check mb-0 ms-2">
|
||||
<input class="form-check-input" type="checkbox" id="remember-me" name="remember-me"/>
|
||||
<label class="form-check-label" for="remember-me"> Ingat Saya </label>
|
||||
</div>
|
||||
<a href="auth-forgot-password-basic.html">
|
||||
<p class="mb-0">Lupa Password?</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-6">
|
||||
<button class="btn btn-primary d-grid w-100" type="submit">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<p class="text-center">
|
||||
<span>Belum terdaftar?</span>
|
||||
<a href="{{ route('cust.auth.register') }}">
|
||||
<span>Daftar akun baru</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /Login -->
|
||||
@endsection
|
||||
|
||||
@push('js')
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js"
|
||||
integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ=="
|
||||
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
$('#formLogin').validate({
|
||||
rules: {
|
||||
username: {
|
||||
required: true,
|
||||
},
|
||||
password: {
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
messages: {
|
||||
username: 'Username wajib diisi',
|
||||
password: 'Password wajib diisi',
|
||||
},
|
||||
errorClass: 'is-invalid',
|
||||
validClass: 'is-valid',
|
||||
errorElement: "div",
|
||||
errorPlacement: function (error, element) {
|
||||
element.parent().append(error);
|
||||
},
|
||||
invalidHandler: function (elem, validator) {
|
||||
$('html, body').stop(true, false).animate({
|
||||
scrollTop: $(validator.errorList[0].element).offset().top - 200
|
||||
}, 1500, 'easeInOutExpo');
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,103 @@
|
||||
@extends('template.website.auth')
|
||||
|
||||
@section('content')
|
||||
<!-- Section -->
|
||||
<section class="pt-5 pb-5" data-bg-image="images/pages/1.jpg">
|
||||
<div class="container-fluid d-flex flex-column">
|
||||
<div class="row align-items-center min-vh-100">
|
||||
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto">
|
||||
<div class="card shadow-lg">
|
||||
<div class="card-body py-5 px-sm-5">
|
||||
<h3>Register Akun</h3>
|
||||
<p>Daftarkan akun baru menggunakan data berikut. Jika anda sudah memiliki akun, silahkan login terlebih dahulu.</p>
|
||||
<form id="form1" class="form-validate mt-5">
|
||||
<div class="h5 mb-4">Rincian Akun</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="username">Username</label>
|
||||
<input type="text" class="form-control" name="username" placeholder="Enter username" required="">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" class="form-control" name="email" placeholder="Enter your email" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="password">Password</label>
|
||||
<div class="input-group show-hide-password">
|
||||
<input class="form-control" name="password" placeholder="Enter password" type="text" required="">
|
||||
<span class="input-group-text"><i class="icon-eye" aria-hidden="true" style="cursor: pointer;"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="password2">Konfirmasi Password</label>
|
||||
<div class="input-group show-hide-password">
|
||||
<input class="form-control" name="password2" placeholder="Enter password" type="password" required="">
|
||||
<span class="input-group-text"><i class="icon-eye-off" aria-hidden="true" style="cursor: pointer;"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="h5 mb-4">Profil Akun</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="customer_type">Jenis Pelanggan</label>
|
||||
<select class="form-select" name="customer_type" required="">
|
||||
<option value="individual">Individu/Pribadi</option>
|
||||
<option value="company">Perusahaan</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group col-md-6" id="individual">
|
||||
<label for="nib">NIB</label>
|
||||
<input class="form-control" type="text" name="nib">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" id="company" style="display: none;">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="nib">NIB</label>
|
||||
<input class="form-control" type="text" name="nib">
|
||||
</div>
|
||||
<div class="form-group col-md-6">
|
||||
<label for="npwp">NPWP</label>
|
||||
<input class="form-control" type="text" name="npwp">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="name">Nama Lengkap</label>
|
||||
<input type="text" class="form-control" name="name" placeholder="Enter your Name" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-12">
|
||||
<label for="address">Alamat Lengkap</label>
|
||||
<input type="text" class="form-control" name="address" placeholder="Enter your Street Address" required="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-6">
|
||||
<label for="telephone">Telefon/HP</label>
|
||||
<input class="form-control" type="tel" name="telephone" placeholder="Enter your Telephone number" required="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" name="terms_conditions" id="terms_conditions" class="form-check-input" value="1" required="">
|
||||
<label class="form-check-label" for="terms_conditions">Dengan mencentang opsi ini, Saya setuju untuk menerima <a href="#">Syarat dan Ketentuan</a>.</label>
|
||||
</div>
|
||||
<button type="submit" class="btn m-t-30 mt-3">Daftar</button>
|
||||
</form>
|
||||
<div class="mt-4"><small>Sudah memiliki akun?</small> <a href="{{ route('cust.auth.login') }}" class="small fw-bold">Login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- end: Section -->
|
||||
@endsection
|
||||
@@ -0,0 +1,133 @@
|
||||
@extends('template.admin.auth')
|
||||
|
||||
@section('content')
|
||||
<!-- Register Card -->
|
||||
<div class="authentication-register-inner py-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<!-- Logo -->
|
||||
<div class="app-brand justify-content-center mb-6">
|
||||
<a href="index.html" class="app-brand-link">
|
||||
<span class="app-brand-logo demo">
|
||||
<span class="text-primary">
|
||||
<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
|
||||
fill="currentColor" />
|
||||
<path
|
||||
opacity="0.06"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
|
||||
fill="#161616" />
|
||||
<path
|
||||
opacity="0.06"
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
|
||||
fill="#161616" />
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
|
||||
fill="currentColor" />
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
<span class="app-brand-text demo text-heading fw-bold">Vuexy</span>
|
||||
</a>
|
||||
</div>
|
||||
<!-- /Logo -->
|
||||
<h4 class="mb-1">Registrasi Akun Pelanggan</h4>
|
||||
<p class="mb-6">Lakukan pendaftaran akun pelanggan dengan data dan kredensial Anda.</p>
|
||||
|
||||
<form id="formRegister" class="mb-6" action="{{ route('cust.auth.store') }}" method="GET">
|
||||
<div class="row mb-3">
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<label for="nama" class="form-label">Nama Kabupaten/Kota</label>
|
||||
<input type="text" class="form-control" id="nama" name="nama" value="{{ old('nama') }}" />
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<label for="kode" class="form-label">Kode Kabupaten/Kota</label>
|
||||
<input type="text" class="form-control" id="kode" name="kode" value="{{ old('kode') }}" />
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 col-sm-6">
|
||||
<label for="provinsi_id" class="form-label">Provinsi</label>
|
||||
<select class="select2 form-select" data-allow-clear="true" id="provinsi_id" name="provinsi_id">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-6 form-control">
|
||||
<label for="username" class="form-label">Username</label>
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
id="username"
|
||||
name="username"
|
||||
placeholder="Enter your username"
|
||||
autofocus />
|
||||
</div>
|
||||
<div class="mb-6 form-control-validation">
|
||||
<label for="email" class="form-label">Email</label>
|
||||
<input type="text" class="form-control" id="email" name="email" placeholder="Enter your email" />
|
||||
</div>
|
||||
<div class="mb-6 form-password-toggle form-control-validation">
|
||||
<label class="form-label" for="password">Password</label>
|
||||
<div class="input-group input-group-merge">
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
class="form-control"
|
||||
name="password"
|
||||
placeholder="············"
|
||||
aria-describedby="password" />
|
||||
<span class="input-group-text cursor-pointer"><i class="icon-base ti tabler-eye-off"></i></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-8 form-control-validation">
|
||||
<div class="form-check mb-0 ms-2">
|
||||
<input class="form-check-input" type="checkbox" id="terms-conditions" name="terms" />
|
||||
<label class="form-check-label" for="terms-conditions">
|
||||
I agree to
|
||||
<a href="javascript:void(0);">privacy policy & terms</a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-primary d-grid w-100">Sign up</button>
|
||||
</form>
|
||||
|
||||
<p class="text-center">
|
||||
<span>Already have an account?</span>
|
||||
<a href="auth-login-basic.html">
|
||||
<span>Sign in instead</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<div class="divider my-6">
|
||||
<div class="divider-text">or</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex justify-content-center">
|
||||
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-facebook me-1_5">
|
||||
<i class="icon-base ti tabler-brand-facebook-filled icon-20px"></i>
|
||||
</a>
|
||||
|
||||
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-twitter me-1_5">
|
||||
<i class="icon-base ti tabler-brand-twitter-filled icon-20px"></i>
|
||||
</a>
|
||||
|
||||
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-github me-1_5">
|
||||
<i class="icon-base ti tabler-brand-github-filled icon-20px"></i>
|
||||
</a>
|
||||
|
||||
<a href="javascript:;" class="btn btn-icon rounded-circle btn-text-google-plus">
|
||||
<i class="icon-base ti tabler-brand-google-filled icon-20px"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Register Card -->
|
||||
@endsection
|
||||
Reference in New Issue
Block a user