@extends('layouts.app')
@section('title', 'Log Hapus '.$log->nomor)

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-9">
        <div class="card">
            <div class="card-header bg-white fw-semibold"><i class="bi bi-clock-history"></i> {{ \App\Support\HapusTransaksi::JENIS[$log->jenis] ?? $log->jenis }} <code>{{ $log->nomor }}</code> — dihapus</div>
            <div class="card-body">
                <dl class="row mb-3">
                    <dt class="col-sm-3 fw-normal text-muted">Dihapus</dt><dd class="col-sm-9">{{ $log->created_at->format('d/m/Y H:i') }} oleh {{ $log->petugas?->name ?? '-' }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Alasan</dt><dd class="col-sm-9">{{ $log->alasan }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Tanggal Transaksi</dt><dd class="col-sm-9">{{ $log->tanggal_transaksi ? tgl($log->tanggal_transaksi) : '-' }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Pembeli / Pihak</dt><dd class="col-sm-9">{{ $log->pembeli ?: '-' }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Uraian</dt><dd class="col-sm-9">{{ $log->uraian }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Jumlah</dt><dd class="col-sm-9 fw-semibold">{{ $log->jumlah ? rupiah($log->jumlah) : '-' }}</dd>
                    @if($log->dampak)
                        <dt class="col-sm-3 fw-normal text-muted">Dampak</dt>
                        <dd class="col-sm-9"><ul class="mb-0 ps-3">@foreach($log->dampak as $d)<li>{{ $d }}</li>@endforeach</ul></dd>
                    @endif
                </dl>
                <details>
                    <summary class="small text-muted">Salinan data saat dihapus (JSON)</summary>
                    <pre class="small bg-light border rounded p-2 mt-2 mb-0" style="max-height: 420px; overflow: auto">{{ json_encode($log->data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}</pre>
                </details>
            </div>
        </div>
        <a href="{{ route('hapus-transaksi.index') }}#log" class="btn btn-light mt-3"><i class="bi bi-arrow-left"></i> Kembali</a>
    </div>
</div>
@endsection