43 lines
2.5 KiB
PHP
43 lines
2.5 KiB
PHP
@extends('layouts.vitrine')
|
|
|
|
@section('titre', 'Banque de quiz')
|
|
|
|
@section('contenu')
|
|
<div class="mx-auto max-w-4xl px-5 py-14 lg:px-10">
|
|
<p class="font-mono text-sm font-semibold"><a href="{{ route('mes-classes.index') }}" class="underline underline-offset-4">Mes classes</a></p>
|
|
<h1 class="mt-1 text-4xl font-extrabold tracking-tight">Banque de quiz</h1>
|
|
<p class="mt-2 font-semibold">Les quiz que d'autres profs ont partagés. Dupliquer en fait une copie indépendante dans une de tes classes : tu peux ensuite la modifier sans toucher à l'original.</p>
|
|
|
|
@if (session('quiz_duplique'))
|
|
<p class="mt-4 rounded-2xl border border-[#e3e5e8] bg-[#e6f4ea] p-4 font-semibold">Quiz dupliqué dans ta classe.</p>
|
|
@endif
|
|
|
|
@if ($quizzes->isEmpty())
|
|
<p class="mt-8 font-semibold">Aucun quiz partagé pour l'instant.</p>
|
|
@elseif ($mesClasses->isEmpty())
|
|
<p class="mt-8 font-semibold">Crée d'abord une classe pour pouvoir y dupliquer un quiz.</p>
|
|
@else
|
|
<ul class="mt-8 grid gap-4">
|
|
@foreach ($quizzes as $quiz)
|
|
<li class="rounded-2xl border border-[#e3e5e8] bg-white p-5">
|
|
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
<div>
|
|
<p class="text-lg font-extrabold">{{ $quiz->titre }}</p>
|
|
<p class="font-mono text-sm font-semibold text-[#5f6368]">{{ $quiz->questions_count }} question(s) · partagé par {{ $quiz->classe->etablissement->nom }}</p>
|
|
</div>
|
|
<form action="{{ route('banque-quiz.dupliquer', $quiz) }}" method="post" class="flex flex-wrap items-center gap-2">
|
|
@csrf
|
|
<select name="classe_id" required class="rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold">
|
|
@foreach ($mesClasses as $classe)
|
|
<option value="{{ $classe->id }}">{{ $classe->nom }}</option>
|
|
@endforeach
|
|
</select>
|
|
<button type="submit" class="inline-flex h-11 items-center rounded-full bg-[#0b57d0] px-5 font-bold text-white">Dupliquer</button>
|
|
</form>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ul>
|
|
@endif
|
|
</div>
|
|
@endsection
|