117 lines
5.6 KiB
PHP
117 lines
5.6 KiB
PHP
<!-- meta tags and other links -->
|
|
<!DOCTYPE html>
|
|
<html lang="en" data-theme="light">
|
|
|
|
<x-head/>
|
|
|
|
<body>
|
|
|
|
<section class="auth bg-base d-flex flex-wrap">
|
|
<div class="auth-left d-lg-block d-none bg-blue-800">
|
|
<div class="d-flex align-items-center flex-column justify-content-center object-cover">
|
|
<img src="{{ asset('assets/images/auth/auth_img.png') }}" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="auth-right py-32 px-24 d-flex flex-column justify-content-center">
|
|
<div class="max-w-464-px mx-auto w-100">
|
|
<div>
|
|
<a href="#" class="mb-40 max-w-290-px">
|
|
<img src="{{ asset('assets/images/logo.png') }}" alt="">
|
|
</a>
|
|
<h4 class="mb-12">Daftar Akun</h4>
|
|
{{-- <p class="mb-32 text-secondary-light text-lg">Silakan masukkan detail Anda</p> --}}
|
|
</div>
|
|
<form method="POST" action="{{ route('auth.daftar.store') }}">
|
|
@csrf
|
|
|
|
@if(session('status'))
|
|
<div class="alert alert-success">{{ session('status') }}</div>
|
|
@endif
|
|
|
|
@if($errors->any())
|
|
<div class="alert alert-danger">
|
|
<ul class="mb-0">
|
|
@foreach($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
<div class="icon-field mb-16">
|
|
<span class="icon top-50 translate-middle-y">
|
|
<iconify-icon icon="f7:person"></iconify-icon>
|
|
</span>
|
|
<input name="company_name" type="text" class="form-control h-56-px bg-neutral-50 radius-12" placeholder="Nama Perusahaan">
|
|
</div>
|
|
<div class="icon-field mb-16">
|
|
<span class="icon top-50 translate-middle-y">
|
|
<iconify-icon icon="mage:email"></iconify-icon>
|
|
</span>
|
|
<input name="email" type="email" class="form-control h-56-px bg-neutral-50 radius-12" placeholder="Email">
|
|
</div>
|
|
<div class="mb-20">
|
|
<div class="position-relative ">
|
|
<div class="icon-field">
|
|
<span class="icon top-50 translate-middle-y">
|
|
<iconify-icon icon="solar:lock-password-outline"></iconify-icon>
|
|
</span>
|
|
<input name="password" type="password" class="form-control h-56-px bg-neutral-50 radius-12" id="password" placeholder="Password">
|
|
</div>
|
|
<span class="toggle-password ri-eye-line cursor-pointer position-absolute end-0 top-50 translate-middle-y me-16 text-secondary-light" data-toggle="#password"></span>
|
|
</div>
|
|
</div>
|
|
<div class="mb-20">
|
|
<div class="position-relative ">
|
|
<div class="icon-field">
|
|
<span class="icon top-50 translate-middle-y">
|
|
<iconify-icon icon="solar:lock-password-outline"></iconify-icon>
|
|
</span>
|
|
<input name="password_confirmation" type="password" class="form-control h-56-px bg-neutral-50 radius-12" id="password-confirm" placeholder="Konfirmasi Password">
|
|
</div>
|
|
<span class="toggle-password ri-eye-line cursor-pointer position-absolute end-0 top-50 translate-middle-y me-16 text-secondary-light" data-toggle="#password-confirm"></span>
|
|
</div>
|
|
</div>
|
|
<div class="">
|
|
<div class="d-flex justify-content-between gap-2">
|
|
<div class="form-check style-check d-flex align-items-start">
|
|
<input class="form-check-input border border-neutral-300 mt-4" type="checkbox" value="" id="condition">
|
|
<label class="form-check-label text-sm" for="condition">
|
|
Saya setuju dengan
|
|
<a href="javascript:void(0)" class="text-primary-600 fw-semibold">Syarat & Ketentuan</a> dan
|
|
<a href="javascript:void(0)" class="text-primary-600 fw-semibold">Kebijakan Privasi</a>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary text-sm btn-sm px-12 py-16 w-100 radius-12 mt-32">Daftar</button>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
@push('scripts')
|
|
<script>
|
|
function initializePasswordToggle(toggleSelector) {
|
|
$(toggleSelector).on("click", function() {
|
|
$(this).toggleClass("ri-eye-off-line");
|
|
var input = $($(this).attr("data-toggle"));
|
|
if (input.attr("type") === "password") {
|
|
input.attr("type", "text");
|
|
} else {
|
|
input.attr("type", "password");
|
|
}
|
|
});
|
|
}
|
|
initializePasswordToggle(".toggle-password");
|
|
</script>
|
|
@endpush
|
|
|
|
<x-script />
|
|
|
|
</body>
|
|
|
|
</html>
|