@extends('layouts.app')

@section('content')
<div class="nk-block">
    <div class="card card-bordered">
        <div class="card-inner">
            <h4 class="title">Detail Transfer Dana</h4>

            <ul class="gy-1">
                <li><strong>No Referensi:</strong> {{ $transaksi->no_referensi }}</li>
                <li><strong>Tanggal:</strong> {{ \Carbon\Carbon::parse($transaksi->tanggal)->format('d M Y') }}</li>
                <li><strong>Nominal:</strong> Rp {{ number_format($transaksi->nominal, 0, ',', '.') }}</li>
                <li><strong>Deskripsi:</strong> {{ $transaksi->deskripsi ?? '-' }}</li>
                <li><strong>Dibuat Oleh:</strong> {{ $transaksi->user->name ?? '-' }}</li>
            </ul>

            <hr class="my-4">

            <h5 class="title">Detail Transaksi</h5>
            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>Akun</th>
                        <th>Dari Akun</th>
                        <th>Ke Akun</th>
                        <th>Deskripsi</th>
                        <th>Unit</th>
                        <th>Nominal</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($transaksi->detailTransaksi as $item)
                    <tr>
                        <td>{{ $item->kode_akun }}</td>
                        <td>{{ $item->dariAkun }}</td>
                        <td>{{ $item->keAkun }}</td>
                        <td>{{ $item->deskripsi_item }}</td>
                        <td>{{ $item->unit->nama_unit ?? '-' }}</td>
                        <td class="text-end">Rp {{ number_format($item->nominal, 0, ',', '.') }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <hr class="my-4">


            <div class="mt-3 d-flex justify-content-end">
                <a href="{{ route('yayasan.transaksi.non-program.index') }}" class="btn btn-light">
                    <em class="icon ni ni-arrow-left"></em> Kembali
                </a>
            </div>
        </div>
    </div>
</div>
@endsection