@extends('layouts.app')

@section('title', 'Laporan - Monev LLDIKTI XV')
@section('page-title', 'Laporan Monev')

@section('content')
<div class="card">
    <div class="card-header border-0 d-flex justify-content-between align-items-center flex-wrap gap-2">
        <div>
            <h3 class="card-title fw-bold mb-1">
                <i class="bi bi-file-earmark-spreadsheet me-2"></i>Rekapitulasi Data Bantuan Penelitian dan Pengabdian Masyarakat dari Kemdiktisaintek
            </h3>
            <small class="text-secondary">Lampiran Surat No.02/PDI-Kemdiktisaintek/07/2026 tanggal 6 Juli 2026</small>
        </div>
        <div class="d-flex gap-2">
            <form method="GET" action="{{ route('laporan.index') }}" class="d-flex gap-2">
                <select name="tahun" class="form-select" onchange="this.form.submit()">
                    <option value="">Semua Tahun</option>
                    @foreach($tahunList as $t)
                        <option value="{{ $t }}" @selected((string) $tahun === (string) $t)>Tahun {{ $t }}</option>
                    @endforeach
                </select>
            </form>
            <a href="{{ route('laporan.export', ['tahun' => $tahun]) }}" class="btn btn-success text-nowrap">
                <i class="bi bi-file-earmark-excel me-2"></i>Export Excel
            </a>
            <a href="{{ route('laporan.cetak', ['tahun' => $tahun]) }}" target="_blank" class="btn btn-outline-secondary text-nowrap">
                <i class="bi bi-printer me-2"></i>Cetak
            </a>
        </div>
    </div>
    <div class="card-body table-responsive">
        <table class="table laporan-table mb-0">
            <thead>
                <tr>
                    <th rowspan="2">No</th>
                    <th rowspan="2">Provinsi</th>
                    <th rowspan="2">Nama PTN/PTS</th>
                    <th rowspan="2">Nama Direktorat Pemberi Dana</th>
                    <th rowspan="2">Nama Program</th>
                    <th rowspan="2">Nama Tim Peneliti (Ketua dan Anggota Tim)</th>
                    <th rowspan="2">Status Tim (Dosen) Saat Menerima Dana (Aktif/Tidak Aktif)</th>
                    <th rowspan="2">Skema</th>
                    <th rowspan="2">Judul Penelitian/Pengabdian Kepada Masyarakat</th>
                    <th rowspan="2">Jumlah Dana yang Diterima</th>
                    <th colspan="2">Status Penelitian</th>
                    <th rowspan="2">Jenis Luaran Wajib</th>
                    <th colspan="2">Status Pemenuhan Luaran Wajib</th>
                    <th rowspan="2">Jumlah Dana masih Disimpan Tim per 31 Desember untuk Biaya Pemenuhan Luaran Wajib</th>
                    <th colspan="2">Jumlah Dana yang Telah Digunakan Tim di Tahun Berikutnya</th>
                    <th colspan="4">Sisa Dana (Jika ada)</th>
                    <th rowspan="2">Link Lampiran Bukti Setor ke Kas Negara</th>
                    <th colspan="2">Dokumen Pertanggungjawaban Penggunaan Dana Penelitian/Pengabdian masyarakat</th>
                    <th rowspan="2">Aksi</th>
                </tr>
                <tr>
                    <th>Dilaksanakan</th>
                    <th>Batal</th>
                    <th>Sudah terpenuhi dan diunggah di BIMA</th>
                    <th>Belum terpenuhi (masih proses)</th>
                    <th>Jumlah (Rp)</th>
                    <th>Tanggal Penggunaan Dana</th>
                    <th>Jumlah (Rp)</th>
                    <th>Belum Disetor ke Kas Negara</th>
                    <th>Telah Disetor ke Kas Negara</th>
                    <th>Tanggal Setor dan NTPN (Lampirkan Bukti Setor)</th>
                    <th>Ada/Tidak</th>
                    <th>Link Dokumen Pertanggungjawaban</th>
                </tr>
                <tr class="nomor-kolom">
                    <th>(1)</th>
                    <th>(2)</th>
                    <th>(3)</th>
                    <th>(4)</th>
                    <th>(5)</th>
                    <th>(6)</th>
                    <th>(7)</th>
                    <th>(8)</th>
                    <th>(9)</th>
                    <th>(10)</th>
                    <th colspan="2">(11)</th>
                    <th>(12)</th>
                    <th colspan="2">(13)</th>
                    <th>(14)</th>
                    <th>(15)</th>
                    <th>(16)</th>
                    <th>(17)</th>
                    <th>(18)</th>
                    <th>(19)</th>
                    <th>(20)</th>
                    <th>(21)</th>
                    <th>(22)</th>
                    <th>(23)</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($programs as $program)
                    <tr>
                        <td class="text-center">{{ $loop->iteration }}</td>
                        <td>{{ $program->provinsi ?? '-' }}</td>
                        <td>{{ $program->institusi_pt ?? '-' }}</td>
                        <td>{{ $program->direktorat_pemberi_dana ?? '-' }}</td>
                        <td>{{ $program->kode_program }}</td>
                        <td>
                            {{ $program->ketua_pelaksana }}
                            @if($program->anggota_tim)
                                <br><small class="text-secondary">{{ $program->anggota_tim }}</small>
                            @endif
                        </td>
                        <td class="text-center">
                            @if($program->status_dosen === 'aktif') Aktif
                            @elseif($program->status_dosen === 'tidak_aktif') Tidak Aktif
                            @else - @endif
                        </td>
                        <td>{{ $program->skema ?? '-' }}</td>
                        <td style="white-space: normal; min-width: 220px;">{{ $program->judul }}</td>
                        <td class="text-end">{{ $program->dana_disetujui ? 'Rp ' . number_format($program->dana_disetujui, 0, ',', '.') : '-' }}</td>
                        <td class="text-center">{!! $program->status_program !== 'batal' ? '<i class="bi bi-check-lg text-success fw-bold"></i>' : '' !!}</td>
                        <td class="text-center">{!! $program->status_program === 'batal' ? '<i class="bi bi-check-lg text-danger fw-bold"></i>' : '' !!}</td>
                        <td>{{ $program->jenis_luaran_wajib ?? '-' }}</td>
                        <td class="text-center">{!! $program->status_luaran === 'sudah_terpenuhi' ? '<i class="bi bi-check-lg text-success fw-bold"></i>' : '' !!}</td>
                        <td class="text-center">{!! $program->status_luaran === 'belum_terpenuhi' ? '<i class="bi bi-check-lg text-warning fw-bold"></i>' : '' !!}</td>
                        <td class="text-end">{{ $program->dana_disimpan !== null ? 'Rp ' . number_format($program->dana_disimpan, 0, ',', '.') : '-' }}</td>
                        <td class="text-end">{{ $program->dana_digunakan !== null ? 'Rp ' . number_format($program->dana_digunakan, 0, ',', '.') : '-' }}</td>
                        <td class="text-center">{{ $program->tgl_penggunaan_dana?->format('d/m/Y') ?? '-' }}</td>
                        <td class="text-end">{{ $program->sisa_dana !== null ? 'Rp ' . number_format($program->sisa_dana, 0, ',', '.') : '-' }}</td>
                        <td class="text-center">{!! $program->status_sisa_dana === 'belum_disetor' ? '<i class="bi bi-check-lg text-warning fw-bold"></i>' : '' !!}</td>
                        <td class="text-center">{!! $program->status_sisa_dana === 'telah_disetor' ? '<i class="bi bi-check-lg text-success fw-bold"></i>' : '' !!}</td>
                        <td>
                            @if($program->tgl_setor || $program->ntpn)
                                {{ $program->tgl_setor?->format('d/m/Y') }}{{ $program->ntpn ? ' / ' . $program->ntpn : '' }}
                            @else - @endif
                        </td>
                        <td>
                            @if($program->link_bukti_setor)
                                <a href="{{ $program->link_bukti_setor }}" target="_blank">Lihat <i class="bi bi-box-arrow-up-right"></i></a>
                            @else - @endif
                        </td>
                        <td class="text-center">
                            @if($program->dokumen_pertanggungjawaban === 'ada') Ada
                            @elseif($program->dokumen_pertanggungjawaban === 'tidak') Tidak
                            @else - @endif
                        </td>
                        <td>
                            @if($program->link_dokumen_pertanggungjawaban)
                                <a href="{{ $program->link_dokumen_pertanggungjawaban }}" target="_blank">Lihat <i class="bi bi-box-arrow-up-right"></i></a>
                            @else - @endif
                        </td>
                        <td class="text-center" style="white-space: normal; min-width: 150px;">
                            <span class="badge {{ $program->status_laporan_badge }} mb-1">{{ $program->status_laporan_label }}</span>
                            @if($program->status_laporan === 'perlu_perbaikan' && $program->catatan_laporan)
                                <br><small class="text-danger d-block mb-1"><i class="bi bi-chat-left-text"></i> {{ $program->catatan_laporan }}</small>
                            @endif
                            @if(Auth::user()->isLppmPt())
                                <a href="{{ route('laporan.edit', $program) }}" class="btn btn-sm btn-outline-primary d-block">
                                    <i class="bi bi-pencil-square"></i> Isi
                                </a>
                            @else
                                <a href="{{ route('laporan.edit', $program) }}" class="btn btn-sm btn-outline-primary d-block w-100 mb-1">
                                    <i class="bi bi-pencil-square"></i> Edit
                                </a>
                                <button type="button" class="btn btn-sm btn-outline-success d-block w-100 mb-1 btn-validasi"
                                        data-action="{{ route('laporan.validasi', $program) }}"
                                        data-kode="{{ $program->kode_program }}"
                                        data-status="{{ $program->status_laporan }}"
                                        data-catatan="{{ $program->catatan_laporan }}">
                                    <i class="bi bi-check2-square"></i> Validasi
                                </button>
                                <form action="{{ route('laporan.destroy', $program) }}" method="POST"
                                      onsubmit="return confirm('Hapus seluruh data laporan program {{ $program->kode_program }}? Data program utama tidak ikut terhapus.')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger d-block w-100">
                                        <i class="bi bi-trash"></i> Hapus
                                    </button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="26" class="text-center text-secondary py-4">
                            Belum ada program untuk dilaporkan{{ $tahun ? ' pada tahun ' . $tahun : '' }}.
                            @if($tahun)<br><small>Tahun {{ $tahun }} sudah aktif — data baru yang dibuat dengan tahun anggaran {{ $tahun }} akan muncul di sini, dan tahun sebelumnya tetap tersimpan di arsip.</small>@endif
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@if(Auth::user()->isAdminLldikti())
<div class="modal fade" id="modalValidasi" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="POST" id="formValidasi">
                @csrf
                @method('PATCH')
                <div class="modal-header">
                    <h5 class="modal-title"><i class="bi bi-check2-square me-2"></i>Validasi Laporan <span id="modalKode" class="fw-bold"></span></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Keputusan Validasi</label>
                        <div class="d-flex gap-3">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="status_laporan" id="stSetuju" value="disetujui" required>
                                <label class="form-check-label text-success fw-semibold" for="stSetuju">
                                    <i class="bi bi-check-circle"></i> Setujui
                                </label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="status_laporan" id="stPerbaikan" value="perlu_perbaikan" required>
                                <label class="form-check-label text-danger fw-semibold" for="stPerbaikan">
                                    <i class="bi bi-arrow-counterclockwise"></i> Perlu Perbaikan
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="mb-0">
                        <label class="form-label fw-semibold">Catatan untuk LPPM PT <small class="text-secondary">(opsional)</small></label>
                        <textarea name="catatan_laporan" id="modalCatatan" class="form-control" rows="3" placeholder="cth: Kolom sisa dana belum diisi, mohon dilengkapi"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" class="btn btn-primary"><i class="bi bi-send me-2"></i>Simpan Validasi</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endif
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.btn-validasi').forEach(function (btn) {
        btn.addEventListener('click', function () {
            const form = document.getElementById('formValidasi');
            form.action = this.dataset.action;
            document.getElementById('modalKode').textContent = this.dataset.kode;
            document.getElementById('modalCatatan').value = this.dataset.catatan || '';
            const radio = document.querySelector('input[name="status_laporan"][value="' + this.dataset.status + '"]');
            if (radio) radio.checked = true;
            new bootstrap.Modal(document.getElementById('modalValidasi')).show();
        });
    });
});
</script>
@endpush