{{-- Riwayat tindak lanjut satu penerima + form catat tindak lanjut (untuk penanganannya).
     Menyimpan tindak lanjut langsung menyelesaikan disposisi penerima itu. Variabel: $p (DisposisiPenerima), $penerimaSaya --}}
@php
    $milikSaya = $penerimaSaya?->is($p);
    $bolehCatat = auth()->user()->can('catatTindakLanjut', $p);
    $warnaStatus = ['PROGRES' => 'info', 'DIAJUKAN' => 'warning', 'DISETUJUI' => 'success', 'DIKEMBALIKAN' => 'danger'];
    $ikonStatus = ['PROGRES' => 'fa-pen', 'DIAJUKAN' => 'fa-paper-plane', 'DISETUJUI' => 'fa-check', 'DIKEMBALIKAN' => 'fa-rotate-left'];
@endphp

<div class="card" id="tindak-lanjut-{{ $p->id }}">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h3 class="card-title"><i class="fas fa-list-check mr-1"></i> Tindak lanjut · {{ $p->penerima?->nama ?? 'Unit kerja '.$p->unit->nama_unit }}</h3>
        <x-badge-status :status="$p->status" />
    </div>
    <div class="card-body">
        @if ($p->tindakLanjut->isEmpty())
            <div class="small teks-redup mb-2">
                <i class="far fa-clock mr-1"></i>
                {{ $milikSaya ? 'Anda belum mencatat tindak lanjut.' : 'Penerima belum mencatat tindak lanjut.' }}
            </div>
        @else
            <ul class="timeline-ss mb-3">
                @foreach ($p->tindakLanjut as $tl)
                    @php($kode = $tl->status->kode_status)
                    <li>
                        <span class="titik ikon-{{ $warnaStatus[$kode] ?? 'secondary' }}"><i class="fas {{ $ikonStatus[$kode] ?? 'fa-circle' }}"></i></span>
                        <div class="d-flex justify-content-between flex-wrap" style="gap:.25rem .75rem">
                            <span class="judul">{{ $kode === 'DISETUJUI' ? 'Dinyatakan selesai' : 'Tindak lanjut' }}</span>
                        </div>
                        <div class="meta"><i class="far fa-clock"></i> {{ $tl->tanggal_tindak_lanjut->translatedFormat('d M Y, H:i') }} · <i class="far fa-user"></i> {{ $tl->pengguna->nama }}</div>
                        <div class="keterangan" style="white-space:pre-line">{{ $tl->uraian_tindak_lanjut }}</div>
                        @if ($tl->hasil_tindak_lanjut)
                            <div class="keterangan mt-1 p-2 rounded" style="background:#f3f8ff;white-space:pre-line"><b>{{ $kode === 'DISETUJUI' ? 'Catatan' : 'Hasil' }}:</b> {{ $tl->hasil_tindak_lanjut }}</div>
                        @endif
                        @if ($tl->file->isNotEmpty())
                            <div class="mt-1">
                                @foreach ($tl->file as $f)
                                    <a href="{{ route('dokumen.tindak-lanjut.lihat', $f) }}" target="_blank" rel="noopener" class="badge badge-lembut-secondary mr-1">
                                        <i class="far fa-file-{{ $f->pdf() ? 'pdf' : 'image' }} mr-1"></i>{{ \Illuminate\Support\Str::limit($f->nama_file, 30) }}
                                    </a>
                                @endforeach
                            </div>
                        @endif
                        @if ($kode === 'DIKEMBALIKAN' && $tl->tanggal_verifikasi)
                            <div class="small mt-1 text-danger"><i class="fas fa-rotate-left mr-1"></i>Dikembalikan oleh {{ $tl->verifikator->nama }}, {{ $tl->tanggal_verifikasi->translatedFormat('d M Y H:i') }}{{ $tl->catatan_verifikasi ? ': '.$tl->catatan_verifikasi : '' }}</div>
                        @endif
                    </li>
                @endforeach
            </ul>
        @endif

        @if ($bolehCatat)
            <form method="POST" action="{{ route('tindak-lanjut.store', $p) }}" class="form-validasi border-top pt-3">
                @csrf
                <div class="form-group">
                    <label for="uraian-{{ $p->id }}">Tindak lanjut <span class="wajib">*</span></label>
                    <textarea id="uraian-{{ $p->id }}" name="uraian_tindak_lanjut" rows="4" required maxlength="5000"
                              class="form-control @error('uraian_tindak_lanjut') is-invalid @enderror"
                              placeholder="Tuliskan tindak lanjut yang sudah dilakukan">{{ old('uraian_tindak_lanjut') }}</textarea>
                    @error('uraian_tindak_lanjut')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    <small class="form-text teks-redup">Setelah disimpan, disposisi ini selesai dan pemberi disposisi mendapat notifikasi.</small>
                </div>

                <div class="text-right">
                    <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-floppy-disk mr-1"></i> Simpan</button>
                </div>
            </form>
        @endif
    </div>
</div>