@extends('layouts.app', ['title' => 'Dashboard User'])

@section('content')
    <div class="showcase-grid">
        <div class="premium-banner">
            <div class="premium-eyebrow">User Workspace</div>
            <h2>Kelola Dokumen RPS dengan Rapi, Stabil, dan Siap Tampil</h2>
            <p>Area pengguna ini dibangun untuk ritme kerja yang cepat dan fokus. Susun RPS melalui input manual, rapikan isinya, lalu lanjutkan ke preview dan export dengan nuansa kerja yang tetap premium.</p>

            <div class="premium-metrics">
                <div class="premium-metric">
                    <strong>{{ $stats['documents'] }}</strong>
                    <span>Total dokumen yang sudah tersimpan.</span>
                </div>
                <div class="premium-metric">
                    <strong>{{ $stats['aiReady'] }}</strong>
                    <span>Draft AI yang sudah siap ditinjau.</span>
                </div>
                <div class="premium-metric">
                    <strong>{{ $stats['drafts'] }}</strong>
                    <span>Dokumen yang masih perlu finalisasi.</span>
                </div>
            </div>
        </div>

        <div class="luxury-panel">
            <h3 class="section-title" style="font-size: 1.45rem;">Langkah Cepat</h3>
            <p class="helper">Masuk ke tahap kerja yang paling sering digunakan tanpa harus berpindah-pindah terlalu jauh.</p>

            <div class="icon-list">
                <div class="icon-item">
                    <div class="icon-badge">M</div>
                    <div><strong>Buat RPS</strong><br><span class="meta">Mulai penyusunan RPS dari form manual yang sudah stabil.</span></div>
                </div>
                <div class="icon-item">
                    <div class="icon-badge">A</div>
                    <div><strong>Arsip RPS</strong><br><span class="meta">Lihat semua dokumen dan lanjutkan pekerjaan yang tertunda.</span></div>
                </div>
                <div class="icon-item">
                    <div class="icon-badge">E</div>
                    <div><strong>Edit & Finalisasi</strong><br><span class="meta">Rapikan isi sebelum dipreview dan diexport ke PDF.</span></div>
                </div>
            </div>

            <div class="actions" style="margin-top: 20px;">
                <a class="btn" href="{{ route('rps.create') }}">Buat RPS</a>
                <a class="btn secondary" href="{{ route('rps.index') }}">Buka Arsip RPS</a>
            </div>
        </div>
    </div>

    <div class="panel" style="margin-top: 20px;">
        <div class="stats-grid" style="margin-bottom: 18px; grid-template-columns: repeat(3, minmax(0, 1fr));">
            <div class="stat-card"><span class="meta">Total RPS</span><strong>{{ $stats['documents'] }}</strong></div>
            <div class="stat-card"><span class="meta">AI Selesai</span><strong>{{ $stats['aiReady'] }}</strong></div>
            <div class="stat-card"><span class="meta">Masih Draft</span><strong>{{ $stats['drafts'] }}</strong></div>
        </div>
        <h3 class="section-title">Dokumen Terbaru</h3>
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Mata Kuliah</th>
                        <th>Status</th>
                        <th>AI</th>
                        <th>Diperbarui</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($recentDocuments as $document)
                        <tr>
                            <td>{{ $document->course_name }}</td>
                            <td>{{ strtoupper($document->status) }}</td>
                            <td>{{ strtoupper($document->ai_generation_status ?? 'idle') }}</td>
                            <td>{{ $document->updated_at->format('d M Y H:i') }}</td>
                            <td><a href="{{ route('rps.edit', $document) }}">Lanjut Edit</a></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5">Belum ada dokumen RPS.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection