@php
    $totalColumns = $section->totalColumnKeys();
@endphp
<div class="accordion-item">
    <h2 class="accordion-header" id="heading-{{ $key }}">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ $key }}">
            <span class="badge text-bg-secondary me-2">{{ $section->ser }}</span> {{ $section->title }}
            <span class="badge text-bg-light ms-2">{{ $entries->count() }}</span>
        </button>
    </h2>
    <div id="collapse-{{ $key }}" class="accordion-collapse collapse" data-bs-parent="#reportSections">
        <div class="accordion-body">
            @if (! empty($section->note))
                <p class="small text-navy-300 fst-italic">{{ $section->note }}</p>
            @endif
            <div class="table-responsive">
                <table class="table table-sm table-hover align-middle">
                    <thead>
                        <tr>
                            @foreach ($section->columns as $column)
                                <th>{{ $column->label }}</th>
                            @endforeach
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse ($entries as $entry)
                        <tr class="row-view-{{ $entry->id }}">
                            @foreach ($section->columns as $column)
                                <td>{{ $entry->data[$column->column_key] ?? '' }}</td>
                            @endforeach
                            <td class="text-end text-nowrap">
                                <button type="button" class="btn btn-sm btn-outline-secondary row-edit-toggle" data-target="{{ $entry->id }}"><i class="bi bi-pencil"></i></button>
                                <form action="{{ route('admin.operational-reports.entries.destroy', [$report, $key, $entry]) }}" method="POST" class="d-inline" data-confirm="Remove this row?">
                                    @csrf @method('delete')
                                    <button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                        <tr class="row-edit-{{ $entry->id }} d-none">
                            <td colspan="{{ $section->columns->count() + 1 }}">
                                <form action="{{ route('admin.operational-reports.entries.update', [$report, $key, $entry]) }}" method="POST" class="row g-2 align-items-end">
                                    @csrf @method('put')
                                    @foreach ($section->columns as $column)
                                        <div class="col-md-2">
                                            <label class="form-label small text-navy-300">{{ $column->label }}</label>
                                            <input type="text" name="{{ $column->column_key }}" value="{{ $entry->data[$column->column_key] ?? '' }}" class="form-control form-control-sm">
                                        </div>
                                    @endforeach
                                    <div class="col-auto">
                                        <button class="btn btn-sm btn-primary"><i class="bi bi-check2"></i> Save</button>
                                    </div>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="{{ $section->columns->count() + 1 }}" class="text-center text-navy-300 py-3">No rows yet.</td></tr>
                    @endforelse
                    @if (! empty($totalColumns) && $entries->isNotEmpty())
                        <tr class="fw-semibold table-light">
                            @foreach ($section->columns as $i => $column)
                                <td>
                                    @if ($i === 0)
                                        Total
                                    @elseif (in_array($column->column_key, $totalColumns, true))
                                        {{ $entries->sum(fn ($e) => is_numeric($e->data[$column->column_key] ?? null) ? (float) $e->data[$column->column_key] : 0) }}
                                    @endif
                                </td>
                            @endforeach
                            <td></td>
                        </tr>
                    @endif
                    </tbody>
                </table>
            </div>

            @can('operational_reports.fill')
            <form action="{{ route('admin.operational-reports.entries.store', [$report, $key]) }}" method="POST" class="row g-2 align-items-end border-top pt-3">
                @csrf
                @foreach ($section->columns as $column)
                    <div class="col-md-2">
                        <label class="form-label small text-navy-300">{{ $column->label }}</label>
                        <input type="text" name="{{ $column->column_key }}" class="form-control form-control-sm">
                    </div>
                @endforeach
                <div class="col-auto">
                    <button class="btn btn-sm btn-outline-primary"><i class="bi bi-plus-lg"></i> Add Row</button>
                </div>
            </form>
            @endcan
        </div>
    </div>
</div>