MIF_E31230580/resources/views/dashboard-admin.blade.php

64 lines
3.7 KiB
PHP

<x-app-layout>
<x-slot name="header">
<h2 class="font-bold text-xl text-slate-800 leading-tight">
{{ __('Dashboard Admin (Pengelola)') }}
</h2>
</x-slot>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<!-- Statistik Sederhana -->
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-indigo-600 text-white p-6 rounded-2xl shadow-sm border border-indigo-700">
<span class="text-xs font-bold uppercase tracking-wider opacity-75">Koleksi Edukasi Isyarat</span>
<h3 class="text-4xl font-black mt-1">{{ $totalGesture }} Data</h3>
</div>
<div class="bg-emerald-600 text-white p-6 rounded-2xl shadow-sm border border-emerald-700">
<span class="text-xs font-bold uppercase tracking-wider opacity-75">Total Log Penggunaan Kamera</span>
<h3 class="text-4xl font-black mt-1">{{ $totalRiwayat }} Aktivitas</h3>
</div>
</div>
<div class="bg-white overflow-hidden shadow-sm sm:rounded-2xl p-8 border border-slate-100">
<!-- Form Input Edukasi Baru (Sesuai alur 'input edukasi' di flowchart) -->
<div class="border-b border-slate-150 pb-8 mb-8">
<h3 class="text-lg font-bold text-slate-900 mb-4">Kelola Katalog Gesture (Tambah Baru)</h3>
@if(session('success'))
<div class="mb-4 p-3 bg-emerald-50 border border-emerald-200 text-emerald-800 rounded-lg text-xs font-bold">
{{ session('success') }}
</div>
@endif
<form action="{{ route('admin.gesture.store') }}" method="POST" class="grid grid-cols-1 md:grid-cols-3 gap-4 items-end">
@csrf
<div>
<label class="block text-xs font-bold uppercase text-slate-400 mb-1">Karakter / Huruf / Kata</label>
<input type="text" name="huruf_kata" required placeholder="Contoh: Huruf Y / Kata Pagi" class="w-full rounded-xl border-slate-200 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500">
</div>
<div>
<label class="block text-xs font-bold uppercase text-slate-400 mb-1">Panduan Cara Peragaan</label>
<input type="text" name="deskripsi" placeholder="Angkat jempol dan kelingking..." class="w-full rounded-xl border-slate-200 shadow-sm text-sm focus:border-indigo-500 focus:ring-indigo-500">
</div>
<div>
<button type="submit" class="w-full py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold rounded-xl shadow transition">
Simpan Ke Database
</button>
</div>
</form>
</div>
<!-- Log Riwayat Semua User -->
<div>
<h3 class="text-lg font-bold text-slate-900 mb-2">Riwayat Terjemahan Seluruh Pengguna</h3>
<p class="text-xs text-slate-500 mb-4 leading-relaxed">Gunakan fitur ini untuk memonitor aktivitas teman tuli dalam menerjemahkan isyarat.</p>
<a href="{{ route('admin.history.admin') }}" class="inline-block px-5 py-2.5 bg-slate-900 hover:bg-slate-800 text-white rounded-xl text-xs font-bold transition">
Buka Log Pengguna Lengkap
</a>
</div>
</div>
</div>
</div>
</x-app-layout>