@extends('layouts.app')
@section('title', $course->name)
@section('page-title', $course->icon . ' ' . $course->name)

@section('content')

{{-- Preview Banner --}}
@if($isPreview)
<div class="preview-banner">
    🔒 Login untuk mengunduh materi.
    <a href="{{ route('login') }}" class="btn btn-primary btn-sm">Login</a>
</div>
@endif

{{-- Breadcrumb --}}
<div class="breadcrumb">
    <a href="{{ route('vault.index') }}">Ruang Ilmu</a> ›
    <a href="{{ route('vault.index') }}">{{ $course->semester->name ?? 'Semester' }}</a> ›
    <span>{{ $course->name }}</span>
</div>

{{-- Header Matkul --}}
<div class="dashboard-card" style="margin-bottom:16px">
    <div class="material-hero" style="margin:0; border:none; border-radius:0">
        <div class="material-hero-icon">{{ $course->icon ?? '📁' }}</div>
        <div class="material-hero-info">
            <h2>{{ $course->name }}</h2>
            <p class="material-meta-row">
                <span style="font-family:var(--font-mono); font-size:0.72rem; color:var(--accent)">{{ $course->code }}</span>
                @if($course->description)
                · <span>{{ $course->description }}</span>
                @endif
            </p>
        </div>
        @auth
        @if(auth()->user()->isDosen() || auth()->user()->isAdmin())
        <div>
            <a href="{{ route('vault.create', $course) }}" class="btn btn-primary btn-sm">
                ⬆ Upload Materi
            </a>
        </div>
        @endif
        @endauth
    </div>
</div>

{{-- Daftar Materi --}}
@if($materials->isEmpty())
<div class="dashboard-card">
    <div class="empty-state">
        <div style="font-size:2rem;margin-bottom:8px">📂</div>
        <p>Belum ada materi untuk mata kuliah ini.</p>
        @auth
        @if(auth()->user()->isDosen() || auth()->user()->isAdmin())
        <a href="{{ route('vault.create', $course) }}" class="btn btn-primary" style="margin-top:12px">
            ⬆ Upload Materi Pertama
        </a>
        @endif
        @endauth
    </div>
</div>
@else
<div class="dashboard-card">
    <div class="card-header">
        <h3>📚 {{ $materials->count() }} Materi Tersedia</h3>
    </div>

    <div class="material-list">
        @foreach($materials as $material)
        <div class="material-list-item" style="align-items:center">
            <span class="material-icon">{{ $material->type_icon }}</span>
            <div style="flex:1">
                @if(!$isPreview)
                <a href="{{ route('vault.show', $material) }}" class="material-title" style="color:var(--text-primary)">
                    {{ $material->title }}
                </a>
                @else
                <span class="material-title">{{ $material->title }}</span>
                @endif
                <div class="material-meta">
                    Oleh {{ $material->uploader->name ?? '-' }} ·
                    {{ $material->file_size_formatted }} ·
                    ⬇ {{ $material->download_count }}x ·
                    {{ $material->created_at->format('d M Y') }}
                </div>
            </div>
            <div style="display:flex;gap:6px;flex-shrink:0">
                @if(!$isPreview)
                <a href="{{ route('vault.show', $material) }}" class="btn btn-ghost btn-sm">Detail</a>
                <a href="{{ route('vault.download', $material) }}" class="btn btn-primary btn-sm">⬇</a>
                @else
                <a href="{{ route('login') }}" class="btn btn-outline btn-sm">🔒 Login</a>
                @endif
            </div>
        </div>
        @endforeach
    </div>
</div>
@endif

@endsection