@extends('student.layout')
@section('title','Study Materials')
@section('page-title','Study Materials')

@section('content')
@if($materials->isEmpty())
<div class="card" style="padding:60px;text-align:center;">
    <i class="fas fa-book-open" style="font-size:56px;color:#e2e8f0;margin-bottom:16px;display:block;"></i>
    <div style="font-size:16px;font-weight:700;color:#94a3b8;">No study materials yet</div>
    <div style="font-size:13px;color:#cbd5e1;margin-top:6px;">Your teacher will upload materials here. Check back soon!</div>
</div>
@else
@foreach($materials as $topic => $items)
<div class="card" style="margin-bottom:18px;">
    <div class="card-header">
        <h3><i class="fas fa-folder-open" style="color:var(--red);margin-right:8px;"></i>{{ $topic ?: 'General' }}</h3>
        <span class="badge badge-gray">{{ $items->count() }} items</span>
    </div>
    <div>
        @foreach($items as $m)
        <div style="display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #f1f5f9;">
            <div style="width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
                background:{{ $m->type=='pdf'?'#fef2f2':($m->type=='video'?'#eff6ff':($m->type=='audio'?'#f5f3ff':'#f0fdf4')) }};">
                <i class="fas {{ $m->typeIcon() }}" style="font-size:18px;
                    color:{{ $m->type=='pdf'?'#dc2626':($m->type=='video'?'#3b82f6':($m->type=='audio'?'#7c3aed':'#22c55e')) }};"></i>
            </div>
            <div style="flex:1;">
                <div style="font-size:14px;font-weight:600;color:#0f172a;">{{ $m->title }}</div>
                @if($m->description)<div style="font-size:12px;color:#64748b;margin-top:2px;">{{ $m->description }}</div>@endif
                <div style="font-size:11px;color:#94a3b8;margin-top:4px;">
                    <span class="badge badge-blue">{{ $m->course }}</span>
                    {{ $m->created_at->format('d M Y') }}
                </div>
            </div>
            @if($m->file_path)
            <a href="{{ asset('uploads/materials/'.$m->file_path) }}" target="_blank" download class="btn btn-primary btn-sm">
                <i class="fas fa-download"></i> Download
            </a>
            @elseif($m->external_url)
            <a href="{{ $m->external_url }}" target="_blank" class="btn btn-primary btn-sm">
                <i class="fas fa-external-link-alt"></i> Open
            </a>
            @endif
        </div>
        @endforeach
    </div>
</div>
@endforeach
@endif
@endsection