@php
    $editing = isset($editingLinkId) && $editingLinkId;
@endphp

<div class="filament-page">
    <div class="space-y-6">
        <div class="card p-6">
            <h2 class="text-lg font-semibold">Link Teacher to Organization</h2>

            <div class="mt-4 grid grid-cols-1 md:grid-cols-3 gap-4">
                <div>
                    <label class="block text-sm text-gray-600">Teacher</label>
                    <select wire:model="selectedTeacher" class="w-full mt-1">
                        <option value="">-- Select teacher --</option>
                        @foreach($teachers as $t)
                            <option value="{{ $t['id'] }}">{{ $t['label'] }}</option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm text-gray-600">Organization</label>
                    <select wire:model="selectedOrganization" class="w-full mt-1">
                        <option value="">-- Select organization --</option>
                        @foreach($organizations as $o)
                            <option value="{{ $o['id'] }}">{{ $o['label'] }}</option>
                        @endforeach
                    </select>
                </div>

                <div>
                    <label class="block text-sm text-gray-600">Courses (for selected org)</label>
                    <div class="mt-1">
                        @foreach($this->availableCoursesForSelectedOrg() as $c)
                            <label class="inline-flex items-center mr-3">
                                <input type="checkbox" wire:model="selectedCourseIds" value="{{ $c['id'] }}" />
                                <span class="ml-2">{{ $c['label'] }}</span>
                            </label>
                        @endforeach
                    </div>
                </div>
            </div>

            <div class="mt-4">
                @if($editing)
                    <button wire:click="updateLink" class="btn btn-primary">Update Link</button>
                    <button wire:click.prevent="$set('editingLinkId', null)" class="btn">Cancel</button>
                @else
                    <button wire:click="createLink" class="btn btn-primary">Create Link</button>
                @endif
            </div>
        </div>

        <div class="card p-4">
            <div class="flex items-center justify-between">
                <h3 class="text-lg font-semibold">Existing Teacher Links</h3>
                <div class="flex items-center space-x-2">
                    <input wire:model="search" placeholder="Search teacher..." class="input" />
                </div>
            </div>

            <div class="mt-4 overflow-auto">
                <table class="w-full table-auto">
                    <thead>
                        <tr class="text-left">
                            <th class="p-2">Teacher</th>
                            <th class="p-2">Organization</th>
                            <th class="p-2">Courses</th>
                            <th class="p-2">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($links->items() as $link)
                            <tr class="border-t">
                                <td class="p-2">{{ $link['teacher']['name'] ?? '—' }}<div class="text-xs text-gray-500">{{ $link['teacher']['email'] ?? '' }}</div></td>
                                <td class="p-2">{{ $link['organization']['name'] ?? '—' }}</td>
                                <td class="p-2">
                                    @if(! empty($link['courses']))
                                        <ul class="list-disc ml-4 text-sm">
                                            @foreach($link['courses'] as $c)
                                                <li>{{ $c['title'] ?? ($c['title'] ?? '—') }}</li>
                                            @endforeach
                                        </ul>
                                    @else
                                        <span class="text-sm text-gray-500">No courses assigned</span>
                                    @endif
                                </td>
                                <td class="p-2">
                                    <button wire:click="editLink('{{ $link['id'] }}')" class="btn btn-secondary btn-sm">Edit</button>
                                    <button wire:click="deleteLink('{{ $link['id'] }}')" class="btn btn-danger btn-sm">Remove</button>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="p-4 text-center text-gray-500">No links found.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <div class="mt-4">
                {{ $links->links() }}
            </div>
        </div>
    </div>
</div>