@extends('layouts.app')

@section('admin-content')
<div class="container-fluid">
    <div class="card shadow-sm mt-3">
        <div class="card-header bg-info text-white">
            <h3 class="card-title">Detail Pending: {{ $cabang->name }} ({{ $cabang->region->name ?? '' }})</h3>
            <div class="card-tools">
                <a href="{{ route('admin.dashboard') }}" class="btn btn-tool text-white"><i class="fas fa-times"></i></a>
            </div>
        </div>
        <div class="card-body">
    {{-- Loop menggunakan variabel $data yang dikirim dari controller --}}
    @foreach($data as $label => $items)
        @if($items->count() > 0)
            <h5 class="mt-4 text-uppercase font-weight-bold text-secondary">{{ $label }}</h5>
            <table class="table table-sm table-striped">
                        <thead>
                            <tr>
                                <th>No. Expense</th>
                                <th>Tanggal</th>
                                <th>Total</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $item)
                            <tr>
                                <td>{{ $item->expense_number }}</td>
                                <td>{{ \Carbon\Carbon::parse($item->tanggal)->format('d/m/Y') }}</td>
                                <td>Rp {{ number_format($item->total, 0, ',', '.') }}</td>
                                <td><span class="badge badge-warning">{{ $item->status }}</span></td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            @endforeach
        </div>
    </div>
</div>
@endsection