@extends('layouts.frontpages')

@section('content')
@include('partials.header')
    <div class="page">
        <div class="container mt-5">
            <div class="row container-admin">
                <div class="col-md-12 text-center">
                        <h2>Respuestas Trivia: {{$trivia->name}}</h2>

                        <div class="table-responsive">
                            <table class="table table-custom">
                                <thead>
                                <tr>
                                    <th>Pregunta</th>
                                    <th>Respuestas</th>
                                    <th>Tus respuestas</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($questions as $item)
                                    <tr>
                                        <td>{{$item->title}}</td>
                                        <td>
                                            @foreach($item->answers()->get() as $val)
                                                <p @if($val->correct == 1) style="color: green;" @endif>
                                                    {{$val->description}}
                                                </p>
                                            @endforeach
                                        </td>
                                        <td>
                                          @if($item->answerTrivia($item))
                                            <span
                                                style="color:{{ $item->answerTrivia($item)['correct'] == 1 ? 'green' : 'red' }}">
                                                {{ $item->answerTrivia($item)['description'] }}
                                            </span>
                                          @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3">No se encontraron registros.</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
@stop