@extends('layouts.app')

@section('title', 'Detail SPJ Kasbon')
@section('page_title', 'Detail SPJ Kasbon')


@section('content')
@php
    $statusClass = match($spj->status ?? '') {
        'Draft' => 'badge-muted',
        'Diajukan' => 'badge-warning',
        'Disetujui' => 'badge-success',
        'Ditolak' => 'badge-danger',
        default => 'badge-muted',
    };
@endphp

<div class="erp-page">
    <div class="erp-page-actions">
        <a href="{{ route('kasbon.show', $spj->id_kasbon) }}" class="btn btn-secondary">← Detail Kasbon</a>
        <a href="{{ route('kasbon.spj.edit', $spj->id_spj) }}" class="btn btn-light">Edit SPJ</a>
    </div>
@if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <section class="stats-grid">
        <div class="stat-card">
            <div class="stat-value">Rp {{ number_format((float) ($spj->total_spj ?? 0), 0, ',', '.') }}</div>
            <div class="stat-label">Total SPJ</div>
        </div>
        <div class="stat-card">
            <div class="stat-value">Rp {{ number_format((float) ($spj->jumlah_kasbon ?? 0), 0, ',', '.') }}</div>
            <div class="stat-label">Jumlah Kasbon</div>
        </div>
        <div class="stat-card">
            <div class="stat-value"><span class="badge {{ $statusClass }}">{{ $spj->status ?? '-' }}</span></div>
            <div class="stat-label">Status SPJ</div>
        </div>
    </section>

    <section class="card erp-card">
        <div class="card-header erp-card-header">
            <div>
                <h2>Informasi SPJ</h2>
                <p>Ringkasan pertanggungjawaban dan dampak ke biaya proyek.</p>
            </div>
        </div>

        <table>
            <tr><th style="width:190px;">Tanggal SPJ</th><td>{{ !empty($spj->tanggal_spj) ? date('d/m/Y', strtotime($spj->tanggal_spj)) : '-' }}</td></tr>
            <tr><th>No Kasbon</th><td>{{ $spj->no_pengajuan ?? '-' }}</td></tr>
            <tr><th>Karyawan</th><td>{{ $spj->nama_lengkap ?? '-' }}</td></tr>
            <tr><th>Proyek</th><td>{{ $spj->kode_proyek ?? '-' }} - {{ $spj->nama_proyek ?? '-' }}</td></tr>
            <tr><th>Keterangan</th><td style="white-space:pre-line;">{{ $spj->keterangan ?? '-' }}</td></tr>
        </table>

        <div style="display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1rem;">
            <form method="POST" action="{{ route('kasbon.spj.approve', $spj->id_spj) }}">
                @csrf
                <button type="submit" class="btn btn-primary" onclick="return confirm('Setujui SPJ ini?')">Setujui SPJ</button>
            </form>

            <form method="POST" action="{{ route('kasbon.spj.reject', $spj->id_spj) }}">
                @csrf
                <button type="submit" class="btn btn-danger" onclick="return confirm('Tolak SPJ ini?')">Tolak SPJ</button>
            </form>
        </div>
    </section>

    <section class="card erp-card" style="margin-top:1rem;">
        <div class="card-header erp-card-header">
            <div>
                <h2>Detail Biaya</h2>
                <p>Item biaya ini menjadi realisasi biaya proyek setelah SPJ disetujui.</p>
            </div>
        </div>

        <div class="table-responsive erp-table-wrap">
            <table class="data-table erp-table">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Tanggal</th>
                        <th>Jenis</th>
                        <th>Barang/Jasa</th>
                        <th>Deskripsi</th>
                        <th>Qty</th>
                        <th>Satuan</th>
                        <th>Harga</th>
                        <th>Nominal</th>
                        <th>Bukti</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($items as $index => $item)
                        <tr>
                            <td>{{ $index + 1 }}</td>
                            <td>{{ !empty($item->tanggal_biaya) ? date('d/m/Y', strtotime($item->tanggal_biaya)) : '-' }}</td>
                            <td>{{ $item->jenis_biaya ?? '-' }}</td>
                            <td>{{ $item->nama_barang ?? '-' }}</td>
                            <td>{{ $item->deskripsi ?? '-' }}</td>
                            <td>{{ number_format((float) ($item->qty ?? 0), 2, ',', '.') }}</td>
                            <td>{{ $item->satuan ?? '-' }}</td>
                            <td>Rp {{ number_format((float) ($item->harga_satuan ?? 0), 0, ',', '.') }}</td>
                            <td>Rp {{ number_format((float) ($item->nominal ?? 0), 0, ',', '.') }}</td>
                            <td>
                                @if(!empty($item->file_bukti))
                                    <a href="{{ asset('storage/' . $item->file_bukti) }}" target="_blank" class="btn btn-sm btn-light">Lihat</a>
                                @else
                                    -
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="10" style="text-align:center;">Belum ada item SPJ.</td></tr>
                    @endforelse
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="8" style="text-align:right;">Total</th>
                        <th colspan="2">Rp {{ number_format((float) ($spj->total_spj ?? 0), 0, ',', '.') }}</th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </section>
</div>
@endsection