{{-- resources/views/manager/override/quality.blade.php --}}

@php
    // $screen is passed from controller using view([...])
@endphp

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

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

        @php
            // Compute completion status for this call
            $raw = $call->raw_quality ?? null;

            $qualityScreen = new \App\Orchid\Screens\AssessorQualityDashboard\AssessorQualityEditScreen;
            $sections = $qualityScreen->sectionsForManager();

            $totalQuestions = 0;
            $answeredCount  = 0;

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

                foreach ($fields as $field => $label) {
                    $value = $raw->{$field} ?? null;

                    // Count as answered if value is not null, not empty AND not "-"
                    if (!is_null($value) && $value !== '') {
                        $answeredCount++;
                    }
                }
            }

            // Assign color class
            $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="quality-call-{{ $call->id }}-tab"
               data-bs-toggle="tab"
               href="#quality-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="quality-call-{{ $call->id }}">

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

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


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

                    @csrf

                    {{-- Hidden field to remember active tab --}}

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

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

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

            </div>

        </div>
    @endforeach
</div>