Initial commit - lms-v2 + CLAUDE.md
This commit is contained in:
Iwit
@@ -0,0 +1,69 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('title', 'Portal Ujian Karyawan')
|
||||
|
||||
@section('content')
|
||||
<div class="max-w-5xl mx-auto py-8">
|
||||
|
||||
<div class="bg-indigo-700 rounded-2xl shadow-lg p-8 text-white mb-8 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')]">
|
||||
<h1 class="text-3xl font-extrabold mb-2">Selamat Datang, {{ $user->first_name }}!</h1>
|
||||
<p class="text-indigo-200">Pastikan Anda menyelesaikan kualifikasi CPOB tepat waktu. Semangat!</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||||
<h3 class="text-lg font-bold text-slate-800 mb-4 flex items-center">
|
||||
<svg class="w-5 h-5 mr-2 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path></svg>
|
||||
Ujian & Kualifikasi Aktif
|
||||
</h3>
|
||||
|
||||
<div class="space-y-4">
|
||||
@forelse($availableExams as $exam)
|
||||
<div class="p-4 border border-slate-100 rounded-lg bg-slate-50 hover:bg-white hover:border-indigo-200 transition-all">
|
||||
<h4 class="font-bold text-slate-800 text-md">{{ $exam->title }}</h4>
|
||||
<div class="flex items-center text-xs text-slate-500 mt-2 mb-4 space-x-4">
|
||||
<span>Durasi: {{ $exam->duration }} Menit</span>
|
||||
<span>KKM: {{ $exam->passing_percentage }}</span>
|
||||
</div>
|
||||
<a href="#" class="inline-block w-full text-center px-4 py-2 bg-indigo-600 text-white rounded-md text-sm font-semibold hover:bg-indigo-700">
|
||||
Mulai Ujian
|
||||
</a>
|
||||
</div>
|
||||
@empty
|
||||
<p class="text-sm text-slate-500 text-center py-4">Belum ada ujian yang ditugaskan untuk Anda.</p>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm border border-slate-200 p-6">
|
||||
<h3 class="text-lg font-bold text-slate-800 mb-4 flex items-center">
|
||||
<svg class="w-5 h-5 mr-2 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
|
||||
Riwayat Kelulusan
|
||||
</h3>
|
||||
|
||||
<div class="space-y-3">
|
||||
@forelse($examHistory as $history)
|
||||
<div class="flex items-center justify-between p-3 border-b border-slate-100 last:border-0">
|
||||
<div>
|
||||
<p class="font-bold text-sm text-slate-800">{{ $history->exam->title }}</p>
|
||||
<p class="text-xs text-slate-400">{{ $history->created_at->format('d M Y') }}</p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span class="block font-mono font-bold {{ $history->is_passed ? 'text-emerald-600' : 'text-red-600' }}">
|
||||
Skor: {{ $history->score }}
|
||||
</span>
|
||||
<span class="text-[10px] uppercase font-bold px-2 py-0.5 rounded-full {{ $history->is_passed ? 'bg-emerald-100 text-emerald-700' : 'bg-red-100 text-red-700' }}">
|
||||
{{ $history->is_passed ? 'Lulus' : 'Gagal' }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<p class="text-sm text-slate-500 text-center py-4">Anda belum mengikuti ujian apapun.</p>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="id">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Ujian CBT - {{ $exam->title }}</title>
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
@livewireStyles
|
||||
</head>
|
||||
<body class="bg-slate-100 font-sans antialiased selection:bg-indigo-500 selection:text-white">
|
||||
|
||||
<div class="bg-white border-b border-slate-200 px-6 py-3 flex justify-between items-center shadow-sm">
|
||||
<div class="flex items-center space-x-3">
|
||||
<div class="w-8 h-8 bg-indigo-600 rounded-md flex items-center justify-center text-white font-bold">
|
||||
T
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="text-sm font-bold text-slate-800 tracking-tight">Tunggal Pharma LMS</h1>
|
||||
<p class="text-[10px] text-slate-500 uppercase tracking-wider">Computer Based Test V2.0</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span class="text-sm font-bold text-slate-700">{{ Auth::user()->first_name }} {{ Auth::user()->last_name }}</span>
|
||||
<span class="text-xs px-2 py-0.5 bg-slate-100 text-slate-600 rounded border border-slate-200 ml-2 font-mono">
|
||||
{{ Auth::user()->nik }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main class="py-8 px-4 sm:px-6 lg:px-8">
|
||||
@livewire('cbt.exam-engine', ['exam' => $exam])
|
||||
</main>
|
||||
|
||||
@livewireScripts
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user