{{-- ===============================
     CALL SUB-TABS (FULL WIDTH)
   =============================== --}}
<ul class="nav nav-pills call-tabs" id="accessCallsTabs" role="tablist">

    @foreach($calls as $i => $call)

        @php
            $raw = $call->raw_access ?? null;

            $accessScreen = new \App\Orchid\Screens\AssessorAccessDashboard\AssessorAccessEditScreen;
            $sections = method_exists($accessScreen, 'sectionsForManager')
                ? $accessScreen->sectionsForManager()
                : $accessScreen->getFieldOptions();

            $totalQuestions = 0;
            $answeredCount = 0;

            foreach ($sections as $section) {
                $fields = $section['fields'] ?? $section;
                $totalQuestions += count($fields);

                foreach ($fields as $field => $label) {
                    $value = $raw->{$field} ?? null;
                    if ($value !== null && $value !== '') {
                        $answeredCount++;
                    }
                }
            }

            $statusClass =
                ($answeredCount === 0) ? 'call-none'
                : (($answeredCount < $totalQuestions) ? 'call-partial' : 'call-complete');
        @endphp

        <li class="nav-item flex-fill">
            <a class="nav-link {{ $i===0 ? 'active' : '' }} {{ $statusClass }}"
               id="access-call-{{ $call->id }}-tab"
               data-bs-toggle="tab"
               href="#access-call-{{ $call->id }}"
               role="tab">
                Call {{ $call->call_number ?? ($i + 1) }}
            </a>
        </li>
    @endforeach
</ul>


<div class="tab-content">
    @foreach($calls as $i => $call)
        <div class="tab-pane fade {{ $i===0 ? 'show active' : '' }}"
             id="access-call-{{ $call->id }}">

            <div class="call-content-wrapper">

                @if(!empty($call->audio_path))
                    <audio controls class="mb-3" src="{{ asset('storage/' . $call->audio_path) }}"></audio>
                @endif

                <form method="post" action="{{ route('manager.override.save.access') }}">
				<input type="hidden" name="active_tab" class="active-tab-input">
                    @csrf

                    <input type="hidden" name="call_id" value="{{ $call->id }}">

                    <div class="override-accordion">
                        {!! $screen->renderAccessAccordion([$call], $calls) !!}
                    </div>

                    <div class="text-end mt-4">
                        <button type="submit" class="btn btn-success px-4 py-2">
                            Save Access Overrides (Call {{ $call->call_number ?? ($i + 1) }})
                        </button>
                    </div>
                </form>

            </div>

        </div>
    @endforeach
</div>