@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
    
    <div class="bg-white p-6 rounded-xl shadow">
        {{-- Tombol "Kembali" yang baru --}}
        <a href="{{ route('courses.show', $meeting->course->code) }}" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 mb-4">
            <svg class="-ml-1 mr-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
            </svg>
            Back to Course Details
        </a>
        <h1 class="text-2xl font-bold mb-4">Kelola Absensi Pertemuan {{ $meeting->meeting_number }}</h1>
        <p class="text-gray-600 mb-6">Mata Kuliah: {{ $meeting->course->nama_mata_kuliah }}</p>

        {{-- Kontrol Buka/Tutup Absensi --}}
        @php
            $isAttendanceOpen = now()->greaterThanOrEqualTo($meeting->start_date) && now()->lessThanOrEqualTo($meeting->end_date);
        @endphp

        <div class="flex items-center space-x-4 mb-4">
            @if(!$isAttendanceOpen)
                <form action="{{ route('attendance.open', $meeting->id) }}" method="POST" class="flex items-center space-x-2">
                    @csrf
                    <label for="duration">Durasi (menit):</label>
                    <input type="number" id="duration" name="duration_minutes" class="p-1 border rounded-md w-20" value="30" min="1">
                    <button type="submit" class="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-green-600">Buka Absensi</button>
                </form>
            @else
                <div class="bg-yellow-100 text-yellow-700 px-4 py-2 rounded-md">Absensi sedang dibuka. Akan ditutup pada: <strong>{{ \Carbon\Carbon::parse($meeting->end_date)->isoFormat('HH:mm') }} WIB</strong></div>
                <form action="{{ route('attendance.close', $meeting->id) }}" method="POST">
                    @csrf
                    <button type="submit" class="bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-red-600">Tutup Absensi</button>
                </form>
            @endif
        </div>

        {{-- Form Absensi Manual Massal & Unggah Bukti --}}
        <form action="{{ route('attendance.manual.store', $meeting->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            
            <div class="mt-4 p-4 border border-dashed rounded-lg bg-gray-50">
                <h4 class="font-semibold mb-2">Unggah Bukti Kehadiran Kelas (Opsional)</h4>
                @php
                    $dosenProof = $attendances->where('user_id', Auth::user()->id_user)->whereNotNull('proof_path')->first();
                @endphp
                @if ($dosenProof)
                    <div class="mb-2">
                        <p class="text-sm text-gray-600">Bukti sudah diunggah. <a href="{{ asset('storage/meeting_proofs/' . $dosenProof->proof_path) }}" target="_blank" class="text-indigo-600 hover:underline">Lihat Bukti</a></p>
                    </div>
                @endif
                <input type="file" name="proof" class="w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-indigo-50 file:text-indigo-700 hover:file:bg-indigo-100">
            </div>

            <h4 class="font-semibold mt-8 mb-2">Daftar Mahasiswa:</h4>
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Nama Mahasiswa</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status Absensi</th>
                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Ubah Status</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @foreach ($enrolledStudents as $enrolment)
                            @if ($enrolment->user)
                                @php
                                    $attendance = $attendances->get($enrolment->user->id_user);
                                    $status = $attendance ? $attendance->status : 'belum_absen';
                                @endphp
                                <tr>
                                    <td class="px-6 py-4 whitespace-nowrap">{{ $enrolment->user->nama }}</td>
                                    <td class="px-6 py-4 whitespace-nowrap">
                                        @if($status === 'present')
                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">Hadir</span>
                                        @elseif($status === 'absent')
                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">Tidak Hadir</span>
                                        @elseif($status === 'izin')
                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">Izin</span>
                                        @else
                                            <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">Belum Absen</span>
                                        @endif
                                    </td>
                                    <td class="px-6 py-4 whitespace-nowrap">
                                        <select name="attendances[{{ $enrolment->user->id_user }}][status]" class="p-1 border rounded-md text-sm">
                                            <option value="present" @if($status === 'present') selected @endif>Hadir</option>
                                            <option value="absent" @if($status === 'absent' || $status === 'belum_absen') selected @endif>Tidak Hadir</option>
                                            <option value="izin" @if($status === 'izin') selected @endif>Izin</option>
                                        </select>
                                    </td>
                                </tr>
                            @endif
                        @endforeach
                    </tbody>
                </table>
            </div>
            
            <div class="mt-4">
                <button type="submit" class="bg-indigo-600 text-white px-6 py-2 rounded-lg hover:bg-indigo-700">Simpan Semua Absensi</button>
            </div>
        </form>
    </div>
</main>
@endsection