@extends('admin.layout', [
    'title' => 'Data Alumni',
    'heading' => 'Modul Alumni',
    'subheading' => 'Kelola sinkronisasi lulusan, status portal alumni, dan progres pengisian tracer study.',
])

@section('page_actions')
    <form method="POST" action="{{ route('admin.alumni.sync') }}">
        @csrf
        <button type="submit" class="btn btn-danger">
            <i class="fas fa-sync-alt mr-1"></i>
            Sinkronkan Mahasiswa Lulus
        </button>
    </form>
@endsection

@section('admin-content')
    <div class="row">
        @foreach ($summaryCards as $card)
            <div class="col-lg-3 col-md-6">
                <div class="small-box {{ $card['color'] }}">
                    <div class="inner">
                        <h3>{{ $card['value'] }}</h3>
                        <p>{{ $card['label'] }}</p>
                    </div>
                    <div class="icon"><i class="{{ $card['icon'] }}"></i></div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Filter Alumni</h3>
        </div>
        <div class="card-body">
            <form method="GET">
                <div class="row">
                    <div class="col-md-4">
                        <input type="text" name="q" class="form-control" placeholder="Cari nama alumni, NIM, pekerjaan..." value="{{ $search }}">
                    </div>
                    <div class="col-md-3">
                        <select name="prodi_id" class="form-control">
                            <option value="">Semua Program Studi</option>
                            @foreach ($programs as $program)
                                <option value="{{ $program->id }}" @selected($programId === $program->id)>{{ $program->nama_prodi }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-3">
                        <select name="tracer" class="form-control">
                            <option value="">Semua Status Tracer</option>
                            <option value="sudah" @selected($tracerStatus === 'sudah')>Sudah Isi</option>
                            <option value="belum" @selected($tracerStatus === 'belum')>Belum Isi</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <div class="btn-group w-100">
                            <button type="submit" class="btn btn-default">Filter</button>
                            @if ($search !== '' || $programId > 0 || $tracerStatus !== '')
                                <a href="{{ route('admin.alumni.index') }}" class="btn btn-outline-secondary">Reset</a>
                            @endif
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Daftar Alumni</h3>
            <div class="card-tools">
                <span class="badge badge-info">Total {{ $alumniItems->total() }}</span>
            </div>
        </div>
        <div class="card-body table-responsive">
            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>Alumni</th>
                        <th>Program Studi</th>
                        <th>Tahun Lulus</th>
                        <th>Pekerjaan</th>
                        <th>Tracer Study</th>
                        <th>Portal</th>
                        <th width="120">Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($alumniItems as $item)
                        <tr>
                            <td>
                                <strong>{{ $item->mahasiswa?->nama_mahasiswa ?? '-' }}</strong>
                                <div class="text-muted text-sm">{{ $item->mahasiswa?->nim ?? '-' }}</div>
                            </td>
                            <td>{{ $item->mahasiswa?->prodi?->nama_prodi ?? '-' }}</td>
                            <td>{{ $item->tahun_lulus ?? '-' }}</td>
                            <td>
                                <strong>{{ $item->pekerjaan ?? '-' }}</strong>
                                <div class="text-muted text-sm">{{ $item->tempat_kerja ?? '-' }}</div>
                            </td>
                            <td>
                                <span class="badge badge-{{ $item->tracer_studies_count > 0 ? 'success' : 'secondary' }}">
                                    {{ $item->tracer_studies_count > 0 ? 'Terisi' : 'Belum' }}
                                </span>
                            </td>
                            <td>
                                <span class="badge badge-{{ $item->mahasiswa?->user?->status === 'aktif' ? 'success' : 'secondary' }}">
                                    {{ ucfirst($item->mahasiswa?->user?->status ?? 'nonaktif') }}
                                </span>
                                <div class="text-muted text-sm">{{ $item->mahasiswa?->user?->username ?? '-' }}</div>
                            </td>
                            <td>
                                <a href="{{ route('admin.alumni.edit', $item) }}" class="btn btn-sm btn-warning">
                                    <i class="fas fa-edit"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted">Belum ada data alumni. Jalankan sinkronisasi untuk mahasiswa berstatus lulus.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>

            @include('partials.pagination-simple', ['paginator' => $alumniItems])
        </div>
    </div>
@endsection