@extends('layouts.app')

@section('content')
<div class="max-w-6xl mx-auto px-6 py-6">
    <h1 class="text-2xl font-bold text-gray-800 mb-2">
        📑 Mesyuarat Lembaga Bil. {{ $mesyuarat->bilangan ?? '-' }} / {{ $mesyuarat->tahun }}
    </h1>
    <p class="text-gray-500 mb-6">Dijalankan pada {{ \Carbon\Carbon::parse($mesyuarat->tarikh)->format('d/m/Y') }} di {{ $mesyuarat->tempat }}.</p>

    {{-- Add agenda --}}
    <form action="{{ route('mesyuarat-lembaga.addAgenda', $mesyuarat->id) }}" method="POST" class="flex space-x-3 mb-6">
        @csrf
        <select name="agenda_id" class="border rounded px-3 py-2">
            @foreach($availableAgendas as $agenda)
                <option value="{{ $agenda->id }}">{{ $agenda->susunan }}. {{ $agenda->tajuk }}</option>
            @endforeach
        </select>
        <button type="submit" class="bg-indigo-500 text-white px-4 py-2 rounded hover:bg-indigo-600">Tambah Agenda</button>
    </form>

    {{-- Agenda List --}}
    <div class="bg-white shadow border rounded-lg">
        <table class="w-full text-sm border-collapse">
            <thead class="bg-gray-100 text-gray-700">
                <tr>
                    <th class="px-3 py-2 border">Bil</th>
                    <th class="px-3 py-2 border">Agenda</th>
                    <th class="px-3 py-2 border">Perbincangan</th>
                    <th class="px-3 py-2 border">Keputusan</th>
                    <th class="px-3 py-2 border text-center">Tindakan</th>
                </tr>
            </thead>
            <tbody>
                @forelse($mesyuarat->agendas as $item)
                <tr class="hover:bg-gray-50">
                    <td class="px-3 py-2 border text-center">{{ $loop->iteration }}</td>
                    <td class="px-3 py-2 border">{{ $item->agenda->tajuk }}</td>
                    <td class="px-3 py-2 border">{{ $item->perbincangan ?? '-' }}</td>
                    <td class="px-3 py-2 border">{{ $item->keputusan ?? '-' }}</td>
                    <td class="px-3 py-2 border text-center space-x-2">
                        <a href="{{ route('mesyuarat-lembaga.editAgenda', $item->id) }}" class="text-blue-600 hover:underline">Edit</a>
                        <form action="{{ route('mesyuarat-lembaga.deleteAgenda', $item->id) }}" method="POST" class="inline">
                            @csrf @method('DELETE')
                            <button type="submit" class="text-red-600 hover:underline">Padam</button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr><td colspan="5" class="text-center text-gray-500 py-4">Tiada agenda dimasukkan.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="flex justify-end mt-4">
        <a href="{{ route('mesyuarat-lembaga.pdf', $mesyuarat->id) }}" target="_blank" class="bg-red-500 hover:bg-red-600 text-white px-5 py-2 rounded-lg font-semibold">
            📄 Jana PDF
        </a>
        <a href="{{ route('mesyuarat-lembaga.index') }}" class="px-6 py-2 bg-gray-200 text-gray-600 rounded-lg hover:bg-gray-300 transition font-semibold ml-3">← Kembali </a>
    </div>
</div>
@endsection