@extends('Layouts.app')

@section('content')
<main class="flex-1 p-6 space-y-6">
    {{-- Notifikasi Sukses --}}
    @if(session('success'))
        <div id="alert" class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative" role="alert">
            <span class="block sm:inline">{{ session('success') }}</span>
            <span class="absolute top-0 bottom-0 right-0 px-4 py-3 cursor-pointer" onclick="document.getElementById('alert').style.display='none'">
                <svg class="fill-current h-6 w-6 text-green-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 01-1.697 0L10 11.697l-2.651 2.652a1.2 1.2 0 11-1.697-1.697l2.652-2.651-2.652-2.651a1.2 1.2 0 011.697-1.697L10 8.303l2.651-2.652a1.2 1.2 0 111.697 1.697L11.697 10l2.652 2.651a1.2 1.2 0 010 1.698z"/></svg>
            </span>
        </div>
    @endif

    {{-- Notifikasi Gagal/Error --}}
    @if(session('error'))
        <div id="alert" class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
            <span class="block sm:inline">{{ session('error') }}</span>
            <span class="absolute top-0 bottom-0 right-0 px-4 py-3 cursor-pointer" onclick="document.getElementById('alert').style.display='none'">
                <svg class="fill-current h-6 w-6 text-red-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 01-1.697 0L10 11.697l-2.651 2.652a1.2 1.2 0 11-1.697-1.697l2.652-2.651-2.652-2.651a1.2 1.2 0 011.697-1.697L10 8.303l2.651-2.652a1.2 1.2 0 111.697 1.697L11.697 10l2.652 2.651a1.2 1.2 0 010 1.698z"/></svg>
            </span>
        </div>
    @endif
    {{-- Bagian atas course info --}}
    <div class="bg-white p-6 rounded-xl shadow">
        <h2 class="text-2xl font-semibold text-gray-800 mb-2">
            {{ $course->title }} <span class="font-normal">| {{ $course->lecturer_name }} | {{ $course->code }}</span>
        </h2>
        <nav class="text-sm text-gray-600">
            <ol class="flex flex-wrap space-x-2">
                <li><a href="{{ route('dashboard') }}" class="text-blue-600 hover:underline">Dashboard</a></li>
                <li>/</li>
                <li><a href="{{ route('dashboard') }}" class="text-blue-600 hover:underline">My courses</a></li>
                <li>/</li>
                <li><a href="#" class="text-blue-600 hover:underline">{{ $course->title }}</a></li>
            </ol>
        </nav>
    </div>
    
                {{-- Tombol Gradebook untuk Dosen & Superadmin --}}
            @if(Auth::check() && (Auth::user()->level == 'dosen' || Auth::user()->level == 'superadmin'))
                <a href="{{ url('courses/' . $course->code . '/all-submissions') }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                    <svg class="-ml-1 mr-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                        <path d="M5 3a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2V5a2 2 0 00-2-2H5zM5 11a2 2 0 00-2 2v2a2 2 0 002 2h2a2 2 0 002-2v-2a2 2 0 00-2-2H5zM11 5a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V5zM11 13a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
                    </svg>
                    View Gradebook
                </a>
            @endif

@for ($i = 1; $i <= $course->number_of_meetings; $i++)
    @php
        $meetingContents = $meetings->where('meeting_number', $i)->sortBy('type');
        $hasContent = $meetingContents->isNotEmpty();
        
        $forumMeeting = $course->meetings()->where('meeting_number', $i)->where('type', 'forum')->first();
    @endphp

            <div class="bg-white p-6 rounded-xl shadow">
    {{-- Flex container to align heading and button --}}
    <div class="flex items-center justify-between mb-2">
        <h2 class="text-xl font-semibold text-blue-600">Pertemuan {{ $i }}</h2>
        
            @if($forumMeeting)
                <a href="{{ route('forum.show', $forumMeeting->id) }}" class="inline-block px-4 py-2 mt-2 font-semibold text-white bg-green-500 rounded hover:bg-green-600">
                    Buka Diskusi
                </a>
            @else
                <form action="{{ route('meetings.create.forum', ['course' => $course->id, 'meetingNumber' => $i]) }}" method="POST" class="inline-block">
                    @csrf
                    <button type="submit" class="px-4 py-2 mt-2 font-semibold text-white bg-blue-500 rounded hover:bg-blue-600">
                        Buat Forum
                    </button>
                </form>
            @endif
            
        @if(Auth::check() && (Auth::user()->level == 'dosen' || Auth::user()->level == 'superadmin'))
            <div class="relative inline-block text-left">
                <button type="button" class="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-2 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="options-menu-{{ $i }}" aria-haspopup="true" aria-expanded="true">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
                        <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" />
                    </svg>
                </button>
            
                <div class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 hidden z-10" role="menu" aria-orientation="vertical" aria-labelledby="options-menu-{{ $i }}">
                    <div class="py-1" role="none">
                        <form action="{{ route('meetings.delete-content', ['code' => $course->code, 'meetingNumber' => $i]) }}" method="POST" class="w-full text-left" onsubmit="return confirm('Apakah Anda yakin ingin menghapus seluruh topik di Pertemuan {{ $i }}? Aksi ini tidak dapat dibatalkan.');">
                            @csrf  
                            @method('DELETE')
                            <button type="submit" class="text-gray-700 block px-4 py-2 text-sm w-full text-left hover:bg-red-100 hover:text-red-700" role="menuitem">
                                Hapus Pertemuan
                            </button>
                        </form>
                    </div>
                </div> 
            </div>
        @endif
    </div>
    {{-- ... the rest of the meeting content ... --}}
    @if (!$hasContent)
                <p class="text-gray-500 italic">Belum ada konten untuk pertemuan ini.</p>
    @else
            <div class="flex flex-wrap gap-4">

        @foreach ($meetingContents as $content)
                <div class="flex-1 p-4 rounded-xl shadow-md border border-gray-200 w-[20%]">
                <h3 class="font-bold text-gray-800 text-lg mb-2">{{ ucfirst($content->type) }}: {{ $content->title }}</h3>

                <p class="text-gray-700 mb-4">{{ $content->description }}</p>
                
                {{-- Tampilkan konten berdasarkan tipe --}}
                @if ($content->type === 'materi')
                    {{-- Ganti bagian ini --}}
                    <h3 class="font-semibold text-gray-800 mb-2">Topik Materi:</h3>
                    @foreach ($content->materials as $material)
                        <div class="space-y-2 mb-4">
                            @if ($material->file_path)
                                <a href="{{ asset('storage/' . $material->file_path) }}" target="_blank" class="flex items-center text-blue-600 hover:underline">
                                    <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm0 2h4l4 4v8H6V4zm10 8h-4v4h4v-4z"></path></svg>
                                    Unduh File: {{ basename($material->file_path) }}
                                </a>
                            @endif
                            @if ($material->video_link)
                                {{-- Bagian ini yang kita ubah --}}
                                <a href="{{ $material->video_link }}" target="_blank" class="flex items-center text-blue-600 hover:underline">
                                    <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.146 2.854a.5.5 0 11.708-.708L15 13.293V2.5A2.5 2.5 0 0117.5 0v16.5a2.5 2.5 0 01-2.5 2.5H2.5A2.5 2.5 0 010 16.5v-14a2.5 2.5 0 012.5-2.5h14v-2.146a.5.5 0 01.708-.708L2.146 2.854zM2.5 5A2.5 2.5 0 000 7.5v9a2.5 2.5 0 002.5 2.5h12a2.5 2.5 0 002.5-2.5V7.5A2.5 2.5 0 0014.5 5h-12z"></path></svg>
                                    Tonton Video
                                </a>
                            @endif
                        </div>
                    @endforeach
@elseif ($content->type === 'url')
    <h3 class="font-semibold text-gray-800 mb-2">Daftar Link:</h3>
    @forelse ($content->meetingUrls as $url)
        <div class="space-y-2 mb-2 p-2 border border-gray-200 rounded-md">
            <a href="{{ $url->url_link }}" target="_blank" class="flex items-center text-blue-600 hover:underline">
                <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6z"></path></svg>
                {{-- Logika baru: Tampilkan judul jika ada, jika tidak, tampilkan URL dengan overflow-hidden --}}
                <span class="font-bold truncate">
                    {{ $url->url_title ?? $url->url_link }}
                </span>
            </a>
            {{-- Hilangkan baris yang menampilkan link di bawahnya --}}
        </div>
    @empty
        <p class="text-gray-500 italic">Tidak ada link yang tersedia.</p>
    @endforelse
@elseif ($content->type === 'tugas' || $content->type === 'quiz' || $content->type === 'uts' || $content->type === 'uas')
    {{-- Logika untuk Dosen --}}
@if (($content->type === 'tugas'|| $content->type === 'quiz' || $content->type === 'uts' || $content->type === 'uas' ) && $content->assignments->isNotEmpty() )
    @php
        $assignment = $content->assignments->first();
        $courseCode = $assignment->meeting->course->code;
    @endphp
    @if(Auth::check() && (Auth::user()->level === 'dosen' || Auth::user()->level === 'superadmin'))
        <a href="{{ route('assignments.manage-submissions', ['code' => $courseCode, 'assignment' => $assignment->id]) }}" class="inline-block bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 transition-colors duration-200">
            Kelola Pengumpulan & Nilai
        </a>
    @endif
@endif


    <h3 class="font-semibold text-gray-800 mb-2">
        {{ ucfirst($content->type) }}
        @if ($content->assignments->isNotEmpty())
            <br> Tanggal Mulai {{ \Carbon\Carbon::parse($content->assignments->first()->start_date)->isoFormat('D MMMM YYYY - HH:mm') }} WIB
            <br> Batas Akhir: {{ \Carbon\Carbon::parse($content->assignments->first()->end_date)->isoFormat('D MMMM YYYY - HH:mm') }} WIB
        @endif
    </h3>
 
@foreach ($content->assignments as $assignment)
    <div class="space-y-2 mb-4">
        {{-- Tampilkan file soal jika ada --}}
        @if ($assignment->file_path)
            <a href="{{ asset('storage/' . $assignment->file_path) }}" target="_blank" class="flex items-center text-blue-600 hover:underline">
                <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6zm0 2h4l4 4v8H6V4zm10 8h-4v4h4v-4z"></path></svg>
                Unduh File Soal
            </a>
        @endif

        {{-- Logika untuk Mahasiswa (submission) --}}
        @if(Auth::check() && Auth::user()->level === 'mahasiswa')
            @php
                $userSubmission = $assignment->submissions->where('user_id', Auth::user()->id_user)->first();
                $now = now();
                $isLateSubmissionAllowed = $assignment->allow_late_submission;
                $isClosed = $now->greaterThan($assignment->end_date);
            @endphp
            
            {{-- Bagian untuk menampilkan status pengumpulan saat ini --}}
            @if ($userSubmission)
                <div class="bg-gray-100 p-4 rounded-md shadow-sm border border-gray-200">
                    <div class="flex items-center mb-2">
                        @if ($userSubmission->status === 'late')
                            <svg class="w-5 h-5 mr-2 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                            <span class="text-red-700 font-semibold">Anda sudah mengumpulkan tugas ini (Terlambat).</span>
                        @else
                            <svg class="w-5 h-5 mr-2 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                            <span class="text-green-700 font-semibold">Anda sudah mengumpulkan tugas ini (Tepat Waktu).</span>
                        @endif
                    </div>
                    
                    <p class="text-sm text-gray-600">Waktu Pengumpulan: **{{ \Carbon\Carbon::parse($userSubmission->submission_date)->isoFormat('D MMMM YYYY - HH:mm') }} WIB**</p>
                    <p class="text-sm text-gray-600">Status: **{{ ucfirst($userSubmission->status) }}**</p>
                    <a href="{{ asset('storage/' . $userSubmission->file_path) }}" target="_blank" class="text-blue-600 hover:underline text-sm flex items-center mt-2">
                        <svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M12 2a2 2 0 00-2 2v12a2 2 0 002 2h8a2 2 0 002-2V7.414A2 2 0 0015.414 6L12 2.586A2 2 0 0010.586 2H6z"></path></svg>
                        Lihat File Jawaban Anda
                    </a>

                    {{-- Menampilkan Nilai dan Feedback --}}
                    @if ($userSubmission->grade !== null)
                        <div class="mt-4 p-3 bg-white border border-dashed rounded-md">
                            <p class="text-md font-bold text-gray-800">Nilai Anda: <span class="text-purple-600">{{ $userSubmission->grade }}</span></p>
                            @if ($userSubmission->feedback)
                                <p class="text-sm text-gray-700 mt-2">Feedback dari Dosen:</p>
                                <p class="text-sm font-medium italic text-gray-800">"{{ $userSubmission->feedback }}"</p>
                            @endif
                        </div>
                    @else
                        <div class="mt-4 p-3 bg-white border border-dashed rounded-md text-center">
                            <p class="text-gray-500 text-sm italic">Nilai dan feedback belum tersedia.</p>
                        </div>
                    @endif
                </div>
            @endif

            {{-- Bagian untuk form unggah/unggah ulang --}}
            @if ((!$userSubmission || ($userSubmission && $userSubmission->grade === null)) && (!$isClosed || ($isClosed && $isLateSubmissionAllowed)))
                <form action="{{ route('submissions.store', ['assignment' => $assignment->id]) }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div>
                        <label for="submission_file" class="block text-gray-700 font-medium">
                            @if ($userSubmission)
                                Unggah Ulang File Tugas
                            @else
                                Unggah File Tugas
                            @endif
                        </label>
                        <input type="file" name="submission_file" id="submission_file" class="mt-1 block w-full rounded-md border-gray-300 shadow-sm">
                        @error('submission_file')
                            <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
                        @enderror
                    </div>
                    <button type="submit" class="mt-4 bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600">
                        @if ($userSubmission)
                            Perbarui Pengumpulan
                        @else
                            Kumpulkan Tugas
                        @endif
                    </button>
                </form>
                @if ($isClosed && $isLateSubmissionAllowed)
                    <p class="text-red-500 mt-2 font-semibold">Pengumpulan ini akan dicatat sebagai **Terlambat**.</p>
                @endif
            @elseif ($isClosed && !$isLateSubmissionAllowed && !$userSubmission)
                <div class="bg-red-100 text-red-700 p-3 rounded-md">
                    Waktu pengumpulan sudah habis dan tidak ada toleransi keterlambatan.
                </div>
            @endif
        @endif
    </div>
@endforeach
                    
                @elseif ($content->type === 'absensi')
@php
    $isAttendanceOpen = now()->greaterThanOrEqualTo($content->start_date) && now()->lessThanOrEqualTo($content->end_date);
    $myAttendance = $content->attendances->where('user_id', Auth::user()->id_user)->first();
@endphp

@if (Auth::user()->level === 'mahasiswa')
    @if ($myAttendance)
        {{-- Tampilkan status absensi yang tercatat di database --}}
        @if ($myAttendance->status === 'present')
            <p class="text-green-600 font-semibold mb-4">Anda sudah absen dengan status: Hadir.</p>
        @elseif ($myAttendance->status === 'absent')
            <p class="text-red-600 font-semibold mb-4">Status absensi Anda: Tidak Hadir.</p>
        @elseif ($myAttendance->status === 'izin')
            <p class="text-blue-600 font-semibold mb-4">Status absensi Anda: Izin.</p>
        @else
            <p class="text-gray-600 font-semibold mb-4">Status absensi Anda: {{ ucfirst($myAttendance->status) }}.</p>
        @endif
    @elseif ($isAttendanceOpen)
        {{-- Tampilkan tombol absen hanya jika absensi dibuka dan belum ada data absensi --}}
        <p class="text-gray-700 mb-4">
            <span class="text-green-600 font-semibold">Absensi sedang dibuka!</span>
        </p>
        {{-- Gunakan ID unik untuk tombol --}}
        <button type="button" id="open-modal-btn-{{ $content->id }}" class="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition-colors duration-200">
            Absen Sekarang 
        </button> 
    @else
        {{-- Tampilkan pesan jika absensi belum dibuka atau sudah ditutup --}}
        <p class="text-red-500 font-semibold mb-4">Absensi belum dibuka/sudah ditutup.</p>
    @endif
@endif

{{-- Buat modal untuk setiap pertemuan dengan ID unik --}}
<div id="attendance-modal-{{ $content->id }}" class="fixed inset-0 z-50 flex items-center justify-center bg-gray-900 bg-opacity-50 hidden transition-opacity duration-300">
    <div class="bg-white rounded-lg shadow-xl p-6 m-4 max-w-sm w-full transform transition-all duration-300 scale-95">
        <div class="flex items-center justify-between mb-4">
            <h3 class="text-xl font-semibold text-gray-800">Pilih Status Kehadiran</h3>
            {{-- Gunakan ID unik untuk tombol tutup --}}
            <button id="close-modal-btn-{{ $content->id }}" type="button" class="text-gray-400 hover:text-gray-600 transition-colors duration-200">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
            </button>
        </div>
        <p class="text-gray-600 mb-6">Pilih status absensi Anda untuk pertemuan ini:</p>
        
        <form action="{{ route('attendance.store', $content->id) }}" method="POST">
            @csrf
            <div class="space-y-4">
                <button type="submit" name="status" value="present" class="w-full bg-green-500 text-white px-4 py-2 rounded-lg font-medium hover:bg-green-600 transition-colors duration-200">
                    Hadir
                </button>
                <button type="submit" name="status" value="absent" class="w-full bg-red-500 text-white px-4 py-2 rounded-lg font-medium hover:bg-red-600 transition-colors duration-200">
                    Tidak Hadir
                </button>
                <button type="submit" name="status" value="izin" class="w-full bg-yellow-500 text-white px-4 py-2 rounded-lg font-medium hover:bg-yellow-600 transition-colors duration-200">
                    Izin
                </button>
            </div>
        </form>
    </div>
</div>
                    {{-- Kode absensi yang sudah ada --}}
                    @if ($content->start_date)
                        <p class="text-gray-700 mb-4">
                            <br> Absensi dibuka mulai tanggal 
                            <span class="font-semibold">{{ \Carbon\Carbon::parse($content->start_date)->isoFormat('D MMMM YYYY - HH:mm') }} WIB</span> 
                            - Hingga <span class="font-semibold">{{ \Carbon\Carbon::parse($content->end_date)->isoFormat('D MMMM YYYY - HH:mm') }} WIB</span>.
                        </p>
                @endif

{{-- Tampilan untuk Dosen --}}
@if(Auth::check() && (Auth::user()->level == 'dosen' || Auth::user()->level == 'superadmin'))
    <h3 class="font-semibold text-gray-800 mb-2">Kontrol Absensi:</h3>
    <div class="flex items-center space-x-4 mb-4">
        {{-- Tombol tunggal untuk mengelola absensi, mengarah ke halaman baru --}}
        <a href="{{ route('attendance.manage', $content->id) }}" class="bg-indigo-500 text-white px-4 py-2 rounded-lg hover:bg-indigo-600">
            Kelola Absensi
        </a>
    </div>

    {{-- Tampilkan rekapitulasi cepat di sini --}}
@php
    // Get all attendance records for the current content
    $attendances = $content->attendances;

    // Filter the already-loaded enrolled users
    // This is the collection of 'mahasiswa' you got from the controller
    $mahasiswaEnrolled = $enrolledUsers;

    // Count present students by checking if their user_id is in the attendance collection
    $presentCount = $mahasiswaEnrolled->filter(function ($enrol) use ($attendances) {
        return $attendances->contains(function ($attendance) use ($enrol) {
            return $attendance->user_id === $enrol->user_id && $attendance->status === 'present';
        });
    })->count();

    // Count students who are marked as 'izin'
    $izinCount = $mahasiswaEnrolled->filter(function ($enrol) use ($attendances) {
        return $attendances->contains(function ($attendance) use ($enrol) {
            return $attendance->user_id === $enrol->user_id && $attendance->status === 'izin';
        });
    })->count();
    
    // The number of 'mahasiswa' who haven't had their attendance taken yet
    $nopresentCount = $mahasiswaEnrolled->count() - ($presentCount + $izinCount);
@endphp
    
    <div class="flex space-x-4 mb-4">
        <div class="p-4 bg-green-100 text-green-700 rounded-lg">
            Hadir: <span class="font-bold">{{ $presentCount }}</span>
        </div>
        <div class="p-4 bg-red-100 text-red-700 rounded-lg">
            Tidak Hadir: <span class="font-bold">{{ $nopresentCount }}</span>
        </div>
        <div class="p-4 bg-yellow-100 text-yellow-700 rounded-lg">
            Izin: <span class="font-bold">{{ $izinCount }}</span>
        </div>
        {{-- Anda bisa menambahkan hitungan Izin jika ada di tabel --}}
    </div>
@endif
                    @endif
                                        {{-- Tombol untuk dosen/superadmin --}}
    @if(Auth::check() && (Auth::user()->level == 'dosen' || Auth::user()->level == 'superadmin'))
        <div class="mt-4 flex space-x-2">
            <a href="{{ route('meetings.edit', $content->id) }}" class="bg-yellow-500 text-white px-4 py-2 rounded-lg hover:bg-yellow-600">
                Edit Topik
            </a>
            <form action="{{ route('meetings.destroy', $content->id) }}" method="POST" onsubmit="return confirm('Apakah Anda yakin ingin menghapus konten ini?');">
                @csrf
                @method('DELETE')
                <button type="submit" class="bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-red-600">
                    Hapus Topik
                </button>
            </form>
        </div>
    @endif
                </div>
        @endforeach
        </div>
        @endif

            
            {{-- Tombol "Tambah Konten" untuk dosen/superadmin (tambahkan di bawah konten yang sudah ada) --}}
            @if(Auth::check() && (Auth::user()->level == 'dosen' || Auth::user()->level == 'superadmin'))
                <div class="mt-4">
                    <a href="{{ route('meetings.create', ['course_code' => $course->code, 'meeting_number' => $i]) }}" class="bg-gray-700 text-white px-4 py-2 rounded-lg hover:bg-gray-800">
                        + Tambah Topik Pertemuan {{$i}}
                    </a>
                </div>
            @endif
        </div>
    @endfor
            @if(Auth::check() && (Auth::user()->level == 'dosen' || Auth::user()->level == 'superadmin'))
                <form action="{{ route('courses.add-meeting', ['code' => $course->code]) }}" method="POST">
                @csrf
                <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors duration-200">
                    + Tambah Pertemuan
                </button>
            </form>
            @endif
</main>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Mendapatkan semua tombol yang membuka modal
        const openModalButtons = document.querySelectorAll('[id^="open-modal-btn-"]');

        openModalButtons.forEach(button => {
            button.addEventListener('click', function() {
                // Ambil ID pertemuan dari ID tombol
                const meetingId = this.id.split('-').pop();
                const modal = document.getElementById('attendance-modal-' + meetingId);
                
                // Tampilkan modal yang sesuai
                if (modal) {
                    modal.classList.remove('hidden');
                    modal.classList.add('flex');
                    document.body.style.overflow = 'hidden';
                }
            });
        });

        // Mendapatkan semua tombol yang menutup modal
        const closeModalButtons = document.querySelectorAll('[id^="close-modal-btn-"]');

        closeModalButtons.forEach(button => {
            button.addEventListener('click', function() {
                const meetingId = this.id.split('-').pop();
                const modal = document.getElementById('attendance-modal-' + meetingId);
                
                // Sembunyikan modal yang sesuai
                if (modal) {
                    modal.classList.add('hidden');
                    modal.classList.remove('flex');
                    document.body.style.overflow = '';
                }
            });
        });
        
        // Menangani klik di luar modal
        const modals = document.querySelectorAll('[id^="attendance-modal-"]');
        modals.forEach(modal => {
            modal.addEventListener('click', function(e) {
                if (e.target === this) {
                    this.classList.add('hidden');
                    this.classList.remove('flex');
                    document.body.style.overflow = '';
                }
            });
        });
                    const dropdownButtons = document.querySelectorAll('[id^="options-menu-"]');

    dropdownButtons.forEach(button => {
        button.addEventListener('click', function () {
            const menu = this.nextElementSibling;
            menu.classList.toggle('hidden');
        });
    });

    });
</script>
@endpush