{{-- Line Items Section --}}
<div class="project-box mb-3">
    <h5 class="fw-bold mb-3">Line Items</h5>

    {{-- Additions --}}
    <div class="mb-3">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <div class="d-flex align-items-center gap-2">
                <div class="project-form mb-0" style="width: 80px;">
                    <select class="form-select form-select-sm">
                        <option>25</option>
                        <option>50</option>
                    </select>
                </div>
                <span class="small text-muted">entries</span>
                <button type="button" class="btn btn-sm green-btn-inner" data-bs-toggle="modal" data-bs-target="#addLineItemModal" data-type="addition">
                    <i class="bx bx-plus"></i> Add Line Item
                </button>
            </div>
            <div class="d-flex align-items-center gap-2">
                <div class="dropdown">
                    <button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
                        <i class="bx bx-export"></i> Export
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">CSV</a></li>
                        <li><a class="dropdown-item" href="#">XLS</a></li>
                    </ul>
                </div>
                <div class="project-form mb-0" style="width: 160px;">
                    <input type="text" class="form-control form-control-sm" placeholder="Search...">
                </div>
            </div>
        </div>

        <h6 class="text-center fw-bold">Additions</h6>
        <div class="table-responsive project-table">
            <table class="{{ \Config::get('view.table.table_class') }}">
                <thead class="{{ \Config::get('view.table.table_head_class') }}">
                    <tr>
                        <th>Merchant/Individual</th>
                        <th>Descriptions</th>
                        <th><i class="bx bx-sort-alt-2"></i></th>
                        <th>Income</th>
                        <th>Expenses</th>
                        <th>Net</th>
                        <th>User</th>
                        <th>%</th>
                        <th>Agent Net</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($additions ?? [] as $item)
                    <tr>
                        <td>{{ $item->merchant ? $item->merchant->dba : ($item->agent_name ?: 'N/A') }}</td>
                        <td>{{ $item->description }}</td>
                        <td></td>
                        <td>${{ number_format($item->income, 2) }}</td>
                        <td>${{ number_format($item->expense, 2) }}</td>
                        <td>${{ number_format($item->net, 2) }}</td>
                        <td>{{ $item->user ? $item->user->first_name : '' }}</td>
                        <td>{{ number_format($item->split_percentage, 2) }}%</td>
                        <td>${{ number_format($item->agent_net, 2) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-2">No data available in table</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- Deductions --}}
    <div class="mb-3">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <div class="d-flex align-items-center gap-2">
                <div class="project-form mb-0" style="width: 80px;">
                    <select class="form-select form-select-sm">
                        <option>25</option>
                        <option>50</option>
                    </select>
                </div>
                <span class="small text-muted">entries</span>
                <button type="button" class="btn btn-sm green-btn-inner" data-bs-toggle="modal" data-bs-target="#addLineItemModal" data-type="deduction">
                    <i class="bx bx-plus"></i> Add Line Item
                </button>
            </div>
            <div class="d-flex align-items-center gap-2">
                <div class="dropdown">
                    <button class="btn btn-sm btn-outline-secondary dropdown-toggle" data-bs-toggle="dropdown">
                        <i class="bx bx-export"></i> Export
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">CSV</a></li>
                        <li><a class="dropdown-item" href="#">XLS</a></li>
                    </ul>
                </div>
                <div class="project-form mb-0" style="width: 160px;">
                    <input type="text" class="form-control form-control-sm" placeholder="Search...">
                </div>
            </div>
        </div>

        <h6 class="text-center fw-bold">Deductions</h6>
        <div class="table-responsive project-table">
            <table class="{{ \Config::get('view.table.table_class') }}">
                <thead class="{{ \Config::get('view.table.table_head_class') }}">
                    <tr>
                        <th>Merchant/Individual</th>
                        <th>Descriptions</th>
                        <th><i class="bx bx-sort-alt-2"></i></th>
                        <th>Income</th>
                        <th>Expenses</th>
                        <th>Net</th>
                        <th>User</th>
                        <th>%</th>
                        <th>Agent Net</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($deductions ?? [] as $item)
                    <tr>
                        <td>{{ $item->merchant ? $item->merchant->dba : ($item->agent_name ?: 'N/A') }}</td>
                        <td>{{ $item->description }}</td>
                        <td></td>
                        <td>${{ number_format($item->income, 2) }}</td>
                        <td>${{ number_format($item->expense, 2) }}</td>
                        <td>${{ number_format($item->net, 2) }}</td>
                        <td>{{ $item->user ? $item->user->first_name : '' }}</td>
                        <td>{{ number_format($item->split_percentage, 2) }}%</td>
                        <td>${{ number_format($item->agent_net, 2) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-2">No data available in table</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    {{-- Grand Total --}}
    <div class="mb-3">
        <h5 class="fw-bold">Grand Total</h5>
        <div class="d-flex align-items-center gap-2 mb-2">
            <label class="form-check-label small">
                <input type="checkbox" class="form-check-input" id="expandedView"> Expanded View
            </label>
            <div class="project-form mb-0" style="width: 160px;">
                <input type="text" class="form-control form-control-sm" placeholder="Search...">
            </div>
        </div>
        <div class="table-responsive project-table">
            <table class="{{ \Config::get('view.table.table_class') }}" style="max-width: 400px;">
                <thead class="{{ \Config::get('view.table.table_head_class') }}">
                    <tr>
                        <th>Type</th>
                        <th>Amount</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Total Gross Income</td>
                        <td><strong>${{ number_format($totalGrossIncome ?? 0, 2) }}</strong></td>
                    </tr>
                    <tr>
                        <td>Grand Total Paid Out</td>
                        <td><strong>${{ number_format($totalPaidOut ?? 0, 2) }}</strong></td>
                    </tr>
                    <tr class="table-info">
                        <td><strong>ISO Net Income</strong></td>
                        <td><strong>${{ number_format($isoNetIncome ?? 0, 2) }}</strong></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>