@extends('mahasiswa.layout', [
    'title' => 'Kelas E-Learning',
    'heading' => 'E-Learning: '.$schedule->mataKuliah?->nama_mk,
    'subheading' => 'Lihat materi, kerjakan assessment, ikut diskusi, dan lakukan absensi online pada kelas digital ini.',
])

@section('mahasiswa-content')
    <div class="row">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Materi Pembelajaran</h3>
                </div>
                <div class="card-body">
                    @forelse ($schedule->elearningMaterials as $material)
                        <div class="callout callout-primary">
                            <h5 class="mb-1">{{ $material->judul }}</h5>
                            <p class="mb-2 text-muted">{{ $material->deskripsi ?: 'Tanpa deskripsi.' }}</p>
                            @if ($material->file_path)
                                <a href="{{ route('mahasiswa.elearning.materials.download', $material) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="fas fa-download mr-1"></i>
                                    Download Materi
                                </a>
                            @endif
                        </div>
                    @empty
                        <div class="alert alert-light border mb-0">Belum ada materi digital yang dipublikasikan.</div>
                    @endforelse
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Forum Diskusi</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('mahasiswa.elearning.threads.store', $schedule) }}" class="mb-4">
                        @csrf
                        <div class="form-group">
                            <input type="text" name="judul" class="form-control" placeholder="Judul thread baru" required>
                        </div>
                        <div class="form-group">
                            <textarea name="isi" class="form-control" rows="3" placeholder="Mulai diskusi..." required></textarea>
                        </div>
                        <button type="submit" class="btn btn-warning">Buat Thread</button>
                    </form>

                    @forelse ($schedule->elearningForumThreads as $thread)
                        <div class="border rounded p-3 mb-3">
                            <h5 class="mb-1">{{ $thread->judul }}</h5>
                            <p class="text-muted text-sm mb-2">Oleh {{ $thread->user?->name ?? '-' }}</p>
                            <p>{{ $thread->isi }}</p>
                            @foreach ($thread->posts as $post)
                                <div class="bg-light border rounded p-2 mb-2">
                                    <strong>{{ $post->user?->name ?? '-' }}</strong>
                                    <div>{{ $post->isi }}</div>
                                </div>
                            @endforeach
                            <form method="POST" action="{{ route('mahasiswa.elearning.posts.store', $thread) }}">
                                @csrf
                                <div class="input-group input-group-sm">
                                    <input type="text" name="isi" class="form-control" placeholder="Balas diskusi..." required>
                                    <div class="input-group-append">
                                        <button type="submit" class="btn btn-outline-warning">Kirim</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    @empty
                        <div class="alert alert-light border mb-0">Belum ada thread diskusi pada kelas ini.</div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Assessment Aktif</h3>
                </div>
                <div class="card-body">
                    @forelse ($schedule->elearningAssessments as $assessment)
                        @php($submission = $assessment->submissions->first())
                        <div class="callout callout-{{ $submission ? 'success' : 'info' }}">
                            <h5 class="mb-1">{{ strtoupper($assessment->jenis) }}: {{ $assessment->judul }}</h5>
                            <p class="mb-1 text-muted">Deadline: {{ $assessment->batas_waktu?->format('d M Y H:i') ?? 'Tanpa batas' }}</p>
                            <p class="mb-2">{{ $assessment->deskripsi ?: 'Tidak ada deskripsi tambahan.' }}</p>
                            @if ($submission)
                                <span class="badge badge-success mr-2">Sudah Submit</span>
                                @if ($submission->nilai !== null)
                                    <span class="badge badge-primary">Nilai {{ number_format((float) $submission->nilai, 2, ',', '.') }}</span>
                                @endif
                            @else
                                <span class="badge badge-warning">Belum Submit</span>
                            @endif
                            <div class="mt-2">
                                <a href="{{ route('mahasiswa.elearning.assessments.show', $assessment) }}" class="btn btn-sm btn-outline-primary">
                                    Buka Assessment
                                </a>
                            </div>
                        </div>
                    @empty
                        <div class="alert alert-light border mb-0">Belum ada assessment aktif untuk kelas ini.</div>
                    @endforelse
                </div>
            </div>

            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Absensi Online</h3>
                </div>
                <div class="card-body">
                    @forelse ($schedule->elearningAttendanceSessions as $session)
                        @php($record = $session->records->first())
                        <div class="border rounded p-3 mb-3">
                            <h5 class="mb-1">{{ $session->judul }}</h5>
                            <p class="text-muted text-sm mb-2">{{ $session->tanggal?->format('d M Y') ?? '-' }} / Kode dari dosen</p>
                            @if ($record)
                                <span class="badge badge-success">Sudah Absen {{ $record->waktu_absen?->format('d M Y H:i') }}</span>
                            @else
                                <form method="POST" action="{{ route('mahasiswa.elearning.attendance-sessions.checkin', $session) }}">
                                    @csrf
                                    <div class="input-group input-group-sm">
                                        <input type="text" name="kode_absensi" class="form-control" placeholder="Masukkan kode absensi" required>
                                        <div class="input-group-append">
                                            <button type="submit" class="btn btn-info">Check-in</button>
                                        </div>
                                    </div>
                                </form>
                            @endif
                        </div>
                    @empty
                        <div class="alert alert-light border mb-0">Belum ada sesi absensi online untuk kelas ini.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
@endsection