@extends('dosen.layout', [
    'title' => 'Kelola E-Learning',
    'heading' => 'E-Learning: '.$schedule->mataKuliah?->nama_mk,
    'subheading' => 'Atur materi, assessment, forum diskusi, dan absensi online dalam satu panel kelas digital.',
])

@section('dosen-content')
    <div class="row">
        <div class="col-md-3">
            <div class="small-box bg-primary">
                <div class="inner">
                    <h3>{{ $schedule->elearningMaterials->count() }}</h3>
                    <p>Materi</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="small-box bg-success">
                <div class="inner">
                    <h3>{{ $schedule->elearningAssessments->count() }}</h3>
                    <p>Tugas / Quiz / Ujian</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="small-box bg-warning">
                <div class="inner">
                    <h3>{{ $schedule->elearningForumThreads->count() }}</h3>
                    <p>Thread Diskusi</p>
                </div>
            </div>
        </div>
        <div class="col-md-3">
            <div class="small-box bg-info">
                <div class="inner">
                    <h3>{{ $schedule->elearningAttendanceSessions->count() }}</h3>
                    <p>Sesi Absensi</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-5">
            <div class="card card-outline card-primary">
                <div class="card-header">
                    <h3 class="card-title">Upload Materi</h3>
                </div>
                <form method="POST" action="{{ route('dosen.elearning.materials.store', $schedule) }}" enctype="multipart/form-data">
                    @csrf
                    <div class="card-body">
                        <div class="form-group">
                            <label>Judul</label>
                            <input type="text" name="judul" class="form-control" required>
                        </div>
                        <div class="form-group">
                            <label>Deskripsi</label>
                            <textarea name="deskripsi" class="form-control" rows="3"></textarea>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label>Status</label>
                                <select name="status" class="form-control" required>
                                    <option value="publish">Publish</option>
                                    <option value="draft">Draft</option>
                                </select>
                            </div>
                            <div class="form-group col-md-6">
                                <label>File</label>
                                <input type="file" name="file" class="form-control-file">
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-primary">Simpan Materi</button>
                    </div>
                </form>
            </div>

            <div class="card card-outline card-info">
                <div class="card-header">
                    <h3 class="card-title">Buat Sesi Absensi Online</h3>
                </div>
                <form method="POST" action="{{ route('dosen.elearning.attendance-sessions.store', $schedule) }}">
                    @csrf
                    <div class="card-body">
                        <div class="form-group">
                            <label>Judul Sesi</label>
                            <input type="text" name="judul" class="form-control" placeholder="Contoh: Pertemuan 1" required>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label>Tanggal</label>
                                <input type="date" name="tanggal" class="form-control" value="{{ now()->toDateString() }}" required>
                            </div>
                            <div class="form-group col-md-4">
                                <label>Kode Absensi</label>
                                <input type="text" name="kode_absensi" class="form-control" placeholder="Kosongkan untuk auto">
                            </div>
                            <div class="form-group col-md-4">
                                <label>Dibuka Sampai</label>
                                <input type="datetime-local" name="dibuka_sampai" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <button type="submit" class="btn btn-info">Buat Sesi</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="col-lg-7">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Daftar Materi</h3>
                </div>
                <div class="card-body">
                    @forelse ($schedule->elearningMaterials as $material)
                        <div class="callout callout-{{ $material->status === 'publish' ? 'success' : 'secondary' }}">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h5 class="mb-1">{{ $material->judul }}</h5>
                                    <p class="mb-1 text-muted">{{ $material->deskripsi ?: 'Tanpa deskripsi.' }}</p>
                                </div>
                                @if ($material->file_path)
                                    <a href="{{ route('dosen.elearning.materials.download', $material) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-download mr-1"></i>
                                        File
                                    </a>
                                @endif
                            </div>
                            <form method="POST" action="{{ route('dosen.elearning.materials.update', $material) }}" enctype="multipart/form-data" class="mt-3">
                                @csrf
                                @method('PUT')
                                <div class="form-row">
                                    <div class="form-group col-md-4">
                                        <input type="text" name="judul" class="form-control form-control-sm" value="{{ $material->judul }}" required>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <select name="status" class="form-control form-control-sm">
                                            <option value="publish" @selected($material->status === 'publish')>Publish</option>
                                            <option value="draft" @selected($material->status === 'draft')>Draft</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-3">
                                        <input type="file" name="file" class="form-control-file form-control-sm">
                                    </div>
                                    <div class="form-group col-md-2">
                                        <button type="submit" class="btn btn-sm btn-warning btn-block">Update</button>
                                    </div>
                                </div>
                                <textarea name="deskripsi" class="form-control form-control-sm" rows="2">{{ $material->deskripsi }}</textarea>
                            </form>
                        </div>
                    @empty
                        <div class="alert alert-light border mb-0">Belum ada materi digital untuk kelas ini.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Assessment: Tugas, Quiz, dan Ujian</h3>
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('dosen.elearning.assessments.store', $schedule) }}" class="mb-4">
                @csrf
                <div class="row">
                    <div class="col-md-2">
                        <select name="jenis" class="form-control" required>
                            <option value="tugas">Tugas</option>
                            <option value="quiz">Quiz</option>
                            <option value="ujian">Ujian</option>
                        </select>
                    </div>
                    <div class="col-md-3">
                        <input type="text" name="judul" class="form-control" placeholder="Judul assessment" required>
                    </div>
                    <div class="col-md-2">
                        <input type="datetime-local" name="batas_waktu" class="form-control">
                    </div>
                    <div class="col-md-2">
                        <input type="number" name="nilai_maksimum" class="form-control" min="1" step="0.01" value="100" required>
                    </div>
                    <div class="col-md-3">
                        <div class="d-flex" style="gap: .5rem;">
                            <div class="form-check">
                                <input type="hidden" name="allow_text_submission" value="0">
                                <input type="checkbox" class="form-check-input" id="allow-text" name="allow_text_submission" value="1" checked>
                                <label for="allow-text" class="form-check-label">Text</label>
                            </div>
                            <div class="form-check">
                                <input type="hidden" name="allow_file_submission" value="0">
                                <input type="checkbox" class="form-check-input" id="allow-file" name="allow_file_submission" value="1">
                                <label for="allow-file" class="form-check-label">File</label>
                            </div>
                            <select name="status" class="form-control form-control-sm" style="width: 100px;">
                                <option value="publish">Publish</option>
                                <option value="draft">Draft</option>
                                <option value="tutup">Tutup</option>
                            </select>
                        </div>
                    </div>
                </div>
                <textarea name="deskripsi" class="form-control mt-2" rows="2" placeholder="Instruksi singkat assessment"></textarea>
                <button type="submit" class="btn btn-success mt-2">Tambah Assessment</button>
            </form>

            @forelse ($schedule->elearningAssessments as $assessment)
                <div class="card card-outline card-success mb-3">
                    <div class="card-header">
                        <h3 class="card-title">{{ strtoupper($assessment->jenis) }}: {{ $assessment->judul }}</h3>
                        <div class="card-tools">
                            <a href="{{ route('dosen.elearning.submissions.index', $assessment) }}" class="btn btn-sm btn-outline-success">
                                Submission {{ $assessment->submissions_count }}
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <form method="POST" action="{{ route('dosen.elearning.assessments.update', $assessment) }}" class="mb-3">
                            @csrf
                            @method('PUT')
                            <div class="row">
                                <div class="col-md-2">
                                    <select name="jenis" class="form-control form-control-sm">
                                        @foreach (['tugas' => 'Tugas', 'quiz' => 'Quiz', 'ujian' => 'Ujian'] as $value => $label)
                                            <option value="{{ $value }}" @selected($assessment->jenis === $value)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <input type="text" name="judul" class="form-control form-control-sm" value="{{ $assessment->judul }}" required>
                                </div>
                                <div class="col-md-2">
                                    <input type="datetime-local" name="batas_waktu" class="form-control form-control-sm" value="{{ $assessment->batas_waktu?->format('Y-m-d\TH:i') }}">
                                </div>
                                <div class="col-md-2">
                                    <input type="number" name="nilai_maksimum" class="form-control form-control-sm" min="1" step="0.01" value="{{ $assessment->nilai_maksimum }}" required>
                                </div>
                                <div class="col-md-3">
                                    <div class="d-flex" style="gap: .5rem;">
                                        <select name="status" class="form-control form-control-sm">
                                            @foreach (['publish' => 'Publish', 'draft' => 'Draft', 'tutup' => 'Tutup'] as $value => $label)
                                                <option value="{{ $value }}" @selected($assessment->status === $value)>{{ $label }}</option>
                                            @endforeach
                                        </select>
                                        <button type="submit" class="btn btn-sm btn-warning">Update</button>
                                    </div>
                                </div>
                            </div>
                            <div class="form-check mt-2">
                                <input type="hidden" name="allow_text_submission" value="0">
                                <input type="checkbox" class="form-check-input" id="text-{{ $assessment->id }}" name="allow_text_submission" value="1" @checked($assessment->allow_text_submission)>
                                <label class="form-check-label mr-3" for="text-{{ $assessment->id }}">Text</label>
                                <input type="hidden" name="allow_file_submission" value="0">
                                <input type="checkbox" class="form-check-input ml-3" id="file-{{ $assessment->id }}" name="allow_file_submission" value="1" @checked($assessment->allow_file_submission)>
                                <label class="form-check-label" for="file-{{ $assessment->id }}">File</label>
                            </div>
                            <textarea name="deskripsi" class="form-control form-control-sm mt-2" rows="2">{{ $assessment->deskripsi }}</textarea>
                        </form>

                        @if (in_array($assessment->jenis, ['quiz', 'ujian'], true))
                            <form method="POST" action="{{ route('dosen.elearning.questions.store', $assessment) }}" class="border rounded p-3 mb-3">
                                @csrf
                                <h6 class="mb-3">Tambah Soal</h6>
                                <div class="form-group">
                                    <textarea name="pertanyaan" class="form-control form-control-sm" rows="2" placeholder="Tulis pertanyaan..." required></textarea>
                                </div>
                                <div class="form-group">
                                    <textarea name="opsi_pilihan_text" class="form-control form-control-sm" rows="3" placeholder="Satu opsi per baris"></textarea>
                                </div>
                                <div class="form-row">
                                    <div class="form-group col-md-5">
                                        <input type="text" name="jawaban_benar" class="form-control form-control-sm" placeholder="Kunci jawaban">
                                    </div>
                                    <div class="form-group col-md-3">
                                        <input type="number" name="bobot" class="form-control form-control-sm" min="0" step="0.01" value="10" placeholder="Bobot" required>
                                    </div>
                                    <div class="form-group col-md-2">
                                        <input type="number" name="urutan" class="form-control form-control-sm" min="0" placeholder="Urutan">
                                    </div>
                                    <div class="form-group col-md-2">
                                        <button type="submit" class="btn btn-sm btn-primary btn-block">Tambah</button>
                                    </div>
                                </div>
                            </form>

                            @foreach ($assessment->questions as $question)
                                @php($optionsText = is_array($question->opsi_pilihan) ? implode("\n", $question->opsi_pilihan) : '')
                                <form method="POST" action="{{ route('dosen.elearning.questions.update', $question) }}" class="border rounded p-3 mb-2">
                                    @csrf
                                    @method('PUT')
                                    <div class="form-group">
                                        <textarea name="pertanyaan" class="form-control form-control-sm" rows="2" required>{{ $question->pertanyaan }}</textarea>
                                    </div>
                                    <div class="form-group">
                                        <textarea name="opsi_pilihan_text" class="form-control form-control-sm" rows="2">{{ $optionsText }}</textarea>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-5">
                                            <input type="text" name="jawaban_benar" class="form-control form-control-sm" value="{{ $question->jawaban_benar }}">
                                        </div>
                                        <div class="form-group col-md-3">
                                            <input type="number" name="bobot" class="form-control form-control-sm" min="0" step="0.01" value="{{ $question->bobot }}" required>
                                        </div>
                                        <div class="form-group col-md-2">
                                            <input type="number" name="urutan" class="form-control form-control-sm" min="0" value="{{ $question->urutan }}">
                                        </div>
                                        <div class="form-group col-md-2">
                                            <button type="submit" class="btn btn-sm btn-warning btn-block">Update</button>
                                        </div>
                                    </div>
                                </form>
                            @endforeach
                        @endif
                    </div>
                </div>
            @empty
                <div class="alert alert-light border mb-0">Belum ada assessment untuk kelas ini.</div>
            @endforelse
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Forum Diskusi</h3>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('dosen.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="Topik 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('dosen.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 diskusi kelas.</div>
                    @endforelse
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">Sesi Absensi Online</h3>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>Sesi</th>
                                <th>Tanggal</th>
                                <th>Kode</th>
                                <th>Peserta</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($schedule->elearningAttendanceSessions as $session)
                                <tr>
                                    <td>{{ $session->judul }}</td>
                                    <td>{{ $session->tanggal?->format('d M Y') ?? '-' }}</td>
                                    <td><code>{{ $session->kode_absensi }}</code></td>
                                    <td>{{ $session->records_count }}</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center text-muted">Belum ada sesi absensi online.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection