@extends('layouts.app')

@section('title', 'Kelola Dokumen - 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">Checklist Kelengkapan Berkas</h4>
            <p class="text-secondary mb-0">{{ $program->kode_program }} - {{ Str::limit($program->judul, 70) }}</p>
        </div>
        <a href="{{ route('program.index') }}" class="btn btn-outline-secondary">Kembali</a>
    </div>
</div>

<div class="table-card p-4 mb-4">
    <div class="row g-3">
        <div class="col-md-3">
            <div class="text-secondary small">Jenis Program</div>
            <div class="fw-semibold">{{ ucfirst($program->jenis) }}</div>
        </div>
        <div class="col-md-3">
            <div class="text-secondary small">Ketua Pelaksana</div>
            <div class="fw-semibold">{{ $program->ketua_pelaksana }}</div>
        </div>
        <div class="col-md-3">
            <div class="text-secondary small">Institusi</div>
            <div class="fw-semibold">{{ $program->institusi_pt }}</div>
        </div>
        <div class="col-md-3">
            <div class="text-secondary small">Tahun Anggaran</div>
            <div class="fw-semibold">{{ $program->tahun_anggaran }}</div>
        </div>
    </div>
</div>

<div class="table-card overflow-hidden">
    <table class="table table-bordered table-hover checklist-table mb-0">
        <thead class="table-primary text-center">
            <tr>
                <th style="width: 5%">Tr</th>
                <th style="width: 45%">Kelengkapan Berkas</th>
                <th style="width: 18%">Status</th>
                <th style="width: 32%">Catatan</th>
            </tr>
        </thead>
        <tbody>
            @php
                $globalNo = 1;
            @endphp

            @foreach($dokumenList as $kategori => $items)
                {{-- Baris Kategori Utama --}}
                <tr class="table-primary fw-bold">
                    <td class="text-center">{{ $loop->iteration }}</td>
                    <td colspan="3">{{ $kategori }}</td>
                </tr>

                @foreach($items as $dokumen)
                    @php
                        $upload = $uploads->get($dokumen->id);
                        $isKategoriRow = $dokumen->sub_kategori && $loop->first;
                    @endphp

                    @if($dokumen->sub_kategori && ($loop->first || $items[$loop->index - 1]->sub_kategori !== $dokumen->sub_kategori))
                        <tr class="table-info fw-semibold">
                            <td class="text-center">{{ chr(96 + $loop->parent->iteration) }}</td>
                            <td colspan="3">{{ $dokumen->sub_kategori }}</td>
                        </tr>
                    @endif

                    <tr class="align-middle">
                        <td class="text-center">{{ $globalNo++ }}</td>
                        <td>
                            <div class="ps-3">{{ $dokumen->nama_dokumen }}</div>
                            @if($dokumen->keterangan)
                                <div class="ps-3 small text-secondary">{{ $dokumen->keterangan }}</div>
                            @endif
                        </td>
                        <td class="text-center">
                            @if($upload)
                                <span class="status-badge {{ $upload->status_badge_class }}">
                                    {{ $upload->status_label }}
                                </span>
                            @else
                                <span class="status-badge badge-belum-upload">Belum diunggah</span>
                            @endif
                        </td>
                        <td>
                            @if(Auth::user()->isAdminLldikti())
                                @if($upload)
                                    <form action="{{ route('dokumen.validasi', $upload) }}" method="POST" class="validasi-form">
                                        @csrf
                                        @method('PATCH')
                                        <select name="status_validasi" class="form-select form-select-sm mb-2" required>
                                            <option value="sesuai" {{ $upload->status_validasi === 'sesuai' ? 'selected' : '' }}>Sesuai</option>
                                            <option value="dokumen_kurang" {{ $upload->status_validasi === 'dokumen_kurang' ? 'selected' : '' }}>Dokumen Kurang</option>
                                            <option value="perbaikan" {{ $upload->status_validasi === 'perbaikan' ? 'selected' : '' }}>Perbaikan</option>
                                        </select>
                                        <textarea name="catatan_perbaikan" rows="2" class="form-control form-control-sm mb-2" placeholder="Catatan perbaikan">{{ $upload->catatan_perbaikan }}</textarea>
                                        <div class="d-flex gap-2">
                                            <a href="{{ Storage::url($upload->path_file) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                            <a href="{{ Storage::url($upload->path_file) }}" download class="btn btn-sm btn-outline-secondary">
                                                <i class="bi bi-download"></i>
                                            </a>
                                            <button type="submit" class="btn btn-sm btn-success flex-grow-1">
                                                <i class="bi bi-check2 me-1"></i>Validasi
                                            </button>
                                        </div>
                                    </form>
                                @else
                                    <span class="text-muted small">Belum ada dokumen</span>
                                @endif
                            @else
                                @if($upload && $upload->catatan_perbaikan)
                                    <div class="small text-danger">
                                        <i class="bi bi-chat-left-text me-1"></i>{{ $upload->catatan_perbaikan }}
                                    </div>
                                @else
                                    <span class="text-muted small">-</span>
                                @endif
                            @endif

                            @if(Auth::user()->isLppmPt() && $program->user_id === Auth::id())
                                <div class="mt-2">
                                    @if($upload)
                                        <div class="d-flex gap-2 align-items-center mb-2">
                                            <span class="small text-truncate" style="max-width: 140px;" title="{{ $upload->nama_file }}">
                                                <i class="bi bi-file-earmark-text me-1"></i>{{ $upload->nama_file }}
                                            </span>
                                            <span class="small text-secondary">{{ $upload->ukuran_file_human }}</span>
                                        </div>
                                    @endif
                                    <button type="button" class="btn btn-sm btn-primary w-100" data-bs-toggle="modal" data-bs-target="#uploadModal{{ $dokumen->id }}">
                                        <i class="bi bi-upload me-1"></i>{{ $upload ? 'Ganti File' : 'Unggah' }}
                                    </button>
                                </div>

                                {{-- Modal Upload --}}
                                <div class="modal fade" id="uploadModal{{ $dokumen->id }}" tabindex="-1" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered">
                                        <div class="modal-content">
                                            <form action="{{ route('dokumen.upload', [$program, $dokumen]) }}" method="POST" enctype="multipart/form-data">
                                                @csrf
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Unggah Dokumen</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <p class="fw-semibold">{{ $dokumen->nama_dokumen }}</p>
                                                    @if($upload)
                                                        <div class="alert alert-info small">
                                                            File saat ini: <strong>{{ $upload->nama_file }}</strong> ({{ $upload->ukuran_file_human }})
                                                        </div>
                                                    @endif
                                                    <div class="mb-3">
                                                        <label class="form-label">Pilih file</label>
                                                        <input type="file" name="file_dokumen" class="form-control" accept=".pdf,.jpg,.jpeg,.png,.zip" required>
                                                        <div class="form-text">Maksimal 5MB (PDF/JPG/PNG/ZIP)</div>
                                                    </div>
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                                                    <button type="submit" class="btn btn-primary">Unggah</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </td>
                    </tr>
                @endforeach
            @endforeach
        </tbody>
    </table>
</div>
@endsection