@extends('layout.app')

@section('content')
    <div class="wrapper pt-5">
        <div class="container">
            <div class="multisteps_form_panel">
                <!-- Form-content -->
                <h1 class="question_title text-center">Tableau de bord</h1>
                <!-- Form-items -->
                <div class="form_items">
                    <div class="px-5 py-5 bg-white text-start animate__animated animate__fadeInRight animate_50ms">
                        <div class="table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                    <td>Nom et Prénom</td>
                                    <td>Votre adresse mail</td>
                                    <td>Votre numéro de téléphone</td>
                                    <td>Sex</td>
                                    <td>Wilaya</td>
                                    <td>Commune</td>
                                    <td>Age</td>
                                    <td>Votre niveau d'instruction S'il vous plait ?</td>
                                    <td>Votre profession s'il vous plait ?</td>
                                    <td>Revenu Total du foyer</td>
                                    <td>Catégorie</td>
                                    <td>Produit</td>
                                    @foreach ($questions as $key => $question)
                                        <td>{{ $question->desc_fr }}</td>
                                    @endforeach
                                </thead>
                                <tbody>
                                    @foreach ($userAnswers as $userAnswer)
                                        <tr>
                                            <td>{{ $userAnswer->fullname }}</td>
                                            <td>{{ $userAnswer->email }}</td>
                                            <td>{{ $userAnswer->phone }}</td>
                                            <td>{{ $userAnswer->sex == 'M' ? 'Homme' : 'Femme' }}</td>
                                            <td>{{ $userAnswer->state }}</td>
                                            <td>{{ $userAnswer->city }}</td>
                                            <td>{{ $userAnswer->age }}</td>
                                                                                        <td>{{ \App\Enum\EducationLevel::lists()[$userAnswer->instruction] }}</td>
                                            <td>{{ \App\Enum\Occupation::lists()[$userAnswer->occupation] }}</td>
                                            <td>{{ \App\Enum\Income::lists()[$userAnswer->income] }}</td>
                                            <td>{{ \App::getLocale() == 'fr' ?  $userAnswer->product->category->name_fr : $userAnswer->product->category->name_ar }}</td>
                                            <td>{{ \App::getLocale() == 'fr' ?  $userAnswer->product->name_fr :  $userAnswer->product->name_ar }}</td>
                                            @foreach ($userAnswer->answers as $key => $answer)
                                                @foreach ($questions as $key => $question)
                                                    @if (isset($answer[$question->id]))
                                                        <td>{{ $answer[$question->id] }}</td>
                                                    @endif
                                                @endforeach
                                            @endforeach
                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="px-5 py-5 bg-white text-start animate__animated animate__fadeInRight animate_50ms">
                    {{ $userAnswers->links() }}
                </div>
            </div>
        </div>
    </div>
@endsection