@extends('layout.master')
@section('content')
<div class="main-content app-content">
    <div class="container-fluid">

        <div class="d-md-flex d-block align-items-center justify-content-between page-header-breadcrumb">
            <div>
                <h2 class="main-content-title fs-24 mb-1">Expense Detail</h2>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">Detail</li>
                </ol>
            </div>
            <div class="d-flex">
            </div>
        </div>

        <div class="row card custom-card">
            <div class="card-body">
                <table class="table table-bordered table-hover">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>Date</th>
                            <th>Expense Name</th>
                            <th>Debit Amount</th>
                            <th>Credit Name</th>
                            <th>Credit Amount</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($expenses as $key => $expense)
                        <tr>
                            <td>{{ $key + 1 }}</td>
                            <td>{{ $expense['date'] }}</td>
                            <td>{{ $expense['debit_name'] ?? '-' }}</td>
                            <td>{{ $expense['debit_amount'] ?? '0.00' }}</td>
                            <td>{{ $expense['credit_name'] ?? '-' }}</td>
                            <td>{{ $expense['credit_amount'] ?? '0.00' }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>

        

    </div>
</div>
@endsection