@extends('layout.layout')

@section('content')
    <div class="container">
        <table class="table table-bordered table-sm table bordered-table sm-table mb-0 mb-3">
            <thead>
                <tr>
                    <th>Question</th>
                    <th class="text-center">Score (0-5)</th>
                    <th class="text-center">Comment</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($questions as $question)
                    @php
                        $score = $question->answers->last()->score ?? 0;
                        $comment = $question->answers->last()->comments ?? '';
                    @endphp
                    <tr data-question-id="{{ $question->id }}">
                        <td>{{ $question->question }}</td>
                        <td><span class="form-control text-center score-input">{{ $score }}</span></td>
                        <td><span class="form-control comment-input text-center">{{ $comment }}</span></td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <span>Additional Comments (if any):</span>
        <span class="form-control">{{ $existingComment ?? '' }}</span>
    </div>
@endsection