@include('manager.detailed_report.styles')

@php
    $section = collect($sections)->firstWhere('label','DESIGN / MENUS');

    $label = $section['label'] ?? 'DESIGN / MENUS';
    $score = $final->design_overall ?? '';
    $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['column']} ?? '') !== '' ? $final->{$row['column']} . '%' : '-' }}</th>
                    @foreach($calls as $callId => $callLabel)
                        <td class="text-center">{!! $row['formatted'][$callId] ?? '' !!}</td>
                    @endforeach
                </tr>
            @endforeach
            </tbody>
        </table>
    @endslot

@endcomponent