ajout bibliothèque méditation et changement de test
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('title', 'Journal des Diagnostics')
|
||||
@section('header_title', 'Mon Historique de Stress')
|
||||
|
||||
@section('content')
|
||||
<div class="max-w-4xl mx-auto space-y-8">
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h2 class="text-2xl font-black text-slate-900 uppercase">Journal de bord</h2>
|
||||
<p class="text-slate-500">Retrouvez l'évolution de vos bilans de stress.</p>
|
||||
</div>
|
||||
<a href="{{ route('diagnostics.index') }}" class="px-6 py-2 bg-[--fr-blue] text-white font-bold rounded-sm shadow-md hover:bg-blue-800 transition-all text-sm uppercase tracking-widest">
|
||||
Nouveau test
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="bg-white border border-slate-200 shadow-sm overflow-hidden">
|
||||
<table class="w-full text-left border-collapse">
|
||||
<thead>
|
||||
<tr class="bg-slate-50 border-b border-slate-200">
|
||||
<th class="px-6 py-4 text-xs font-bold text-slate-500 uppercase tracking-widest">Date du bilan</th>
|
||||
<th class="px-6 py-4 text-xs font-bold text-slate-500 uppercase tracking-widest text-center">Score</th>
|
||||
<th class="px-6 py-4 text-xs font-bold text-slate-500 uppercase tracking-widest">Niveau de Risque</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-slate-100">
|
||||
@forelse($history as $result)
|
||||
<tr class="hover:bg-slate-50 transition-colors">
|
||||
<td class="px-6 py-5">
|
||||
<p class="font-bold text-slate-900">{{ \Carbon\Carbon::parse($result->date_passage)->translatedFormat('d F Y') }}</p>
|
||||
<p class="text-xs text-slate-400">{{ \Carbon\Carbon::parse($result->date_passage)->format('H:i') }}</p>
|
||||
</td>
|
||||
<td class="px-6 py-5 text-center">
|
||||
<span class="text-xl font-black text-[--fr-blue]">{{ $result->score_total }}</span>
|
||||
</td>
|
||||
<td class="px-6 py-5">
|
||||
@if($result->niveau_stress === 'Élevé')
|
||||
<span class="px-3 py-1 bg-red-50 text-red-700 text-[10px] font-black uppercase rounded-full border border-red-100">Risque Élevé</span>
|
||||
@elseif($result->niveau_stress === 'Modéré')
|
||||
<span class="px-3 py-1 bg-orange-50 text-orange-700 text-[10px] font-black uppercase rounded-full border border-orange-100">Risque Modéré</span>
|
||||
@else
|
||||
<span class="px-3 py-1 bg-teal-50 text-teal-700 text-[10px] font-black uppercase rounded-full border border-teal-100">Risque Faible</span>
|
||||
@endif
|
||||
|
||||
<div class="mt-2 flex flex-wrap gap-1">
|
||||
@foreach($result->events as $event)
|
||||
<span class="text-[9px] bg-slate-100 text-slate-500 px-1.5 py-0.5 rounded-sm border border-slate-200" title="{{ $event->event_name }}">
|
||||
{{ Str::limit($event->event_name, 20) }}
|
||||
</span>
|
||||
@endforeach
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="4" class="px-6 py-10 text-center text-slate-400 italic">
|
||||
Vous n'avez pas encore effectué de bilan de stress.
|
||||
</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -25,9 +25,17 @@
|
||||
</div>
|
||||
@else
|
||||
<div class="bg-white p-8 border border-slate-200 shadow-sm">
|
||||
<div class="mb-8">
|
||||
<h2 class="text-xl font-bold mb-2">Quels événements avez-vous vécus ces 12 derniers mois ?</h2>
|
||||
<p class="text-sm text-slate-500 italic">Cochez toutes les cases qui correspondent à votre situation actuelle.</p>
|
||||
<div class="flex items-center justify-between mb-8">
|
||||
<div>
|
||||
<h2 class="text-xl font-bold mb-2">Quels événements avez-vous vécus ces 12 derniers mois ?</h2>
|
||||
<p class="text-sm text-slate-500 italic">Cochez toutes les cases qui correspondent à votre situation actuelle.</p>
|
||||
</div>
|
||||
@auth
|
||||
<a href="{{ route('diagnostics.history') }}" class="text-sm font-bold text-[--fr-blue] hover:underline flex items-center gap-1">
|
||||
<x-heroicon-o-clock class="w-4 h-4" />
|
||||
Mon Historique
|
||||
</a>
|
||||
@endauth
|
||||
</div>
|
||||
|
||||
<form action="{{ route('diagnostics.store') }}" method="POST" class="space-y-4">
|
||||
@@ -49,6 +57,34 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@auth
|
||||
@if(count($history) > 0)
|
||||
<div class="bg-white p-8 border border-slate-200 shadow-sm">
|
||||
<h3 class="text-lg font-bold mb-6 flex items-center gap-2">
|
||||
<x-heroicon-o-clipboard-document-list class="w-5 h-5 text-[--fr-blue]" />
|
||||
Dernières entrées du journal
|
||||
</h3>
|
||||
<div class="space-y-4">
|
||||
@foreach($history as $item)
|
||||
<div class="flex items-center justify-between p-4 bg-slate-50 rounded-sm border border-slate-100">
|
||||
<div>
|
||||
<p class="text-sm font-bold text-slate-900">{{ \Carbon\Carbon::parse($item->date_passage)->translatedFormat('d M Y') }}</p>
|
||||
<p class="text-xs text-slate-500">{{ $item->niveau_stress }}</p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span class="text-lg font-black text-[--fr-blue]">{{ $item->score_total }}</span>
|
||||
<p class="text-[10px] uppercase font-bold text-slate-400">points</p>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="mt-6 text-center">
|
||||
<a href="{{ route('diagnostics.history') }}" class="text-xs font-bold text-slate-400 hover:text-[--fr-blue] uppercase tracking-widest transition-colors">Voir l'historique complet</a>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
@endauth
|
||||
@endif
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user