@php
    $byField = $entries->keyBy(fn ($e) => $e->data['field'] ?? null);
@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 }}
        </button>
    </h2>
    <div id="collapse-{{ $key }}" class="accordion-collapse collapse" data-bs-parent="#reportSections">
        <div class="accordion-body">
            <div class="table-responsive">
                <table class="table table-sm align-middle">
                    <thead><tr><th style="width:26%">Event</th><th>Details / Remarks</th></tr></thead>
                    <tbody>
                    @foreach ($section->columns as $column)
                        @php $fieldKey = $column->column_key; $entry = $byField->get($fieldKey); @endphp
                        <tr>
                            <td class="fw-semibold">{{ $column->label }}</td>
                            <td>
                                @can('operational_reports.fill')
                                <form action="{{ route('admin.operational-reports.fixed.update', [$report, $key, $fieldKey]) }}" method="POST" class="row g-2 align-items-end">
                                    @csrf @method('put')
                                    <div class="col-md-6">
                                        <label class="form-label small text-navy-300">Details</label>
                                        <input type="text" name="details" value="{{ $entry?->data['details'] ?? '' }}" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-md-5">
                                        <label class="form-label small text-navy-300">Remarks</label>
                                        <input type="text" name="remarks" value="{{ $entry?->data['remarks'] ?? '' }}" class="form-control form-control-sm">
                                    </div>
                                    <div class="col-md-1">
                                        <button class="btn btn-sm btn-outline-primary" title="Save"><i class="bi bi-check2"></i></button>
                                    </div>
                                </form>
                                @else
                                <div class="small">{{ $entry?->data['details'] ?? '—' }}</div>
                                <div class="small text-navy-300">{{ $entry?->data['remarks'] ?? '' }}</div>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>