@extends('layouts.splash')

@section('content')
<style>
    /* Réduit l'espace au-dessus de chaque question */
.blockQuestion {
    margin-bottom: 51x; /* réduit l'espace sous la question */
}

/* Réduit l'espace autour des réponses */
.blockAnswer {
    margin-top: 0.1px;   /* espace au-dessus de la réponse */
    margin-bottom: 0.2px; /* espace sous la réponse */
}

/* Si tu veux réduire l'espacement global entre les lignes */
.row.justify-content-center.p-2 {
    padding-top: 0.5px;
    padding-bottom: 0.5px;
}

/* Pour les marges spécifiques que tu utilises */
.mg-top-10 {
    margin-top: 0.5px !important; /* réduis de 10px à 5px */
}

.mg-top-40 {
    margin-top: 0.5px !important; /* réduis de 40px à 15px */
}

.mg-top-5 {
    margin-top: 0.5px !important;
}
</style>

<link href="{{ asset('css/main2.css') }}" rel="stylesheet">

<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8 col-xl-5 col-12 main_view">
            <img src="{{ asset('images/espacesud/header.png') }}" class="images-fluid" alt="Responsive image">
            @php
                $score = $dayParticipant->score;
                $questionsIds = [
                    $dayParticipant->rep_1,
                    $dayParticipant->rep_2,
                    $dayParticipant->rep_3,
                    $dayParticipant->rep_4,
                    $dayParticipant->rep_5,
                    $dayParticipant->rep_6
                ];

                $older12 = session('is_over_12', false);

            @endphp

            @if($score < 3)
                {{-- Page Dommage pour tous --}}
                <div style="background-color: #D1E8E8; padding-bottom: 40px; margin: 20px; border-radius: 15px;">
                <div class="row justify-content-center mg-top-60">
                    <div class="col-10 text-center">
                        <img src="{{ asset('images/espacesud/Dommage.png') }}" class="img-fluid" alt="Image dommage">
                        <h3 style="color: #275E66;">Tu n'as pas répondu correctement aux questions.</h3>
                        <h3 style="color: #275E66;">Score : {{ $score }}/6</h3>

                        <div class="row justify-content-center p-2 mg-top-10">
                            <div class="text-center" style="color: #275E66;"><h5>Consulte ci-dessous les bonnes réponses : </h5></div>
                                 <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_1)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_1)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>

                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_2)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_2)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_3)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_3)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_4)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_4)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_5)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_5)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_6)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_6)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>

                            </div>


                        </div>
                    </div>
                </div>
                </div>

            @elseif($score <=3 && $older12)
                <div class="row justify-content-center">
                    <div class="col-10 mg-top-60 text-center">
                        <div class="card">
                            <div class="card-body">
                                <div class="row justify-content-center">
                                    <div class="col-10 mg-top-40 text-center">
                                        <div class="blockQuestion">
                                            <img src="{{ asset('images/espacesud/felicitation.png') }}" class="img-fluid" alt="Image felictation">
                                            Ton score est de : </h5>
                                            <h3 style="color: #275E66;">{{ $score }}/6</h3>
                                            <h5 style="color: #275E66;">Tu es éligible au Grand tirage au sort pour tenter de gagner plein de cadeaux !<br/>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-center" style="color: #275E66;"><h5>Consulte ci-dessous les bonnes réponses : </h5></div>
                                 <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_1)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_1)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>

                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_2)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_2)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_3)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_3)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_4)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_4)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_5)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_5)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_6)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_6)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>


                        </div>
                    </div>
                </div>

            @else
                {{-- Mission accomplie normale (score=6 mais questions ≤12 ans) --}}
                                <div style="background-color: #D1E8E8; padding-bottom: 40px; margin: 20px; border-radius: 15px;">

                <div class="row justify-content-center">
                    <div class="col-10 mg-top-60 text-center">
                        <div class="card">
                            <div class="card-body">
                                <div class="row justify-content-center">
                                    <div class="col-10 mg-top-40 text-center">
                                        <div class="blockQuestion">
                                            <img src="{{ asset('images/espacesud/Mission_Accomplie.png') }}" class="img-fluid" alt="Image felictation">
                                        <h5 style="color: #275E66;">Tu as terminé notre Quiz Rocher du Diamant.<br/>
                                            Ton score est de : </h5>
                                            <h3 style="color: #275E66;">{{ $score }}/6</h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="text-center" style="color: #275E66;"><h5>Consulte ci-dessous les bonnes réponses : </h5></div>
                                  <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_1)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_1)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>

                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_2)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_2)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_3)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_3)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_4)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_4)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_5)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_5)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                                      <div class="text-center">
                                    <div class="row justify-content-center p-2  mg-top-5">
                                        <div class="col-11 mg-top-2">
                                            <div class="blockQuestion">{{ App\Models\QuizQuestion::find(App\Models\QuizAnswer::where('id', $dayParticipant->rep_6)->first()->quiz_question_id)->title }}</div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-center p-2  mg-top-2 ">
                                        <div class="col-10 mg-top-2 text-center">
                                            <div class="blockAnswer" style="color: #275E66; background-color: transparent; box-shadow:none;">
                                                {{ App\Models\QuizAnswer::where('quiz_question_id', App\Models\QuizAnswer::where('id', $dayParticipant->rep_6)->first()->quiz_question_id)->where('is_correct', true)->first()->title  }}
                                            </div>
                                        </div>
                                    </div>
                        </div>
                    </div>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

@endsection