@extends('layouts.app')
@section('title', 'Hapus Transaksi')

@section('content')
<div class="alert alert-warning small d-flex gap-2">
    <i class="bi bi-exclamation-triangle-fill fs-5"></i>
    <div>
        Gunakan hanya untuk <strong>transaksi yang salah input</strong>. Penghapusan bersifat permanen, mengubah saldo & laporan,
        dan dicatat di <a href="#log" class="alert-link">log penghapusan</a> beserta alasan dan salinan datanya.
        Untuk transaksi yang batal secara bisnis, gunakan tombol <em>Batalkan</em> di detail penjualan.
    </div>
</div>

<div class="card mb-4">
    <div class="card-header bg-white">
        <form class="row g-2 align-items-center">
            <div class="col-md">
                <input type="search" name="q" value="{{ request('q') }}" class="form-control" autofocus
                       placeholder="Cari nomor bukti (KW-000012, DS-…, KM-…, TO-…), kode transaksi, kode verifikasi, nama / NIK pembeli…">
            </div>
            <div class="col-md-3">
                <select name="jenis" class="form-select" onchange="this.form.submit()">
                    <option value="">Semua jenis transaksi</option>
                    @foreach(\App\Support\HapusTransaksi::JENIS as $k => $v)
                        <option value="{{ $k }}" @selected($jenis === $k)>{{ $v }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-auto"><button class="btn btn-primary"><i class="bi bi-search"></i> Cari</button></div>
        </form>
    </div>
    <div class="card-body py-2 small text-muted border-bottom">
        {{ request()->filled('q') ? $hasil->count().' transaksi ditemukan' : 'Transaksi terbaru' }}
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light"><tr>
                <th>Jenis</th><th>Nomor</th><th>Tanggal</th><th>Pembeli / Pihak</th><th>Uraian</th><th class="text-end">Jumlah</th><th></th>
            </tr></thead>
            <tbody>
            @forelse($hasil as $r)
                <tr>
                    <td><span class="badge text-bg-{{ $r->badge }}">{{ $r->label }}</span></td>
                    <td class="text-nowrap"><a href="{{ $r->url }}" class="text-decoration-none"><code>{{ $r->nomor }}</code></a></td>
                    <td class="text-nowrap small">{{ $r->tanggal ? tgl($r->tanggal) : '-' }}</td>
                    <td>{{ $r->pembeli ?: '-' }}</td>
                    <td class="small text-muted">{{ $r->uraian }}</td>
                    <td class="text-end text-nowrap">{{ $r->jumlah ? rupiah($r->jumlah) : '-' }}</td>
                    <td class="text-end">
                        <a href="{{ route('hapus-transaksi.konfirmasi', [$r->jenis, $r->id]) }}" class="btn btn-sm btn-outline-danger text-nowrap">
                            <i class="bi bi-trash"></i> Hapus
                        </a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="text-center text-muted py-4">Tidak ada transaksi yang cocok.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="card" id="log">
    <div class="card-header bg-white fw-semibold"><i class="bi bi-clock-history"></i> Log Penghapusan</div>
    <div class="table-responsive">
        <table class="table table-sm table-hover align-middle mb-0">
            <thead class="table-light"><tr>
                <th>Waktu Hapus</th><th>Oleh</th><th>Jenis</th><th>Nomor</th><th>Pembeli / Pihak</th><th class="text-end">Jumlah</th><th>Alasan</th><th></th>
            </tr></thead>
            <tbody>
            @forelse($log as $l)
                <tr>
                    <td class="text-nowrap small">{{ $l->created_at->format('d/m/Y H:i') }}</td>
                    <td class="small">{{ $l->petugas?->name ?? '-' }}</td>
                    <td class="small">{{ \App\Support\HapusTransaksi::JENIS[$l->jenis] ?? $l->jenis }}</td>
                    <td><code>{{ $l->nomor }}</code></td>
                    <td class="small">{{ $l->pembeli ?: '-' }}</td>
                    <td class="text-end text-nowrap small">{{ $l->jumlah ? rupiah($l->jumlah) : '-' }}</td>
                    <td class="small">{{ \Illuminate\Support\Str::limit($l->alasan, 80) }}</td>
                    <td class="text-end"><a href="{{ route('hapus-transaksi.log', $l) }}" class="btn btn-sm btn-outline-secondary py-0" title="Detail"><i class="bi bi-eye"></i></a></td>
                </tr>
            @empty
                <tr><td colspan="8" class="text-center text-muted py-3">Belum ada transaksi yang dihapus.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if($log->hasPages())<div class="card-footer bg-white">{{ $log->fragment('log')->links() }}</div>@endif
</div>
@endsection