@extends('layouts.app')

@section('title', 'Detail Program - Monev LLDIKTI XV')

@section('content')
<div class="mb-4">
    <div class="d-flex justify-content-between align-items-start">
        <div>
            <h4 class="fw-bold mb-1">Detail Program</h4>
            <p class="text-secondary mb-0">Informasi lengkap program dan status dokumen.</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('dokumen.index', $program) }}" class="btn btn-primary">
                <i class="bi bi-folder-check me-2"></i>Kelola Dokumen
            </a>
            <a href="{{ route('program.index') }}" class="btn btn-outline-secondary">Kembali</a>
        </div>
    </div>
</div>

<div class="row g-4">
    <div class="col-lg-8">
        <div class="table-card p-4 mb-4">
            <h5 class="fw-bold mb-3">Informasi Program</h5>
            <table class="table table-borderless">
                <tr>
                    <td style="width: 30%" class="text-secondary">Kode Program</td>
                    <td class="fw-semibold">{{ $program->kode_program }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Judul</td>
                    <td>{{ $program->judul }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Jenis</td>
                    <td>
                        <span class="badge {{ $program->jenis === 'penelitian' ? 'bg-info' : 'bg-primary' }}">
                            {{ ucfirst($program->jenis) }}
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="text-secondary">Skema</td>
                    <td>{{ $program->skema ?? '-' }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Ketua Pelaksana</td>
                    <td>{{ $program->ketua_pelaksana }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Institusi PT</td>
                    <td>{{ $program->institusi_pt }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Tahun Anggaran</td>
                    <td>{{ $program->tahun_anggaran }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Dana Disetujui</td>
                    <td>Rp {{ number_format($program->dana_disetujui, 2, ',', '.') }}</td>
                </tr>
                <tr>
                    <td class="text-secondary">Status Program</td>
                    <td>
                        <span class="badge {{ $program->status_program === 'aktif' ? 'bg-success' : ($program->status_program === 'selesai' ? 'bg-primary' : 'bg-danger') }}">
                            {{ ucfirst($program->status_program) }}
                        </span>
                    </td>
                </tr>
                @if($program->keterangan)
                    <tr>
                        <td class="text-secondary">Keterangan</td>
                        <td>{{ $program->keterangan }}</td>
                    </tr>
                @endif
            </table>
        </div>

        <div class="table-card p-4">
            <h5 class="fw-bold mb-3">Status Dokumen Terbaru</h5>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Dokumen</th>
                            <th>Status</th>
                            <th>Catatan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($program->dokumenUploads->take(5) as $upload)
                            <tr>
                                <td>{{ $upload->dokumenKelengkapan->nama_dokumen }}</td>
                                <td>
                                    <span class="badge {{ $upload->status_badge_class }}">
                                        {{ $upload->status_label }}
                                    </span>
                                </td>
                                <td>{{ $upload->catatan_perbaikan ?? '-' }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3" class="text-center text-secondary py-4">Belum ada dokumen diunggah.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="table-card p-4">
            <h5 class="fw-bold mb-3">Pemilik Program</h5>
            <div class="d-flex align-items-center mb-3">
                <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center me-3" style="width:48px;height:48px">
                    <i class="bi bi-person fs-4"></i>
                </div>
                <div>
                    <div class="fw-semibold">{{ $program->user->name }}</div>
                    <div class="small text-secondary">{{ $program->user->email }}</div>
                </div>
            </div>
            <div class="small text-secondary">Institusi: {{ $program->user->institusi ?? '-' }}</div>
        </div>
    </div>
</div>
@endsection