56 lines
3.4 KiB
PHP
56 lines
3.4 KiB
PHP
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasAddUser" aria-labelledby="offcanvasAddUserLabel">
|
|
<div class="offcanvas-header border-bottom">
|
|
<h5 id="offcanvasAddUserLabel" class="offcanvas-title">Tambah User Baru</h5>
|
|
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body mx-0 flex-grow-0 p-6 h-100">
|
|
<form class="add-new-user pt-0" id="formAddUser" action="{{ route('users.store') }}" method="POST">
|
|
@csrf
|
|
<div class="mb-4">
|
|
<label class="form-label" for="add-user-fullname">Nama Lengkap</label>
|
|
<input type="text" class="form-control" id="add-user-fullname" placeholder="John Doe" name="name" required />
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label" for="add-user-username">Nama akun</label>
|
|
<input type="text" class="form-control" id="add-user-username" placeholder="john" name="username" required />
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label" for="add-user-email">Email</label>
|
|
<input type="email" id="add-user-email" class="form-control" placeholder="john.doe@example.com" name="email" required />
|
|
</div>
|
|
<div class="mb-4">
|
|
<label class="form-label" for="add-user-role">User Role</label>
|
|
<select id="add-user-role" class="form-select" name="role" required>
|
|
<option value="">Pilih Role</option>
|
|
@foreach($roles as $roleEnum)
|
|
<option value="{{ $roleEnum->value }}">{{ ucfirst(str_replace('_', ' ', $roleEnum->value)) }}</option>
|
|
@endforeach
|
|
</select>
|
|
</div>
|
|
<div class="mb-4 form-password-toggle">
|
|
<label class="form-label" for="add-user-password">Password</label>
|
|
<div class="input-group input-group-merge">
|
|
<input type="password" id="add-user-password" name="password" class="form-control" placeholder="············" required />
|
|
<span class="input-group-text cursor-pointer" onclick="togglePassword(this)">
|
|
<i class="ti tabler-eye-off"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-4 form-password-toggle">
|
|
<label class="form-label" for="add-user-password-confirm">Konfirmasi Password</label>
|
|
<div class="input-group input-group-merge">
|
|
<input type="password" id="add-user-password-confirm" name="password_confirmation" class="form-control" placeholder="············" required />
|
|
<span class="input-group-text cursor-pointer" onclick="togglePassword(this)">
|
|
<i class="ti tabler-eye-off"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 d-flex gap-3">
|
|
<button type="submit" class="btn btn-primary flex-grow-1 data-submit">Simpan</button>
|
|
<button type="reset" class="btn btn-label-secondary flex-grow-1" data-bs-dismiss="offcanvas">Batal</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> |