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

@section('content')
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card border-danger">
            <div class="card-header bg-danger-subtle text-danger-emphasis fw-semibold">
                <i class="bi bi-trash"></i> Hapus {{ $r->label }} <code>{{ $r->nomor }}</code>
            </div>
            <div class="card-body">
                <dl class="row mb-3">
                    <dt class="col-sm-3 fw-normal text-muted">Jenis</dt><dd class="col-sm-9"><span class="badge text-bg-{{ $r->badge }}">{{ $r->label }}</span></dd>
                    <dt class="col-sm-3 fw-normal text-muted">Nomor</dt><dd class="col-sm-9"><a href="{{ $r->url }}" target="_blank"><code>{{ $r->nomor }}</code> <i class="bi bi-box-arrow-up-right small"></i></a></dd>
                    <dt class="col-sm-3 fw-normal text-muted">Tanggal</dt><dd class="col-sm-9">{{ $r->tanggal ? tgl($r->tanggal) : '-' }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Pembeli / Pihak</dt><dd class="col-sm-9">{{ $r->pembeli ?: '-' }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Uraian</dt><dd class="col-sm-9">{{ $r->uraian }}</dd>
                    <dt class="col-sm-3 fw-normal text-muted">Jumlah</dt><dd class="col-sm-9 fw-semibold">{{ $r->jumlah ? rupiah($r->jumlah) : '-' }}</dd>
                </dl>

                @if($hambatan)
                    <div class="alert alert-secondary mb-0"><i class="bi bi-slash-circle"></i> <strong>Tidak dapat dihapus.</strong> {{ $hambatan }}</div>
                @else
                    <div class="alert alert-warning">
                        <div class="fw-semibold mb-1"><i class="bi bi-exclamation-triangle"></i> Yang akan terjadi:</div>
                        <ul class="mb-0 ps-3">
                            @foreach($dampak as $d)<li>{{ $d }}</li>@endforeach
                            <li>Penghapusan tidak dapat dibatalkan; salinan datanya tersimpan di log penghapusan.</li>
                        </ul>
                    </div>

                    <form method="POST" action="{{ route('hapus-transaksi.destroy', [$r->jenis, $r->id]) }}" id="formHapus">
                        @csrf @method('DELETE')
                        <input type="hidden" name="kembali" value="{{ old('kembali', $kembali) }}">
                        <div class="mb-3">
                            <label class="form-label">Alasan penghapusan <span class="text-danger">*</span></label>
                            <textarea name="alasan" rows="2" maxlength="500" required class="form-control @error('alasan') is-invalid @enderror"
                                      placeholder="mis. Salah input nominal, seharusnya Rp 1.500.000">{{ old('alasan') }}</textarea>
                            @error('alasan')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="form-check mb-3">
                            <input type="checkbox" class="form-check-input" id="yakin" required>
                            <label class="form-check-label" for="yakin">Saya yakin transaksi <strong>{{ $r->nomor }}</strong> salah input dan ingin menghapusnya.</label>
                        </div>
                        <div class="d-flex gap-2">
                            <button class="btn btn-danger"><i class="bi bi-trash"></i> Hapus Permanen</button>
                            <a href="{{ $kembali }}" class="btn btn-light">Batal</a>
                        </div>
                    </form>
                @endif
            </div>
        </div>
        @if($hambatan)<a href="{{ $kembali }}" class="btn btn-light mt-3"><i class="bi bi-arrow-left"></i> Kembali</a>@endif
    </div>
</div>
@endsection