@include('manager.detailed_report.styles')

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

    $label = $section['label'] ?? 'ACCESS SCORE';
    $score = $final->access_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')
        <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">{{ ($final->{$row['data_col']} ?? '') !== '' ? $final->{$row['data_col']} . '%' : '' }}</th> -->

					<th class="text-center">
								@php
									$value = $final->{$row['data_col']} ?? null;
									$value = is_string($value) ? str_replace('%', '', $value) : $value;
								@endphp

								{{ is_numeric($value) ? round((float)$value, 0) . '%' : '' }}
					</th>

                    @foreach($calls as $callId => $callLabel)
                        <td class="text-center">{!! $row['formatted'][$callId] ?? '' !!}</td>
                    @endforeach
                </tr>
            @endforeach
						@php
							// Decode the saved JSON
							$callTotals = json_decode($final->call_total ?? '{}', true);
						@endphp

						<tr>
							<td class="metric-left"><strong>ACCESS SCORE</strong></td>
							<td class="text-center"><strong>{{$final->access_score}}</strong></td>

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

            </tbody>
        </table>
    @endslot

@endcomponent