{{--
    Student profile's "Начисления" table, inside the "All payments" modal.
    Extracted so PaymentController::storeCharge()'s AJAX branch can re-render it with fresh
    data and the js-ajax-form handler (layouts/app.blade.php) can swap it in via
    data-replace-target, same pattern as admin/dictionaries/_table_card.blade.php.

    Shows the student's whole charge history (the old "последние 30" cap was dropped — an
    admin auditing an account needs the old rows too); the year filter and the scroll box
    in students/show.blade.php keep a long list usable. data-year / data-amount on each row
    are what that filter reads, so keep them in sync with the payments table above.

    Expects $charges (list of ['id','charged_date','group_name','amount','description']) and
    $studentId.
--}}
<div id="chargesTableWrapper">
    <hr class="my-3">
    <h6>
        Начисления
        <span class="text-muted fw-normal small" data-finance-count="charge">(всего {{ count($charges) }})</span>
    </h6>
    @if (!empty($charges))
        <div class="table-responsive" style="max-height:320px; overflow-y:auto;">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light" style="position:sticky; top:0; z-index:1;">
                <tr><th>Дата</th><th>Группа</th><th class="text-end">Сумма</th><th>Описание</th><th></th></tr>
                </thead>
                <tbody id="chargesTableBody">
                @foreach ($charges as $c)
                    <tr data-charge-row="{{ $c->id }}"
                        data-finance-row="charge"
                        data-year="{{ substr((string) $c->charged_date, 0, 4) }}"
                        data-amount="{{ (float) $c->amount }}">
                        <td>{{ $c->charged_date }}</td>
                        <td class="small text-muted">{{ $c->group_name ?? '—' }}</td>
                        <td class="text-end text-danger">{{ number_format((float) $c->amount, 0, ',', ' ') }}</td>
                        <td class="text-muted small">{{ $c->description ?? '—' }}</td>
                        <td>
                            <form method="POST" action="/delete_charge.php"
                                  class="js-ajax-form js-ajax-payment-charge-form"
                                  data-remove-target="tr" data-alert-target="#paymentsModalAlert"
                                  data-keep-modal-open="true"
                                  onsubmit="return confirm('Удалить начисление?');">
                                @csrf
                                <input type="hidden" name="charge_id" value="{{ $c->id }}">
                                <input type="hidden" name="student_id" value="{{ $studentId }}">
                                <button type="submit" class="btn btn-outline-danger btn-sm py-0 px-1">&times;</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="text-muted small mt-1" data-finance-totals="charge"></div>
    @else
        <p class="text-muted small">Начислений нет.</p>
    @endif
</div>