@extends('layouts.app')

@section('content')
@include('layouts.navbars.auth.topnav', ['title' => ''])
<style>
.fixed-table {
    table-layout: fixed;
    width: 100%;
}

.fixed-table td,
.fixed-table th {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

.amount{
    display:inline-block;
    width:180px;
    text-align:right;
    font-variant-numeric: tabular-nums;
}
</style>
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="mb-0">Detail Mutasi Bank</h2>
        <div>
            <a href="{{ route('trsmts.edit', $data->id) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> Edit
            </a>
            <a href="{{ route('trsmts.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Kembali
            </a>
        </div>
    </div>

    <div class="row">
        <!-- Informasi Rekening Bank -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-university"></i> Informasi Rekening Bank</h5>
                </div>
                <div class="card-body">
                    <table class="table table-sm table-borderless fixed-table">
                        <tr>
                            <th width="40%">Kode Rekening:</th>
                            <td><strong>{{ $data->rekening_kode ?? '-' }}</strong></td>
                        </tr>
                        <tr>
                            <th>No. Rekening:</th>
                            <td>{{ $data->rekening_nomor ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Nama Rekening:</th>
                            <td>{{ $data->rekening_atas_nama ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Nama Bank:</th>
                            <td>{{ $data->rekening_nama ?? '-' }}</td>
                        </tr>
                        <tr>
                            <th>Saldo Awal:</th>
                            <td class="text-success fw-bold amount">
                                Rp {{ number_format($data->rekening_saldo_awal ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        <tr>
                            <th>Saldo Akhir:</th>
                            <td class="text-info fw-bold amount">
                                Rp {{ number_format($data->rekening_saldo_akhir ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <!-- Informasi Transaksi -->
        <div class="col-md-6 mb-4">
            <div class="card h-100">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-exchange-alt"></i> Informasi Transaksi</h5>
                </div>
                <div class="card-body">
                    
                    
                    <table class="table table-sm table-borderless w-100 fixed-table" >
                        <tr>
                            <th width="40%">Tanggal:</th>
                            <td>{{ \Carbon\Carbon::parse($data->date)->format('d/m/Y') }}</td>
                        </tr>
                        <tr>
                            <th>Kode Mutasi:</th>
                            <td><span class="badge bg-secondary">{{ $data->kode_mutasi ?? '-' }}</span></td>
                        </tr>
                        <tr>
                            <th>Nomor Bukti:</th>
                            <td>{{ $data->nomor_bukti ?? '-' }}</td>
                        </tr>
                        @if($data->supplier_bank_nama)
                        <tr>
                            <th>Rekening Asal/Tujuan:</th>
                            <td>{{ $data->supplier_bank_nama }} ({{ $data->supplier_bank_nomor }}) - {{ $data->supplier_bank_atas_nama ?? '-' }}</td>
                        </tr>
                        @endif
                        <tr>
                            <th>Jenis Transaksi:</th>
                            <td>
                                @if($data->mutasi_is_in == 1)
                                <span class="badge bg-success"><i class="fas fa-arrow-down"></i> Pemasukan</span>
                                @else
                                <span class="badge bg-danger"><i class="fas fa-arrow-up"></i> Pengeluaran</span>
                                @endif
                            </td>
                        </tr>
                        @php
                            $dppAmount = $data->dpp_amount ?? 0;
                            $amount = $data->amount ?? 0;
                            $ppn = $data->ppn_amount ?? 0;
                            $pph = $data->pph_amount ?? 0;
                            $diskon = $data->diskon ?? 0;
                            $potongan_bon = $data->potongan_bon ?? 0;
                            $afterTax = $amount + $ppn - $pph;
                            $grossAmount =$amount+$diskon+$potongan_bon;
                            $diskonPersen = $grossAmount > 0 ? ($diskon / $grossAmount) * 100 : 0;
                            $ppnPersen = $amount > 0 ? ($ppn / $amount) * 100 : 0;
                            $pphPersen = $amount > 0 ? ($pph / $amount) * 100 : 0; 
                        @endphp
                        <tr>
                            <th>Gross Amount:</th>
                            <td class="fw-bold  text-dark amount">
                                Rp {{ number_format($grossAmount, 2, ',', '.') }}
                            </td>
                        </tr>
                        <tr>
                            <th>Diskon  @if($diskon > 0)
                            ({{ number_format($diskonPersen, 2) }}%) 
                            @endif 
                            :</th>
                            <td class="text-dark amount">
                               - Rp {{ number_format($data->diskon ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        <tr>
                            <th>Potongan Bon :</th>
                            <td class="text-dark amount">
                               - Rp {{ number_format($data->potongan_bon ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        
                        <tr>
                            <th>Net Amount :</th>
                            <td class="fw-bold  text-dark amount">
                                Rp {{ number_format($data->amount ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        @if($dppMaster)
                        <tr>
                            <th>DPP Amount ({{ $dppMaster->name }}) :</th>
                            <td class="fw-bold text-primary amount">
                                Rp {{ number_format($data->dpp_amount ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        @endif
                        @if($data->ppn_amount && $data->ppn_amount > 0 && $ppnMaster)
                        <tr>
                            <th>{{ $ppnMaster->name }} :</th>
                            <td class="text-dark amount">
                                Rp {{ number_format($data->ppn_amount ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        @endif
                        @if($data->pph_amount && $data->pph_amount > 0 && $pphMaster)
                        <tr>
                            <th>{{ $pphMaster->name }} :</th>
                            <td class="text-dark amount">
                               - Rp {{ number_format($data->pph_amount ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        @endif
                        
                        
                        <tr>
                            <th>Net Amount (Setelah Pajak):</th>
                            <td class="fw-bold {{ $data->mutasi_is_in == 1 ? 'text-success' : 'text-danger' }} amount">
                                Rp {{ number_format($afterTax, 2, ',', '.') }}
                            </td>
                        </tr>
                        <tr>
                            <th>Saldo Akhir Transaksi:</th>
                            <td class="text-info fw-bold amount ">
                                Rp {{ number_format($data->saldo_akhir ?? 0, 2, ',', '.') }}
                            </td>
                        </tr>
                        
                        @if($data->description)
                        <tr >
                            <th>Description:</th>
                            <td  class="text-break">{{ $data->description }}</td>
                        </tr>
                        @endif
                        </tr>
                        @if($data->is_dp == 1)
                        <tr>
                            <th>DP / Termin:</th>
                            <td>
                                <span class="badge bg-warning ms-1 ">Ya</span>
                                @if($data->dp_percentage)
                                <span class="badge bg-info ms-1">{{ $data->dp_percentage }}%</span>
                                @endif
                                @if($data->dp_seq)
                                <span class="badge bg-secondary ms-1">Ke-{{ $data->dp_seq }}</span>
                                @endif
                            </td>
                        </tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>
    </div>

   

    <!-- PO Assign -->
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-list me-2"></i> PO Assign</h5>
                </div>
                <div class="card-body p-0">
                    @forelse($data->poItems as $po)
                    <div class="border-bottom">
                        <!-- PO Header -->
                        <div class="p-3 pb-2">
                            <h6 class="text-sm fw-semibold mb-2 text-primary">
                                <i class="fas fa-file-contract me-1"></i>
                                {{ $po['po_number'] ?? '-' }}
                                @if(!empty($po['po_description']))
                                <small class="text-muted fw-normal"> &mdash; {{ $po['po_description'] }}</small>
                                @endif
                            </h6>
                            <div class="row g-2 mb-2">
                                <div class="col-auto">
                                    @if(($po['is_project'] ?? 0) == 1)
                                    <span class="badge bg-primary me-1">Project</span>
                                    {{ $po['proyek'] ?? '-' }}
                                    @if(!empty($po['no_spk']))
                                    <small class="text-muted"> (SPK: {{ $po['no_spk'] }})</small>
                                    @endif
                                    @else
                                    <span class="badge bg-success me-1">Supplier</span>
                                    {{ $po['supplier_name'] ?? '-' }}
                                    @endif
                                </div>
                                @if(!empty($po['supplier_bank_nama']))
                                <div class="col-auto text-muted small">
                                    <i class="fas fa-university me-1"></i>
                                    {{ $po['supplier_bank_nama'] }} - {{ $po['supplier_bank_nomor'] }}
                                    @if(!empty($po['supplier_bank_atas_nama']))
                                    ({{ $po['supplier_bank_atas_nama'] }})
                                    @endif
                                </div>
                                @endif
                            </div>
                        </div>
                        <!-- PO Detail Items -->
                        @if(!empty($po['details']))
                        <div class="px-3 pb-3">
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered mb-0">
                                    <thead style="background-color:#00b7bd4f;">
                                        <tr>
                                            <th class="text-center" width="5%">No</th>
                                            <th class="text-center">Kategori</th>
                                            <th class="text-center">Detail Kategori</th>
                                            <th class="text-center">Supplier</th>
                                            <th class="text-center">Brand</th>
                                            <th class="text-center">Spesifikasi</th>
                                            <th class="text-center">Qty</th>
                                            <th class="text-center" width="13%">Amount Rupiah/Unit</th>
                                            <th class="text-center" width="13%">Gross Amount (Rp)</th>
                                            <th class="text-center" width="10%">Diskon (Rp)</th>
                                            <th class="text-center" width="10%">Pot. Bon</th>
                                            <th class="text-center" width="13%">Net Amount(Rp)</th>
                                            <th class="text-center" width="13%">PPN (Rp)</th>
                                            <th class="text-center">Unit</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($po['details'] as $dIdx => $detail)
                                        <tr>
                                            <td class="text-center">{{ $dIdx + 1 }}</td>
                                            <td>{{ $detail['kategori'] ?? '-' }}</td>
                                            <td>{{ $detail['detail_kategori'] ?? '-' }}</td>
                                            <td>{{ $detail['supplier_name'] ?? '-' }}</td>
                                            <td>{{ $detail['brand_name'] ?? '-' }}</td>
                                            <td>{{ $detail['spesifikasi_name'] ?? '-' }}</td>
                                            <td class="text-center">{{ $detail['amount_unit'] ?? '0' }}</td>
                                            <td class="text-end">Rp {{ $detail['amount_rupiah_unit_formatted'] ?? '0,00' }}</td>
                                            <td class="text-end">Rp {{ $detail['gross_amount_rupiah_formatted'] ?? '0,00' }}</td>
                                            <td class="text-end">Rp {{ $detail['diskon_formatted'] ?? '0,00' }}</td>
                                            <td class="text-end">Rp {{ $detail['potongan_bon_formatted'] ?? '0,00' }}</td>
                                            <td class="text-end">Rp {{ $detail['amount_rupiah_formatted'] ?? '0,00' }}</td>
                                            <td class="text-end">Rp {{ $detail['ppn_amount_formatted'] ?? '0,00' }}</td>
                                            <td>{{ $detail['unit'] ?? '-' }}</td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @else
                        <div class="px-3 pb-3 text-center text-muted">tidak ada data</div>
                        @endif
                    </div>
                    @empty
                    <div class="p-3 text-muted">Tidak ada PO Assign untuk transaksi ini.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>

     <!-- Pengeluaran Selain PO -->
    @if(!empty($data->nonPOItems))
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-receipt me-2"></i> Pengeluaran / Pemasukan Selain PO</h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                                <table class="table table-sm table-bordered mb-0">
                                    <thead style="background-color:#00b7bd4f;">
                                        <tr>
                                            <th class="text-center" width="3%">No</th>
                                            <th class="text-center">Keterangan</th>
                                            <th class="text-center" width="10%">Qty (Unit)</th>
                                            <th class="text-center" width="13%">Amount/Unit</th>
                                            <th class="text-center" width="13%">Gross Amount (Rp)</th>
                                            <th class="text-center" width="10%">Diskon (Rp)</th>
                                            <th class="text-center" width="10%">Pot. Bon (Rp)</th>
                                            <th class="text-center" width="13%">Net Amount(Rp)</th>
                                            <th class="text-center" width="13%">PPN (Rp)</th>
                                            <
                                        </tr>
                                    </thead>
                            <tbody>
                                @foreach($data->nonPOItems as $nIdx => $nonPo)
                                        <tr>
                                            <td class="text-center">{{ $nIdx + 1 }}</td>
                                            <td>{{ $nonPo->keterangan ?? '-' }}</td>
                                            <td class="text-center">{{ number_format($nonPo->amount_unit ?? 0, 2, ',', '.') }}</td>
                                            <td class="text-end">Rp {{ number_format($nonPo->amount_rupiah_unit ?? 0, 2, ',', '.') }}</td>
                                            <td class="text-end">Rp {{ number_format($nonPo->gross_amount_rupiah  ?? 0, 2, ',', '.') }}</td>
                                            <td class="text-end">Rp {{ number_format($nonPo->diskon ?? 0, 2, ',', '.') }}</td>
                                            <td class="text-end">Rp {{ number_format($nonPo->potongan_bon ?? 0, 2, ',', '.') }}</td>
                                            <td class="text-end">Rp {{ number_format($nonPo->amount_rupiah ?? 0, 2, ',', '.') }}</td>
                                            <td class="text-end">Rp {{ number_format($nonPo->ppn_amount ?? 0, 2, ',', '.') }}</td>
                                        </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- Informasi Sistem -->
    <div class="row">
        <div class="col-12 mb-4">
            <div class="card">
                <div class="card-header bg-secondary text-white">
                    <h5 class="mb-0"><i class="fas fa-info-circle"></i> Informasi Sistem</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <table class="table table-sm table-borderless">
                                <tr>
                                    <th width="40%">Dibuat Oleh:</th>
                                    <td>{{ $data->user_create ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Tanggal Dibuat:</th>
                                    <td>{{ $data->created_at ? \Carbon\Carbon::parse($data->created_at)->format('j-M-Y h:i A') : '-' }}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="col-md-6">
                            <table class="table table-sm table-borderless">
                                <tr>
                                    <th width="40%">Diubah Oleh:</th>
                                    <td>{{ $data->user_update ?? '-' }}</td>
                                </tr>
                                <tr>
                                    <th>Tanggal Diubah:</th>
                                    <td>{{ $data->updated_at ? \Carbon\Carbon::parse($data->updated_at)->format('j-M-Y h:i A') : '-' }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection