@extends('layouts.app')
@section('title','Notes de version')
@section('content')
<div class="h1">Notes de version</div>
<div class="sub">Les nouveautés de chaque mise à jour, la plus récente en haut. Cliquez sur une version pour la déplier.</div>

@php($badges = [
  'Ajouté' => ['Nouveau', '#e0f0d8', '#3f7a33'],
  'Modifié' => ['Amélioré', '#dbeafe', '#1e5bb8'],
  'Corrigé' => ['Corrigé', '#fde9d2', '#a85b1a'],
  'Performance' => ['Plus rapide', '#fdf3d2', '#8a6d1a'],
  'Sécurité' => ['Sécurité', '#fadbd8', '#a93226'],
  'Supprimé' => ['Retiré', '#eee', '#666'],
])

@forelse($versions as $v)
  <details class="card" style="padding:0" {{ $loop->first ? 'open' : '' }}>
    <summary style="cursor:pointer;padding:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;list-style:none">
      <b style="font-size:1.15rem">Version {{ $v['version'] }}</b>
      @if($loop->first)<span class="badge" style="background:var(--orange);color:#fff">Version actuelle</span>@endif
      <span class="sub" style="margin:0">{{ \Illuminate\Support\Carbon::parse($v['date'])->locale('fr')->translatedFormat('j F Y') }}</span>
    </summary>
    <div style="padding:0 20px 18px">
      @forelse($v['sections'] as $type => $items)
        <div style="margin-top:10px">
          @php($b = $badges[$type] ?? ['• '.$type, '#eee', '#444'])
          <span class="badge" style="background:{{ $b[1] }};color:{{ $b[2] }}">{{ $b[0] }}</span>
          <ul style="margin:10px 0 0 20px;line-height:1.7">
            @foreach($items as $item)
              <li style="margin-bottom:6px">{!! \App\Support\Changelog::html($item) !!}</li>
            @endforeach
          </ul>
        </div>
      @empty
        <p class="sub" style="margin:10px 0 0">Pas de détail pour cette version.</p>
      @endforelse
    </div>
  </details>
@empty
  <div class="card">Aucune note de version disponible.</div>
@endforelse
@endsection