@extends('layouts.app')

@section('judul', 'Detail Naskah Masuk')
@section('subjudul')
    {{ $surat->perihal }}
@endsection

@section('aksi-header')
    <a href="{{ route('surat-masuk.index') }}" class="btn btn-outline-secondary"><i class="fas fa-arrow-left mr-1"></i> Daftar</a>

    @can('update', $surat)
        <a href="{{ route('surat-masuk.edit', $surat) }}" class="btn btn-outline-primary"><i class="fas fa-pen mr-1"></i> Ubah</a>
    @endcan

    @can('agendakan', $surat)
        <x-form-aksi :action="route('surat-masuk.agendakan', $surat)" label="Agendakan" ikon="fa-book" warna="primary"
                     :pesan="'Isi nomor agenda sesuai buku agenda naskah masuk '.$surat->unitPenerima->nama_unit.'.'.($surat->dariAplikasi() ? ' Agenda ini menjadi tanda naskah diterima oleh pengirim.' : '')" alasan="Nomor agenda"
                     isian-nama="nomor_agenda" isian-tipe="text" :isian-min="1" tombol-konfirmasi="Ya, agendakan" />
    @endcan

    @can('teruskan', $surat)
        <x-form-aksi :action="route('surat-masuk.teruskan', $surat)" label="Teruskan ke Pimpinan" ikon="fa-share" warna="gold"
                     pesan="Naskah akan diteruskan dan pimpinan unit kerja menerima notifikasi." tombol-konfirmasi="Ya, teruskan" />
    @endcan

    @can('disposisi', $surat)
        <a href="{{ route('disposisi.create', $surat) }}" class="btn btn-gold"><i class="fas fa-share-nodes mr-1"></i> Buat Disposisi</a>
    @endcan

    @can('selesaikan', $surat)
        <x-form-aksi :action="route('surat-masuk.selesaikan', $surat)" label="Selesai tanpa Disposisi" ikon="fa-check" warna="outline-success"
                     judul="Selesaikan tanpa disposisi?" pesan="Naskah cukup diketahui pimpinan, lalu selesai dan siap diarsipkan sekretaris/TU."
                     alasan="Catatan (opsional)" isian-nama="catatan" :isian-opsional="true" tombol-konfirmasi="Ya, selesaikan" />
    @endcan

    @can('arsipkan', $surat)
        <x-form-aksi :action="route('surat-masuk.arsipkan', $surat)" label="Arsipkan" ikon="fa-box-archive" warna="navy"
                     pesan="Naskah akan dipindahkan ke arsip digital." />
    @endcan

    @can('batalkan', $surat)
        <x-form-aksi :action="route('surat-masuk.batalkan', $surat)" label="Batalkan" ikon="fa-ban" warna="outline-danger"
                     judul="Batalkan naskah?" pesan="Naskah yang dibatalkan tetap tersimpan sebagai jejak, tetapi tidak dapat diproses lagi."
                     alasan="Alasan pembatalan" tombol-konfirmasi="Ya, batalkan" />
    @endcan
@endsection

@section('konten')
    @if ($surat->dariAplikasi())
        <div class="d-flex align-items-center flex-wrap p-3 mb-3 rounded bg-white border" style="gap:.5rem;border-left:4px solid var(--ss-primary) !important">
            <i class="fas fa-building-columns fa-lg mr-2" style="color:var(--ss-primary)"></i>
            <div class="flex-grow-1">
                Naskah dari aplikasi: dikirim <b>{{ $surat->suratKeluar->unitPengirim->nama_unit }}</b> (naskah keluar {{ $surat->suratKeluar->nomor_surat }}) kepada <b>{{ $surat->unitPenerima->nama_unit }}</b>. Dokumen disalin otomatis, tanpa scan.
                @if ($surat->berstatus('DRAFT'))
                    <div class="small teks-redup mt-1">Langkah berikut: sekretaris/TU mengagendakan di buku agenda {{ $surat->unitPenerima->nama_unit }} (tanda diterima), lalu meneruskannya kepada pimpinan.</div>
                @endif
            </div>
        </div>
    @endif

    @if ($surat->rahasia())
        <div class="alert alert-dark d-flex align-items-center"><i class="fas fa-user-secret fa-lg mr-2"></i> Naskah ini bersifat <b class="mx-1">RAHASIA</b>. Jangan menyebarkan isinya kepada pihak yang tidak berwenang.</div>
    @endif

    <div class="row">
        <div class="col-lg-5">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">Informasi naskah</h3>
                    <x-badge-status :status="$surat->status" />
                </div>
                <div class="card-body">
                    <dl class="daftar-info mb-0">
                        <dt>Nomor agenda</dt>
                        <dd>
                            @if ($surat->nomor_agenda)
                                <span class="nomor-agenda">{{ $surat->nomor_agenda }}</span>
                                <span class="small teks-redup ml-1">{{ $surat->tanggal_agenda?->translatedFormat('d M Y H:i') }}</span>
                                <div class="small teks-redup">Buku agenda {{ $surat->unitPenerima->nama_unit }}</div>
                            @else
                                <span class="teks-redup">Belum diagendakan</span>
                            @endif
                        </dd>
                        <dt>Nomor naskah</dt>
                        <dd>{{ $surat->nomor_surat }}</dd>
                        <div class="row">
                            <div class="col-6"><dt>Tanggal naskah</dt><dd>{{ $surat->tanggal_surat->translatedFormat('d F Y') }}</dd></div>
                            <div class="col-6"><dt>Tanggal terima</dt><dd>{{ $surat->tanggal_terima->translatedFormat('d F Y') }}</dd></div>
                        </div>
                        <dt>Pengirim</dt>
                        <dd>{{ $surat->pengirim->nama_pengirim }}@if ($surat->pengirim->instansi)<div class="small teks-redup">{{ $surat->pengirim->instansi }}</div>@endif</dd>
                        <dt>Perihal</dt>
                        <dd>{{ $surat->perihal }}</dd>
                        @if ($surat->ringkasan)
                            <dt>Ringkasan</dt>
                            <dd style="white-space:pre-line">{{ $surat->ringkasan }}</dd>
                        @endif
                        <x-atribut-naskah :surat="$surat" />
                        <div class="row">
                            <div class="col-6"><dt>Ditujukan kepada</dt><dd>{{ $surat->unitPenerima->nama_unit }}</dd></div>
                            <div class="col-6"><dt>Lampiran</dt><dd>{{ $surat->lampiran ?: '—' }}</dd></div>
                        </div>
                        <dt>Dicatat oleh</dt>
                        <dd class="mb-0">{{ $surat->penginput->nama }} <span class="small teks-redup">· {{ $surat->created_at->translatedFormat('d M Y H:i') }}</span></dd>
                    </dl>
                </div>
            </div>

            <div class="card">
                <div class="card-header"><h3 class="card-title">Disposisi</h3></div>
                <div class="card-body {{ $surat->disposisi->isEmpty() ? '' : 'p-0' }}">
                    @forelse ($surat->disposisi as $d)
                        <div class="p-3 border-bottom">
                            <div class="d-flex justify-content-between">
                                <a href="{{ route('disposisi.show', $d) }}" class="fw-semibold">
                                    @if ($d->id_penerima_induk)<i class="fas fa-share fa-xs teks-redup mr-1" title="Disposisi lanjutan"></i>@endif{{ $d->nomor_disposisi }}
                                </a>
                                <x-badge-status :status="$d->status" />
                            </div>
                            <div class="small teks-redup mb-1">{{ $d->pemberi->nama }} · {{ $d->tanggal_disposisi->translatedFormat('d M Y H:i') }}</div>
                            @if ($d->instruksi)<div class="small" style="white-space:pre-line">{{ $d->instruksi }}</div>@endif
                            <ul class="list-unstyled small mt-2 mb-0">
                                @foreach ($d->penerima as $p)
                                    <li class="d-flex justify-content-between py-1">
                                        <span><i class="far fa-user mr-1 teks-redup"></i>{{ $p->penerima?->nama ?? $p->unit->nama_unit }}
                                            <span class="teks-redup">· {{ $p->aksi->pluck('nama_aksi')->implode(', ') }}</span>
                                            @if ($p->instruksi)<div class="teks-redup pl-3" style="white-space:pre-line">{{ $p->instruksi }}</div>@endif
                                        </span>
                                        <x-badge-status :status="$p->status" />
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    @empty
                        <x-kosong judul="Belum ada disposisi" ikon="fa-share-nodes"
                                  :pesan="$surat->berstatus('DRAFT', 'DIAGENDAKAN') ? 'Teruskan naskah kepada pimpinan agar dapat didisposisikan.' : null">
                            @can('disposisi', $surat)
                                <a href="{{ route('disposisi.create', $surat) }}" class="btn btn-sm btn-gold mt-3"><i class="fas fa-share-nodes mr-1"></i> Buat Disposisi</a>
                            @endcan
                        </x-kosong>
                    @endforelse
                </div>
            </div>

            <div class="card">
                <div class="card-header"><h3 class="card-title">Versi dokumen</h3></div>
                <div class="card-body p-0">
                    <ul class="list-group list-group-flush">
                        @foreach ($surat->file as $f)
                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                <div class="small">
                                    <span class="badge badge-lembut-{{ $loop->first ? 'primary' : 'secondary' }} mr-1">v{{ $f->versi }}</span>
                                    {{ \Illuminate\Support\Str::limit($f->nama_file, 38) }}
                                    <div class="teks-redup">{{ $f->pengunggah->nama }} · {{ $f->created_at->translatedFormat('d M Y H:i') }} · {{ \App\Support\Tampilan::ukuranFile($f->ukuran_file) }}</div>
                                    @if ($f->keterangan)<div class="teks-redup fst-italic">{{ $f->keterangan }}</div>@endif
                                </div>
                                <div class="text-nowrap">
                                    <a href="{{ route('dokumen.surat-masuk.lihat', $f) }}" target="_blank" rel="noopener" class="btn btn-sm btn-light" title="Buka"><i class="fas fa-eye"></i></a>
                                    @can('unduh', $surat)
                                        <a href="{{ route('dokumen.surat-masuk.unduh', $f) }}" class="btn btn-sm btn-light" title="Unduh"><i class="fas fa-download"></i></a>
                                    @endcan
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
                @can('update', $surat)
                    <div class="card-footer bg-white">
                        <form method="POST" action="{{ route('surat-masuk.dokumen', $surat) }}" enctype="multipart/form-data">
                            @csrf
                            <x-unggah-file name="file" label="Unggah versi baru" />
                            <div class="form-group">
                                <input type="text" name="keterangan" maxlength="255" class="form-control form-control-sm" placeholder="Keterangan perubahan (opsional), mis. upload ulang lebih jelas">
                            </div>
                            <button type="submit" class="btn btn-sm btn-outline-primary"><i class="fas fa-upload mr-1"></i> Unggah versi baru</button>
                        </form>
                    </div>
                @endcan
            </div>

            <x-riwayat-unduh :log="$riwayatUnduh" />
        </div>

        <div class="col-lg-7">
            <div class="card">
                <div class="card-header"><h3 class="card-title">Dokumen naskah</h3></div>
                <div class="card-body">
                    @php($fileAktif = $surat->file->first())
                    <x-preview-dokumen :file="$fileAktif"
                                       :url-lihat="$fileAktif ? route('dokumen.surat-masuk.lihat', $fileAktif) : null"
                                       :url-unduh="$fileAktif && auth()->user()->can('unduh', $surat) ? route('dokumen.surat-masuk.unduh', $fileAktif) : null" />
                </div>
            </div>

            @if ($bolehLihatRiwayat)
                <div class="card">
                    <div class="card-header"><h3 class="card-title"><i class="fas fa-timeline mr-1"></i> Timeline tracking</h3></div>
                    <div class="card-body">
                        <x-timeline :riwayat="$riwayat" />
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection