@include('app.layouts.alert')
<div class="row" id="ledgerTransaction{{ $unique }}">
    <table class="table table-bordered">
        <thead>
            <tr>
                <th scope="col">SL#</th>
                <th scope="col">Account</th>
                <th scope="col">Debit</th>
                <th scope="col">Credit</th>
            </tr>
        </thead>
        <tbody>
            @foreach($items as $key => $item)
            <tr>
                <th scope="row">{{ $key + 1 }}</th>
                <td>{{ $item->reference }}</td>
                <td align="right">{{ number_format($item->dr,2) }}</td>
                <td align="right">{{ number_format($item->cr,2) }}</td>
            </tr>
            @endforeach
            <tr>
                <td></td>
                <td>Total</td>
                <td align="right">{{ number_format($amount,2) }}</td>
                <td align="right">{{ number_format($amount,2) }}</td>
            </tr>
        </tbody>
    </table>
</div>
<div class="row mb-0">
    <label for="button" class="col-form-label text-md-end"></label>
    <div class="col-md-4">
        <button onclick="updateLedger()" type="button" class="btn btn-primary">
            {{ __('Update Ledger') }}
            <span id="spinner" class="spinner-border-sm " role="status" aria-hidden="true"></span>
        </button>
        <button type="button" onclick="printWindow('ledgerTransaction{{ $unique }}')" class="btn btn-warning">
            {{ __('Print') }}
        </button>
    </div>
    <strong class="text-danger" id="errors"></strong>
</div>
@include('rent.payments.ajax.show')