MIF_E31221420/resources/views/admin/manajemenakun/index.blade.php

88 lines
5.3 KiB
PHP

@extends('admin.layouts.master')
@section('content')
<div class="container mx-auto px-4">
<div class="flex justify-between items-center mb-6">
<h1 class="text-3xl font-bold text-gray-800">Manajemen Akun</h1>
<a href="{{ route('admin.manajemen-akun.create') }}"
class="inline-flex items-center px-5 py-2 bg-blue-600 text-white font-semibold rounded-lg shadow hover:bg-blue-700 transition">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
</svg>
Tambah Akun
</a>
</div>
@if (session('success'))
<div class="mb-4">
<div class="bg-green-100 border border-green-200 text-green-800 px-4 py-3 rounded-lg shadow-inner"
role="alert">
<p class="font-medium">Berhasil!</p>
<p>{{ session('success') }}</p>
</div>
</div>
@endif
<div class="overflow-x-auto bg-white rounded-lg shadow">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">#</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nama</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Email
</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Role</th>
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">No. HP
</th>
<th class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase tracking-wider">Aksi
</th>
</tr>
</thead>
<tbody class="bg-white divide-y divide-gray-200">
@foreach ($users as $idx => $user)
<tr class="hover:bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-700">{{ $users->firstItem() + $idx }}
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">{{ $user->name }}
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-600">{{ $user->email }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-600">{{ ucfirst($user->role) }}</td>
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-600">
{{ optional($user->profile())->no_hp ?? '-' }}</td>
<td class="px-6 py-4 whitespace-nowrap text-center text-sm font-medium space-x-2">
<a href="{{ route('admin.manajemen-akun.edit', $user) }}"
class="inline-flex items-center px-3 py-1 bg-yellow-400 text-white rounded hover:bg-yellow-500 transition">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M11 4h.01M17.657 6.343l-1.414 1.414M19 12h-2M17.657 17.657l-1.414-1.414M12 19v-2M6.343 17.657l1.414-1.414M5 12H3M6.343 6.343l1.414 1.414" />
</svg>
Edit
</a>
<form action="{{ route('admin.manajemen-akun.destroy', $user) }}" method="POST"
class="inline-block" onsubmit="return confirm('Yakin ingin menghapus akun ini?')">
@csrf @method('DELETE')
<button type="submit"
class="inline-flex items-center px-3 py-1 bg-red-500 text-white rounded hover:bg-red-600 transition">
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M6 18L18 6M6 6l12 12" />
</svg>
Hapus
</button>
</form>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="mt-6">
{{ $users->links() }}
</div>
</div>
@endsection