@extends('layouts.app')

@section('content')
<div class="max-w-5xl mx-auto px-6 py-10">

    <h1 class="text-2xl font-bold text-gray-800 mb-2">
        ✏️ Minit Mesyuarat Agung — Kemaskini
    </h1>
    <p class="text-gray-500 mb-6">
        Kemaskini maklumat mesyuarat mengikut format SKM terkini.
    </p>

    <form action="{{ route('minit.update', $minit->id) }}" method="POST" class="space-y-8">
        @csrf
        @method('PUT')

        {{-- =========================
            MAKLUMAT MESYUARAT
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">Maklumat Mesyuarat</h2>

            <div class="grid sm:grid-cols-2 gap-4">
                <label class="text-sm">Tarikh Mesyuarat</label>
                <label class="text-sm">Masa Mesyuarat</label>
            </div>

            <div class="grid sm:grid-cols-2 gap-4 mt-1">
                <input type="date" name="tarikh"
                       value="{{ $minit->tarikh }}"
                       class="border rounded px-3 py-2" required>

                <input type="time" name="masa"
                       value="{{ $minit->masa }}"
                       class="border rounded px-3 py-2" required>
            </div>

            <div class="grid sm:grid-cols-2 gap-4 mt-4">
                <label class="text-sm">Tempat Mesyuarat</label>
                <label class="text-sm">Jumlah Hadir</label>
            </div>

            <div class="grid sm:grid-cols-2 gap-4 mt-1">
                <input type="text" name="tempat"
                       value="{{ $minit->tempat }}"
                       class="border rounded px-3 py-2" required>

                <input type="number" name="jumlah_hadir"
                       value="{{ $minit->jumlah_hadir }}"
                       class="border rounded px-3 py-2" required>
            </div>
        </div>

        {{-- =========================
            UCAPAN
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">Ucapan</h2>

            <textarea name="ucapan_pengerusi"
                class="border rounded px-3 py-2 w-full mb-3"
                rows="3">{{ $minit->ucapan_pengerusi }}</textarea>
        </div>

        {{-- =========================
            PRE-AGENDA
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Pre-Agenda: Lantikan Pengerusi Mesyuarat
            </h2>

            <div class="grid sm:grid-cols-2 gap-4">
                @foreach([
                    'pencadang' => 'Pencadang',
                    'dilantik'  => 'Dilantik',
                    'dicadang'  => 'Dicadang Terima Oleh',
                    'disokong'  => 'Disokong Oleh',
                ] as $field => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="preagenda[{{ $field }}]"
                                class="border rounded px-3 py-2 w-full"
                                required>
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->preagenda[$field] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        {{-- =========================
            AGENDA 1
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 1: Pengesahan Minit Mesyuarat Terdahulu
            </h2>

            <div class="grid sm:grid-cols-3 gap-4">
                @foreach([
                    'pembentang' => 'Pembentang',
                    'dicadang'   => 'Dicadang Terima Oleh',
                    'disokong'   => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda1[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full"
                                required>
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda1[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        {{-- =========================
            AGENDA 2
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 2: Laporan Lembaga & JAD
            </h2>

            <div class="grid sm:grid-cols-2 gap-4">

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Pembentang
                    </label>
                    <select name="agenda2[pembentang]"
                            class="border rounded px-3 py-2 w-full">
                        <option value="">-- Pilih Pembentang --</option>
                        @foreach($anggotas as $a)
                            <option value="{{ $a->id }}"
                                {{ ($minit->agenda2['pembentang'] ?? '') == $a->id ? 'selected' : '' }}>
                                {{ $a->nama }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Tahun Laporan
                    </label>
                    <input type="text"
                        name="agenda2[tahun]"
                        value="{{ $minit->agenda2['tahun'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                @foreach([
                    'dicadang' => 'Dicadang Terima Oleh',
                    'disokong' => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda2[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda2[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        {{-- =========================
            AGENDA 3
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 3: Akaun Teraudit
            </h2>

            {{-- Pembentang & Tahun --}}
            <div class="grid sm:grid-cols-2 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Pembentang
                    </label>
                    <select name="agenda3[pembentang]"
                            class="border rounded px-3 py-2 w-full">
                        <option value="">-- Pilih Pembentang --</option>
                        @foreach($anggotas as $a)
                            <option value="{{ $a->id }}"
                                {{ ($minit->agenda3['pembentang'] ?? '') == $a->id ? 'selected' : '' }}>
                                {{ $a->nama }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Tahun Kewangan Berakhir
                    </label>
                    <input type="text"
                        name="agenda3[tahun_kewangan_berakhir]"
                        value="{{ $minit->agenda3['tahun_kewangan_berakhir'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>
            </div>

            {{-- Kewangan --}}
            <div class="grid sm:grid-cols-3 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Untung Bersih (RM)
                    </label>
                    <input type="number"
                        name="agenda3[untung_bersih]"
                        value="{{ $minit->agenda3['untung_bersih'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Dividen
                    </label>
                    <input type="number"
                        name="agenda3[dividen]"
                        value="{{ $minit->agenda3['dividen'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Honorarium
                    </label>
                    <input type="number"
                        name="agenda3[honorarium]"
                        value="{{ $minit->agenda3['honorarium'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>
            </div>

            {{-- Dicadang & Disokong --}}
            <div class="grid sm:grid-cols-2 gap-4">
                @foreach([
                    'dicadang' => 'Dicadang Terima Oleh',
                    'disokong' => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda3[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda3[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 4: Pemilihan Anggota Lembaga
            </h2>

            {{-- Search --}}
            <label class="block text-sm font-medium text-gray-700 mb-1">
                Cari Nama Anggota
            </label>
            <input type="text"
                id="agenda4-search"
                onkeyup="filterAgenda4()"
                placeholder="Taip nama anggota..."
                class="border rounded px-3 py-2 w-full mb-4 text-sm">

            {{-- Senarai ALK --}}
            <label class="block text-sm font-medium text-gray-700 mb-2">
                Senarai Anggota Dipilih sebagai ALK
            </label>
            <div id="agenda4-alk"
                class="grid sm:grid-cols-2 md:grid-cols-3 gap-2
                        border rounded p-3
                        max-h-[240px] overflow-y-auto">

                @foreach($anggotas as $a)
                    <label class="flex items-center space-x-2 text-sm agenda4-item h-8">
                        <input type="checkbox"
                            name="agenda4[senarai_alk][]"
                            value="{{ $a->id }}"
                            data-name="{{ strtolower($a->nama) }}"
                            class="rounded border-gray-300"
                            {{ in_array($a->id, $minit->agenda4['senarai_alk'] ?? []) ? 'checked' : '' }}>
                        <span class="truncate">{{ $a->nama }}</span>
                    </label>
                @endforeach
            </div>

            {{-- Pembentang / Dicadang / Disokong --}}
            <div class="grid sm:grid-cols-3 gap-4 mt-4">
                @foreach([
                    'pembentang' => 'Pembentang',
                    'dicadang'   => 'Dicadang Terima Oleh',
                    'disokong'   => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda4[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda4[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 5: Belanjawan Tahunan
            </h2>

            <div class="grid sm:grid-cols-3 gap-4">
                @foreach([
                    'pembentang' => 'Pembentang',
                    'dicadang'   => 'Dicadang Terima Oleh',
                    'disokong'   => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda5[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda5[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 6: Elaun / Saraan Anggota Lembaga
            </h2>

            {{-- Pembentang, Nilai, Tempoh --}}
            <div class="grid sm:grid-cols-3 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Pembentang
                    </label>
                    <select name="agenda6[pembentang]"
                            class="border rounded px-3 py-2 w-full">
                        <option value="">-- Pilih Pembentang --</option>
                        @foreach($anggotas as $a)
                            <option value="{{ $a->id }}"
                                {{ ($minit->agenda6['pembentang'] ?? '') == $a->id ? 'selected' : '' }}>
                                {{ $a->nama }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Nilai Elaun (RM)
                    </label>
                    <input type="number"
                        name="agenda6[nilai]"
                        value="{{ $minit->agenda6['nilai'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full"
                        placeholder="Contoh: 500">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Tahun / Tempoh
                    </label>
                    <input type="text"
                        name="agenda6[tahun]"
                        value="{{ $minit->agenda6['tahun'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full"
                        placeholder="Contoh: 2025">
                </div>
            </div>

            {{-- Dicadang & Disokong --}}
            <div class="grid sm:grid-cols-2 gap-4 mt-4">
                @foreach([
                    'dicadang' => 'Dicadang Terima Oleh',
                    'disokong' => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda6[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda6[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 7: Pelantikan Juruaudit
            </h2>

            {{-- Pembentang, Firma, Tahun --}}
            <div class="grid sm:grid-cols-3 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Pembentang
                    </label>
                    <select name="agenda7[pembentang]"
                            class="border rounded px-3 py-2 w-full">
                        <option value="">-- Pilih Pembentang --</option>
                        @foreach($anggotas as $a)
                            <option value="{{ $a->id }}"
                                {{ ($minit->agenda7['pembentang'] ?? '') == $a->id ? 'selected' : '' }}>
                                {{ $a->nama }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Nama Firma Juruaudit
                    </label>
                    <input type="text"
                        name="agenda7[nama_firma]"
                        value="{{ $minit->agenda7['nama_firma'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Tahun Kewangan Berakhir
                    </label>
                    <input type="text"
                        name="agenda7[tahun_kewangan_berakhir]"
                        value="{{ $minit->agenda7['tahun_kewangan_berakhir'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>
            </div>

            {{-- Dicadang & Disokong --}}
            <div class="grid sm:grid-cols-2 gap-4 mt-4">
                @foreach([
                    'dicadang' => 'Dicadang Terima Oleh',
                    'disokong' => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda7[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda7[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 8: Had Pelaburan
            </h2>

            {{-- Pencadang & Had --}}
            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Pencadang
                    </label>
                    <select name="agenda8[pencadang]"
                            class="border rounded px-3 py-2 w-full">
                        <option value="">-- Pilih Pencadang --</option>
                        @foreach($anggotas as $a)
                            <option value="{{ $a->id }}"
                                {{ ($minit->agenda8['pencadang'] ?? '') == $a->id ? 'selected' : '' }}>
                                {{ $a->nama }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Had Pelaburan (RM)
                    </label>
                    <input type="number"
                        name="agenda8[had_pelaburan]"
                        value="{{ $minit->agenda8['had_pelaburan'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>
            </div>

            {{-- Dicadang & Disokong --}}
            <div class="grid sm:grid-cols-2 gap-4 mt-4">
                @foreach([
                    'dicadang' => 'Dicadang Terima Oleh',
                    'disokong' => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda8[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda8[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 9: Had Maksimum Keterhutangan
            </h2>

            {{-- Pencadang & Had --}}
            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Pencadang
                    </label>
                    <select name="agenda9[pencadang]"
                            class="border rounded px-3 py-2 w-full">
                        <option value="">-- Pilih Pencadang --</option>
                        @foreach($anggotas as $a)
                            <option value="{{ $a->id }}"
                                {{ ($minit->agenda9['pencadang'] ?? '') == $a->id ? 'selected' : '' }}>
                                {{ $a->nama }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Had Maksimum Hutang (RM)
                    </label>
                    <input type="number"
                        name="agenda9[had_pelaburan]"
                        value="{{ $minit->agenda9['had_pelaburan'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>
            </div>

            {{-- Dicadang & Disokong --}}
            <div class="grid sm:grid-cols-2 gap-4 mt-4">
                @foreach([
                    'dicadang' => 'Dicadang Terima Oleh',
                    'disokong' => 'Disokong Oleh',
                ] as $f => $label)

                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">
                            {{ $label }}
                        </label>
                        <select name="agenda9[{{ $f }}]"
                                class="border rounded px-3 py-2 w-full">
                            <option value="">-- Pilih {{ strtolower($label) }} --</option>
                            @foreach($anggotas as $a)
                                <option value="{{ $a->id }}"
                                    {{ ($minit->agenda9[$f] ?? '') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nama }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                @endforeach
            </div>
        </div>

        {{-- =========================
            AGENDA 10
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 10: Jawatankuasa Menentusahkan Draf Minit
            </h2>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Pencadang
                </label>
                <select name="agenda10[pencadang]"
                        class="border rounded px-3 py-2 w-full">
                    <option value="">-- Pilih Pencadang --</option>
                    @foreach($anggotas as $a)
                        <option value="{{ $a->id }}"
                            {{ ($minit->agenda10['pencadang'] ?? '') == $a->id ? 'selected' : '' }}>
                            {{ $a->nama }}
                        </option>
                    @endforeach
                </select>
            </div>

            <label class="block text-sm font-medium text-gray-700 mb-2">
                Senarai ALK
            </label>
            <div class="grid sm:grid-cols-2 gap-2 border rounded p-3 mb-4">
                @foreach($anggotas as $a)
                    <label class="flex items-center space-x-2 text-sm">
                        <input type="checkbox"
                            name="agenda10[alk][]"
                            value="{{ $a->id }}"
                            {{ in_array($a->id, $minit->agenda10['alk'] ?? []) ? 'checked' : '' }}>
                        <span>{{ $a->nama }}</span>
                    </label>
                @endforeach
            </div>

            <label class="block text-sm font-medium text-gray-700 mb-2">
                Senarai Anggota Biasa
            </label>
            <div class="grid sm:grid-cols-2 gap-2 border rounded p-3">
                @foreach($anggotas as $a)
                    <label class="flex items-center space-x-2 text-sm">
                        <input type="checkbox"
                            name="agenda10[anggota_biasa][]"
                            value="{{ $a->id }}"
                            {{ in_array($a->id, $minit->agenda10['anggota_biasa'] ?? []) ? 'checked' : '' }}>
                        <span>{{ $a->nama }}</span>
                    </label>
                @endforeach
            </div>
        </div>

        {{-- =========================
            AGENDA 11
        ========================== --}}
        <div class="bg-white border rounded-lg p-6">
            <h2 class="font-semibold mb-4">
                Agenda 11: Usul / Urusan Lain
            </h2>

            {{-- Pengerusi --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">
                    Pengerusi Mesyuarat
                </label>
                <select name="agenda11[pencadang]"
                        class="border rounded px-3 py-2 w-full">
                    <option value="">-- Pilih Pengerusi --</option>
                    @foreach($anggotas as $a)
                        <option value="{{ $a->id }}"
                            {{ ($minit->agenda11['pencadang'] ?? '') == $a->id ? 'selected' : '' }}>
                            {{ $a->nama }}
                        </option>
                    @endforeach
                </select>
            </div>

            {{-- Senarai Usul --}}
            <label class="block text-sm font-medium text-gray-700 mb-2">
                Senarai Usul / Cadangan
            </label>

            <div class="overflow-x-auto">
                <table class="w-full text-sm border rounded">
                    <thead class="bg-gray-100 text-gray-700">
                        <tr>
                            <th class="border px-2 py-1 w-1/4">Nama Anggota</th>
                            <th class="border px-2 py-1 w-1/2">Usul / Cadangan</th>
                            <th class="border px-2 py-1 w-1/2">Ulasan ALK</th>
                            <th class="border px-2 py-1 w-1/2">Tindakan</th>
                            <th class="border px-2 py-1 w-10 text-center">🗑</th>
                        </tr>
                    </thead>

                    <tbody id="agenda11-usul-body">
                        @forelse($minit->agenda11['usul'] ?? [] as $i => $u)

                            @php
                                $usul = $usuls[$u['usul_id']] ?? null;
                            @endphp

                            <tr class="agenda11-row">

                                {{-- Nama Anggota (from UsulMat) --}}
                                <td class="border px-2 py-2">
                                    <select class="border rounded px-2 py-1 w-full" disabled>
                                        <option>
                                            {{ $usul?->anggota?->nama ?? '-' }}
                                        </option>
                                    </select>

                                    {{-- Keep usul_id for submit --}}
                                    <input type="hidden"
                                        name="agenda11[usul][{{ $i }}][usul_id]"
                                        value="{{ $u['usul_id'] }}">
                                </td>

                                {{-- Usul / Cadangan (from UsulMat) --}}
                                <td class="border px-2 py-2">
                                    <textarea class="border rounded px-2 py-1 w-full"
                                            rows="2"
                                            readonly>{{ $usul->cadangan ?? '' }}</textarea>
                                </td>
                                {{-- Usul / Cadangan (from UsulMat) --}}
                                <td class="border px-2 py-2">
                                    <textarea class="border rounded px-2 py-1 w-full"
                                            rows="2"
                                            readonly>{{ $usul->ulasan_alk ?? '' }}</textarea>
                                </td>

                                {{-- Ulasan / Keputusan ALK (editable) --}}
                                <td class="border px-2 py-2">
                                    <textarea name="agenda11[usul][{{ $i }}][tindakan]"
                                            class="border rounded px-2 py-1 w-full"
                                            rows="2"
                                            placeholder="Ulasan / keputusan ALK">{{ $u['tindakan'] ?? '' }}</textarea>
                                </td>

                                <td class="border px-2 py-2 text-center">
                                    <button type="button"
                                            class="text-red-500 hover:text-red-700 remove-usul">
                                        ✖
                                    </button>
                                </td>
                            </tr>

                        @empty
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{-- Add button --}}
            <button type="button"
                    onclick="addAgenda11Row()"
                    class="mt-3 text-sm bg-indigo-100 hover:bg-indigo-200 px-3 py-1 rounded">
                ➕ Tambah Usul / Cadangan
            </button>
        </div>

        <div class="bg-white border rounded-lg p-6">

            <h2 class="font-semibold mb-4">Penangguhan Mesyuarat</h2>

            <label class="block text-sm font-medium text-gray-700 mb-1">
                Masa Tamat Mesyuarat
            </label>
            <input type="time"
                name="masa_tamat"
                value="{{ $minit->masa_tamat }}"
                class="border rounded px-3 py-2 w-full">

            <h2 class="font-semibold mb-4 mt-6">Pengesahan Dokumen</h2>

            <div class="grid sm:grid-cols-2 gap-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Disediakan Oleh (Nama)
                    </label>
                    <input name="disediakan_oleh[nama]"
                        value="{{ $minit->disediakan_oleh['nama'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Disediakan Oleh (Jawatan)
                    </label>
                    <input name="disediakan_oleh[jawatan]"
                        value="{{ $minit->disediakan_oleh['jawatan'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Disemak Oleh (Nama)
                    </label>
                    <input name="disemak_oleh[nama]"
                        value="{{ $minit->disemak_oleh['nama'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">
                        Disemak Oleh (Jawatan)
                    </label>
                    <input name="disemak_oleh[jawatan]"
                        value="{{ $minit->disemak_oleh['jawatan'] ?? '' }}"
                        class="border rounded px-3 py-2 w-full">
                </div>
            </div>
        </div>

        {{-- SUBMIT --}}
        <div class="flex justify-end">
            <a href="{{ route('minit.index') }}"
               class="px-5 py-2 bg-gray-200 rounded mr-3">Kembali</a>
            <button class="px-6 py-2 bg-indigo-600 text-white rounded">
                Simpan Perubahan
            </button>
        </div>

    </form>
</div>

<script>
function filterAgenda4() {
    const query = document.getElementById('agenda4-search').value.toLowerCase();
    const items = document.querySelectorAll('.agenda4-item');

    items.forEach(item => {
        const name = item.querySelector('input').dataset.name;
        item.style.display = name.includes(query) ? 'flex' : 'none';
    });
}

function updateSelectedList() {
    const list = document.getElementById('agenda4-selected-list');
    const count = document.getElementById('agenda4-count');

    list.innerHTML = '';
    let selected = 0;

    document.querySelectorAll('#agenda4-alk input[type=checkbox]:checked')
        .forEach(cb => {
            const li = document.createElement('li');
            li.textContent = cb.nextElementSibling.innerText;
            list.appendChild(li);
            selected++;
        });

    count.textContent = selected;
    document.getElementById('agenda4-selected')
        .classList.toggle('hidden', selected === 0);
}


function selectAll(containerId) {
    document.querySelectorAll(`#${containerId} input[type="checkbox"]`)
        .forEach(cb => cb.checked = true);
    updateSelectedList();
}

function deselectAll(containerId) {
    document.querySelectorAll(`#${containerId} input[type="checkbox"]`)
        .forEach(cb => cb.checked = false);
    updateSelectedList();
}

function filterAgenda10(type) {
    const query = document
        .getElementById(`agenda10-${type}-search`)
        .value.toLowerCase();

    document
        .querySelectorAll(`.agenda10-${type}-item`)
        .forEach(item => {
            const name = item.querySelector('input').dataset.name;
            item.style.display = name.includes(query) ? 'flex' : 'none';
        });
}

function updateAgenda10Selected(type) {
    const container = document.getElementById(`agenda10-${type}`);
    const selectedBox = document.getElementById(`agenda10-${type}-selected`);
    const list = document.getElementById(`agenda10-${type}-list`);
    const count = document.getElementById(`agenda10-${type}-count`);

    list.innerHTML = '';
    let selected = [];

    container.querySelectorAll('input[type="checkbox"]').forEach(cb => {
        if (cb.checked) {
            selected.push(cb.nextElementSibling.textContent);
        }
    });

    count.textContent = selected.length;

    if (selected.length === 0) {
        selectedBox.classList.add('hidden');
        return;
    }

    selectedBox.classList.remove('hidden');

    selected.forEach(name => {
        const li = document.createElement('li');
        li.textContent = name;
        list.appendChild(li);
    });
}

function addAgenda11Row() {
    const tbody = document.getElementById('agenda11-usul-body');
    const rows = tbody.querySelectorAll('.agenda11-row');
    const newIndex = rows.length;

    const template = rows[0].cloneNode(true);

    template.querySelectorAll('select, textarea').forEach(el => {
        el.name = el.name.replace(/\[\d+\]/, `[${newIndex}]`);
        el.value = '';
    });

    tbody.appendChild(template);
}

document.addEventListener('click', function (e) {
    if (e.target.classList.contains('remove-usul')) {
        const row = e.target.closest('.agenda11-row');
        const tbody = document.getElementById('agenda11-usul-body');

        if (tbody.children.length > 1) {
            row.remove();
        }
    }
});
</script>


@endsection