@extends('layouts.app')

@section('content')
<div class="nk-block-head nk-block-head-sm">
    <div class="nk-block-between">
        <div class="nk-block-head-content">
            <h3 class="nk-block-title page-title">Detail Kas Bon</h3>
            <div class="nk-block-des text-soft">
                <p>Informasi detail transaksi kas bon.</p>
            </div>
        </div>
        <div class="nk-block-head-content">
            <a href="{{ route('yayasan.transaksi.kas-bon.index') }}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex">
                <em class="icon ni ni-arrow-left"></em>
                <span>Kembali</span>
            </a>
        </div>
    </div>
</div>

<div class="row g-3">
    {{-- Informasi Utama --}}
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Informasi Transaksi</h5>
            </div>
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">No Referensi</label>
                        <p class="form-control-plaintext">{{ $kasBon->no_referensi }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Tanggal Transaksi</label>
                        <p class="form-control-plaintext">{{ \Carbon\Carbon::parse($kasBon->tanggal)->format('d F Y') }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Unit</label>
                        <p class="form-control-plaintext">{{ $kasBon->unit->nama_unit ?? '-' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Program Kegiatan</label>
                        <p class="form-control-plaintext">{{ $kasBon->programKegiatan->nama ?? '-' }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Nominal</label>
                        <p class="form-control-plaintext fw-bold text-primary">Rp {{ number_format($kasBon->nominal, 0, ',', '.') }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Status</label>
                        <p class="form-control-plaintext">
                            @if($kasBon->status == 'approval')
                                <span class="badge bg-success">Disetujui</span>
                            @elseif($kasBon->status == 'process')
                                <span class="badge bg-info">Proses</span>
                            @elseif($kasBon->status == 'draft')
                                <span class="badge bg-secondary">Draft</span>
                            @else
                                <span class="badge bg-warning">{{ ucfirst($kasBon->status) }}</span>
                            @endif
                        </p>
                    </div>
                    <div class="col-12">
                        <label class="form-label fw-bold">Deskripsi</label>
                        <p class="form-control-plaintext">{{ $kasBon->deskripsi }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Status Kas Bon --}}
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Status Kas Bon</h5>
            </div>
            <div class="card-body text-center">
                @if($kasBon->status_kas_bon == 'SUDAH DIKEMBALIKAN')
                    <div class="mb-3">
                        <em class="icon ni ni-check-circle-fill text-success" style="font-size: 3rem;"></em>
                    </div>
                    <h4 class="text-success">SUDAH DIKEMBALIKAN</h4>
                    @if($kasBon->tanggal_pengembalian)
                        <p class="text-muted">Dikembalikan pada: {{ \Carbon\Carbon::parse($kasBon->tanggal_pengembalian)->format('d F Y') }}</p>
                    @endif
                    @if($kasBon->nominal_pengembalian)
                        <p class="text-muted">Nominal: Rp {{ number_format($kasBon->nominal_pengembalian, 0, ',', '.') }}</p>
                    @endif
                @else
                    <div class="mb-3">
                        <em class="icon ni ni-clock text-warning" style="font-size: 3rem;"></em>
                    </div>
                    <h4 class="text-warning">BELUM DIKEMBALIKAN</h4>
                    <p class="text-muted">Kas bon belum dikembalikan</p>
                @endif
            </div>
        </div>

        {{-- Action Buttons --}}
        <div class="card">
            <div class="card-body">
                <div class="d-grid gap-2">
                    <a href="{{ route('yayasan.transaksi.kas-bon.edit', $kasBon->id) }}" class="btn btn-warning">
                        <em class="icon ni ni-edit"></em>
                        <span>Edit</span>
                    </a>
                    <form action="{{ route('yayasan.transaksi.kas-bon.destroy', $kasBon->id) }}" method="POST" 
                          onsubmit="return confirm('Apakah Anda yakin ingin menghapus data ini?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger w-100">
                            <em class="icon ni ni-trash"></em>
                            <span>Hapus</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Detail Jurnal --}}
@if($kasBon->detailTransaksi && $kasBon->detailTransaksi->count() > 0)
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Detail Jurnal</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Akun</th>
                                <th>Nama Akun</th>
                                <th class="text-end">Debit</th>
                                <th class="text-end">Kredit</th>
                                <th>Deskripsi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($kasBon->detailTransaksi as $detail)
                                @if($detail->akun)
                                    <tr>
                                        <td>{{ $detail->akun->kode_akun }}</td>
                                        <td>{{ $detail->akun->nama_akun }}</td>
                                        <td class="text-end">
                                            @if($detail->akun->kode_akun == $kasBon->kode_akun)
                                                Rp {{ number_format($kasBon->nominal, 0, ',', '.') }}
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td class="text-end">
                                            @if($detail->akun->kode_akun != $kasBon->kode_akun)
                                                Rp {{ number_format($kasBon->nominal, 0, ',', '.') }}
                                            @else
                                                -
                                            @endif
                                        </td>
                                        <td>{{ $detail->deskripsi_item }}</td>
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endif
@endsection