@extends('front.basic.layout')

@section('title', 'Accueil')

@section('content')
    <p>Thèmes FAQ</p>
    <ul class="list-group list-group-flush">
        @foreach ($themes as $t)
        <li class="list-group-item">{{$t->name}}</li>
        @endforeach
    </ul>

    <p>Questions FAQ</p>
    <table class="table table-border">
        <thead class="thead-light">
            <th scope="col">Question</th>
            <th scope="col">Réponse</th>
            <th scope="col">Vote positif</th>
            <th scope="col">Vote négatif</th>
            <th scope="col">Utilité</th>
            <th scope="col">Thème</th>
        </thead>
        <tbody>
            @foreach ($questions as $q)
                <tr>
                    <td>{{$q->question}}</td>
                    <td>{{$q->answer}}</td>
                    <td>{{$q->positive_vote}}</td>
                    <td>{{$q->negative_vote}}</td>
                    <td>{{$q->utility}}%</td>
                    <td>{{$q->theme->name}}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endsection