@forelse(($case->expenses ?? collect()) as $ex)
<tr>
    <td>{{ optional($ex->expense_date)->format('Y-m-d') }}</td>
    <td>{{ ucwords(str_replace('_',' ',$ex->category)) }}</td>
    <td>{{ $ex->description ?? '—' }}</td>
    <td class="text-right">Rp {{ number_format($ex->amount, 0, ',', '.') }}</td>
    <td>
        @if($ex->billable)
            <span class="badge badge-success">Yes</span>
        @else
            <span class="badge badge-secondary">No</span>
        @endif
    </td>
    <td class="text-right">
        @if($ex->receipt_path)
            <a class="btn btn-xs btn-outline-secondary" href="{{ asset('storage/'.$ex->receipt_path) }}" target="_blank" title="View Receipt"><i class="fas fa-receipt"></i></a>
        @endif
        @can('manage cases')
            <button type="button" class="btn btn-xs btn-outline-primary js-open-expense-edit" title="Edit"
                data-ex="{{ e(json_encode(['id'=>$ex->id,'expense_date'=>optional($ex->expense_date)?->format('Y-m-d'),'category'=>$ex->category,'description'=>$ex->description,'vendor'=>$ex->vendor,'amount'=>$ex->amount,'billable'=>$ex->billable])) }}">
                <i class="fas fa-edit"></i>
            </button>
            <form action="{{ route('case-expenses.destroy', $ex) }}" method="POST" class="d-inline js-ajax-delete" data-refresh="expenses" onsubmit="return confirm('Delete this expense?')">
                @csrf
                @method('DELETE')
                <button class="btn btn-xs btn-outline-danger"><i class="fas fa-trash"></i></button>
            </form>
        @endcan
    </td>
</tr>
@empty
<tr><td colspan="6" class="text-center text-muted">No expenses</td></tr>
@endforelse