@include('manager.detailed_report.styles')

@php
    $section = collect($sections)->firstWhere('label','Quality SCORE');

    $label = $section['label'] ?? 'QUALITY SCORE';
    $score = optional($final)->quality_score ?? '';
    $score_class = $section['score_class'] ?? 'score-na';
@endphp


@component('manager.detailed_report.accordion_section', [
    'label' => $label,
    'score' => $score."%",
    'score_class' => $score_class
])

    @slot('content')
        @if(empty($final))
            <div class="text-muted py-3">No Result found or result not ready</div>
        @else
        <table class="dr-table table table-borderless w-100">
            <thead>
            <tr>
                <th>Metric</th>
				<th class="text-center">Overall Score</th>
                @foreach($calls as $callId => $callLabel)
                    <th class="text-center">Call {{ $loop->iteration }}</th>					
                @endforeach
            </tr>
            </thead>

            <tbody>
            @foreach($section['rows'] as $row)
                <tr>
                    <td class="metric-left">{{ $row['label'] }}</td>
					<th class="text-center">
    {{
        is_numeric($v = str_replace('%', '', data_get($final, $row['data_col'])))
            ? round((float)$v, 0) . '%'
            : ''
    }}
</th>

                    @foreach($calls as $callId => $callLabel)
                      <td class="text-center">
    @php
        $value = $row['formatted'][$callId] ?? null;

        $clean = is_string($value)
            ? str_replace('%', '', strip_tags($value))
            : $value;
    @endphp

    {!! is_numeric($clean)
        ? '<span class="badge-score">' . round((float)$clean, 0) . '%</span>'
        : ''
    !!}
</td>
                    @endforeach
                </tr>
            @endforeach
						@php
							// Decode the saved JSON
							$callTotals = json_decode(optional($final)->call_total ?? '{}', true);
						@endphp

						<tr>
							<td class="metric-left"><strong>QUALITY SCORE</strong></td>
							<td class="text-center"><strong>{{ optional($final)->quality_score }}</strong></td>

							@foreach($callTotals as $callId => $value)
								<td class="text-center"><strong>{{ $value }}</strong></td>
							@endforeach
						</tr>

            </tbody>
        </table>
        @endif
    @endslot

@endcomponent