@extends('user.user_dashboard')

@section('home')

<div class="container py-4">

    <div class="bg-white p-4 rounded shadow-sm text-center mb-4">
        <h4 class="mb-2">Your Score</h4>
        <h2 class="text-primary">{{ $score }} / {{ $total }}</h2>
    </div>

    @foreach($results as $index => $result)
        <div class="bg-white p-4 rounded shadow-sm mb-3">

            <h6 class="mb-3">
                {{ $index + 1 }}. {{ $result['question']->question }}
            </h6>

            @php
                $options = [
                    'A' => $result['question']->option_a,
                    'B' => $result['question']->option_b,
                    'C' => $result['question']->option_c,
                    'D' => $result['question']->option_d,
                ];
            @endphp

            @foreach($options as $key => $value)

                @php
                    $isUser = $result['user_answer'] === $key;
                    $isCorrect = $result['correct_answer'] === $key;
                @endphp

                <div class="p-2 mb-2 rounded 
                    @if($isCorrect) bg-success text-white
                    @elseif($isUser) bg-danger text-white
                    @else bg-light
                    @endif
                ">
                    <strong>{{ $key }}.</strong> {{ $value }}
                </div>

            @endforeach

        </div>
    @endforeach

</div>

@endsection