@extends('layouts.admin', ['title' => 'Data Kelompok', 'header' => 'Data Kelompok'])

@section('admin_content')
<div class="container-fluid">
    <div class="card listing-shell border-0 shadow-sm">
        <div class="card-header bg-white border-0 listing-shell__header">
            <div>
                <span class="listing-shell__eyebrow">Kelompok</span>
                <h3 class="mb-1">Data Kelompok</h3>
                <p class="text-muted mb-0">Kelola kelompok aktif per zonasi (Timor, Flores, Sumba, Alor, Rote), termasuk mode satu kampus atau multi perguruan tinggi, beserta DPL dan anggota mahasiswanya.</p>
            </div>
        </div>
        <div class="card-body">
            <div class="listing-shell__action mb-3">
                <a href="{{ route('admin.data-kelompok.create') }}" class="btn btn-primary listing-shell__primary-btn"><i class="fas fa-plus mr-1"></i> Tambah Data Kelompok</a>
            </div>

            @if(auth()->user()?->role === 'admin' && ($groupedByZonasi ?? collect())->isNotEmpty())
                <div class="card border-0 shadow-sm mb-4" style="border-radius: 20px;">
                    <div class="card-body">
                        <h5 class="mb-3 font-weight-bold"><i class="fas fa-map-marked-alt mr-2 text-primary"></i>Ringkasan per Zonasi</h5>
                        <div class="row">
                            @foreach($groupedByZonasi as $zonasiGroup)
                                <div class="col-md-4 col-lg-3 mb-3">
                                    <div class="p-3 text-center" style="border-radius: 16px; background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border: 1px solid #cbd5e1;">
                                        <div class="text-uppercase font-weight-bold text-muted mb-1" style="font-size: .75rem; letter-spacing: .1em;">{{ $zonasiGroup->zonasi }}</div>
                                        <div class="font-weight-bold text-dark" style="font-size: 1.25rem;">{{ $zonasiGroup->total_kelompok }} Kelompok</div>
                                        <div class="text-muted small">{{ $zonasiGroup->total_mahasiswa }} Mahasiswa</div>
                                        @if($zonasiGroup->total_anggota_zona > 0)
                                            <div class="text-muted small">{{ $zonasiGroup->total_anggota_zona }} dari distribusi zona</div>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endif

            @if(auth()->user()?->role === 'admin')
                <div class="mb-3">
                    <form method="GET" action="{{ route('admin.data-kelompok.index') }}" class="form-inline">
                        <label class="mr-2 font-weight-bold">Filter Zonasi:</label>
                        <select name="zonasi" class="form-control mr-2" onchange="this.form.submit()">
                            <option value="">Semua Zonasi</option>
                            @foreach($zonasiOptions ?? [] as $zonasi)
                                <option value="{{ $zonasi }}" {{ ($selectedZonasi ?? '') === $zonasi ? 'selected' : '' }}>{{ $zonasi }}</option>
                            @endforeach
                        </select>
                        @if($selectedZonasi)
                            <a href="{{ route('admin.data-kelompok.index') }}" class="btn btn-outline-secondary btn-sm">Reset</a>
                        @endif
                    </form>
                </div>
            @endif

            <div class="table-responsive">
                <table class="table table-hover align-middle listing-table">
                    <thead>
                        <tr>
                            <th width="60">No</th>
                            <th>Kelompok</th>
                            <th>Akademik</th>
                            <th>Wilayah</th>
                            <th>Ringkasan Anggota</th>
                            <th>Dosen Pembimbing Lapangan</th>
                            <th>Status</th>
                            <th width="320">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($items as $key => $item)
                            <tr>
                                <td>{{ $items->firstItem() + $key }}</td>
                                @php
                                    $joinedCampusSummaries = $item->joinedCampusSummaries();
                                    $joinedCampusesCount = $item->joinedCampusesCount();
                                    $remainingCampusCount = max($joinedCampusesCount - count($joinedCampusSummaries), 0);

                                    $programStudiBreakdown = $item->mahasiswas
                                        ->groupBy('nama_program_studi')
                                        ->map(fn ($group, $name) => ['name' => $name, 'count' => $group->count()])
                                        ->sortByDesc('count')
                                        ->values();
                                @endphp
                                <td>
                                    <span class="listing-code">{{ $item->masterKelompok->kode_kelompok }}</span>
                                    <div class="font-weight-600 text-dark mt-2">{{ $item->masterKelompok->nama_kelompok }}</div>
                                    @if($item->masterKelompok?->zonasi)
                                        <span class="badge badge-info mt-1">{{ $item->masterKelompok->zonasi }}</span>
                                    @endif
                                </td>
                                <td>
                                    <div class="font-weight-600 text-dark">{{ $item->programStudi->nama_program_studi ?? 'Multi Program Studi' }}</div>
                                    <div class="text-muted small">Relasi akademik kelompok</div>
                                </td>
                                <td>
                                    <div class="font-weight-600 text-dark">{{ $item->kabupaten->nama_kabupaten ?? '-' }}</div>
                                    <div class="text-muted small">
                                        {{ $item->kecamatan->nama_kecamatan ?? '-' }} / {{ $item->desa->nama_desa ?? '-' }}
                                    </div>
                                    <div class="text-muted small mt-1">
                                        Kepala desa: {{ $item->kepalaDesa->nama_lengkap ?? 'Belum terhubung' }}
                                    </div>
                                </td>
                                <td>
                                    <div class="font-weight-600 text-dark">{{ $item->mahasiswas_count }}/20 mahasiswa</div>
                                    <div class="text-muted small">
                                        {{ $item->mahasiswas_count >= 20 ? 'Kapasitas penuh' : (20 - $item->mahasiswas_count) . ' slot tersisa' }}
                                    </div>
                                    @php
                                        $zoneCounts = [
                                            'Timor' => $item->anggota_timor,
                                            'Flores' => $item->anggota_flores,
                                            'Sumba' => $item->anggota_sumba,
                                            'Alor' => $item->anggota_alor,
                                        ];
                                        $hasZoneData = collect($zoneCounts)->filter(fn ($v) => $v !== null && $v > 0)->isNotEmpty();
                                    @endphp
                                    @if($hasZoneData)
                                        <div class="mt-2">
                                            <div class="text-muted small font-weight-bold">Per Zona:</div>
                                            @foreach($zoneCounts as $zone => $count)
                                                @if($count !== null && $count > 0)
                                                    <span class="badge badge-light border mr-1 mt-1">{{ $zone }} ({{ $count }})</span>
                                                @endif
                                            @endforeach
                                        </div>
                                    @endif
                                    @if($programStudiBreakdown->isNotEmpty())
                                        <div class="mt-2">
                                            <div class="text-muted small font-weight-bold">Per Program Studi:</div>
                                            @foreach($programStudiBreakdown as $ps)
                                                <span class="badge badge-light border mr-1 mt-1">{{ $ps['name'] }} ({{ $ps['count'] }})</span>
                                            @endforeach
                                        </div>
                                    @endif
                                    @if($joinedCampusesCount > 0)
                                        <div class="text-muted small mt-2">{{ $joinedCampusesCount }} perguruan tinggi tergabung</div>
                                        <div class="listing-campus-chips mt-2">
                                            @foreach($joinedCampusSummaries as $campus)
                                                @if(!empty($campus['id']))
                                                    <a href="{{ route('admin.mahasiswa.index', ['owner_scope' => 'all', 'data_kelompok_id' => $item->id, 'perguruan_tinggi_id' => $campus['id']]) }}" class="listing-campus-chip listing-campus-chip--link">
                                                        {{ $campus['name'] }}
                                                    </a>
                                                @else
                                                    <span class="listing-campus-chip">{{ $campus['name'] }}</span>
                                                @endif
                                            @endforeach
                                            @if($remainingCampusCount > 0)
                                                <span class="listing-campus-chip listing-campus-chip--more">+{{ $remainingCampusCount }} lainnya</span>
                                            @endif
                                        </div>
                                    @endif
                                    <a href="{{ route('admin.mahasiswa.index', ['owner_scope' => 'all', 'data_kelompok_id' => $item->id]) }}" class="btn btn-sm listing-actions__btn listing-actions__btn--info mt-2">
                                        <i class="fas fa-users mr-1"></i> Lihat Anggota
                                    </a>
                                </td>
                                <td>
                                    <div class="font-weight-600 text-dark">{{ $item->dosenPembimbingLapangan->nama_lengkap }}</div>
                                    <div class="text-muted small">{{ $item->dosenPembimbingLapangan->nidn_nuptk }}</div>
                                </td>
                                <td>
                                    <span class="listing-badge {{ $item->is_active ? 'listing-badge--success' : 'listing-badge--secondary' }}">
                                        {{ $item->is_active ? 'Aktif' : 'Nonaktif' }}
                                    </span>
                                </td>
                                <td>
                                    <div class="listing-actions">
                                        <a href="{{ route('admin.mahasiswa.index', ['owner_scope' => 'all', 'data_kelompok_id' => $item->id]) }}" class="btn btn-sm listing-actions__btn listing-actions__btn--info">
                                            <i class="fas fa-users mr-1"></i> Anggota
                                        </a>
                                        <a href="{{ route('admin.data-kelompok.edit', $item->id) }}" class="btn btn-sm listing-actions__btn listing-actions__btn--warning">
                                            <i class="fas fa-pen mr-1"></i> Edit
                                        </a>
                                        <form action="{{ route('admin.data-kelompok.destroy', $item->id) }}" method="POST" class="listing-actions__form" onsubmit="return confirm('Hapus data kelompok ini?')">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-sm listing-actions__btn listing-actions__btn--danger">
                                                <i class="fas fa-trash-alt mr-1"></i> Hapus
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8">
                                    <div class="empty-state text-center py-5">
                                        <div class="empty-state__icon mb-3"><i class="fas fa-layer-group"></i></div>
                                        <h5 class="mb-2">Belum Ada Data Kelompok</h5>
                                        <p class="text-muted mb-0">Data kelompok yang menghubungkan master kelompok, perguruan tinggi, dan DPL akan muncul di sini.</p>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            @if(method_exists($items, 'links'))
                <div class="pagination-shell mt-3">{{ $items->links() }}</div>
            @endif
        </div>
    </div>
</div>

@include('admin.master.partials.index-styles')
@endsection