SimStok_Mebel/resources/views/users/index.blade.php

78 lines
3.2 KiB
PHP

@extends('layouts.sidebar')
@section('title', 'User Management')
@section('active_menu', 'users')
@section('content')
<style>
.inline-user-form {
display: grid;
grid-template-columns: 1fr 1fr 120px 1fr auto;
gap: 8px;
}
</style>
<div class="table-card">
<h2>Tambah User</h2>
<form action="{{ route('users.store') }}" method="POST" style="display:grid; gap:10px;">
@csrf
<input type="text" name="name" placeholder="Nama" value="{{ old('name') }}" required>
<input type="email" name="email" placeholder="Email" value="{{ old('email') }}" required>
<input type="password" name="password" placeholder="Password (min. 6 karakter)" required>
<select name="role" required>
<option value="admin">Admin</option>
<option value="owner">Owner</option>
</select>
<div>
<button type="submit">Simpan</button>
</div>
</form>
</div>
<div class="table-card">
<h2>Daftar User</h2>
<table class="app-table">
<thead>
<tr>
<th>Nama</th>
<th>Email</th>
<th>Role</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
@forelse ($users as $item)
<tr>
<td colspan="4">
<div style="display:flex; align-items:start; gap:8px;">
<form action="{{ route('users.update', $item) }}" method="POST" class="inline-user-form" style="flex:1;">
@csrf
@method('PUT')
<input type="text" name="name" value="{{ $item->name }}" required>
<input type="email" name="email" value="{{ $item->email }}" required>
<select name="role" required>
<option value="admin" @selected($item->role === 'admin')>Admin</option>
<option value="owner" @selected($item->role === 'owner')>Owner</option>
</select>
<input type="password" name="password" placeholder="Password baru (opsional)">
<button type="submit">Update</button>
</form>
<form action="{{ route('users.destroy', $item) }}" method="POST" onsubmit="return confirm('Yakin hapus user ini?')">
@csrf
@method('DELETE')
<button type="submit" style="background:#b91c1c; border-color:#b91c1c;">Hapus</button>
</form>
</div>
</td>
</tr>
@empty
<tr>
<td colspan="4">Belum ada user.</td>
</tr>
@endforelse
</tbody>
</table>
</div>
@endsection