@extends('layouts.app')

@section('title', 'Versions : ' . $project->name . ' - ' . app_setting('app_name', 'Dev App'))

@section('content')
<div class="max-w-5xl mx-auto space-y-6">
    @include('projects._header', ['subtitle' => $isTeam ? 'Les versions du projet et les demandes livrées dans chacune. Le client ne voit que les versions publiées.' : 'Ce qui a été livré dans chaque version.'])

    <div class="grid grid-cols-1 {{ $isTeam ? 'lg:grid-cols-3' : '' }} gap-6">
        <div class="{{ $isTeam ? 'lg:col-span-2' : '' }} space-y-4">
            @forelse($versions as $version)
                <section x-data="{ editing: false }" class="bg-white rounded-2xl border border-slate-200 p-5 shadow-xs space-y-3">
                    <div class="flex flex-wrap items-center justify-between gap-2">
                        <div class="flex items-center gap-2">
                            <h2 class="text-base font-black text-slate-900">Version {{ $version->name }}</h2>
                            @if($version->isReleased())
                                <span class="px-2 py-0.5 rounded text-[10px] font-bold bg-emerald-100 text-emerald-800">Publiée le {{ $version->released_at->format('d/m/Y') }}</span>
                            @else
                                <span class="px-2 py-0.5 rounded text-[10px] font-bold bg-slate-100 text-slate-600">En préparation</span>
                            @endif
                        </div>
                        @if($isTeam)
                            <button type="button" @click="editing = !editing" class="text-xs font-semibold text-indigo-600 hover:text-indigo-800">Modifier</button>
                        @endif
                    </div>

                    @if($version->description)
                        <p class="text-sm text-slate-700 whitespace-pre-line">{{ $version->description }}</p>
                    @endif

                    @if($version->tickets->isNotEmpty())
                        <ul class="divide-y divide-slate-100 border-t border-slate-100">
                            @foreach($version->tickets as $ticket)
                                <li class="py-2 flex items-center justify-between gap-3 text-xs">
                                    <a href="{{ route('tickets.show', [$project, $ticket]) }}" class="text-slate-700 hover:text-indigo-600">
                                        <span class="font-mono text-slate-400">{{ $ticket->formatted_number }}</span>
                                        <span class="px-1.5 py-0.5 rounded text-[10px] font-bold {{ $ticket->type_badge['bg'] }}">{{ $ticket->type_badge['label'] }}</span>
                                        {{ $ticket->title }}
                                    </a>
                                    <span class="px-2 py-0.5 rounded text-[10px] font-bold text-white shrink-0" style="background-color: {{ $ticket->column->color }};">{{ $ticket->column->name }}</span>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-xs text-slate-400 italic">Aucun ticket rattaché pour l'instant.</p>
                    @endif

                    @if($isTeam)
                        <form x-show="editing" x-cloak action="{{ route('projects.versions.update', [$project, $version]) }}" method="POST" class="pt-3 border-t border-slate-100 space-y-2">
                            @csrf
                            @method('PUT')
                            @include('projects._version-fields', ['version' => $version])
                            <div class="flex items-center justify-between">
                                <button type="submit" form="delete-version-{{ $version->id }}" class="text-xs font-semibold text-rose-600 hover:text-rose-800">Supprimer</button>
                                <button type="submit" class="px-3.5 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold rounded-lg">Enregistrer</button>
                            </div>
                        </form>
                        <form id="delete-version-{{ $version->id }}" action="{{ route('projects.versions.destroy', [$project, $version]) }}" method="POST" onsubmit="return confirm('Supprimer cette version ? Ses tickets restent sur le tableau.')">
                            @csrf
                            @method('DELETE')
                        </form>
                    @endif
                </section>
            @empty
                <div class="bg-white rounded-2xl border border-dashed border-slate-300 p-10 text-center text-sm text-slate-500">
                    {{ $isTeam ? 'Aucune version. Créez-en une, puis rattachez-y les tickets depuis leur page.' : 'Aucune version publiée pour l\'instant.' }}
                </div>
            @endforelse
        </div>

        @if($isTeam)
            <form action="{{ route('projects.versions.store', $project) }}" method="POST" class="bg-white rounded-2xl border border-slate-200 p-5 shadow-xs space-y-3 h-fit lg:sticky lg:top-24">
                @csrf
                <h2 class="text-xs font-bold uppercase tracking-wider text-slate-700">Nouvelle version</h2>
                @include('projects._version-fields', ['version' => null])
                <button type="submit" class="w-full px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold rounded-xl">Créer la version</button>
            </form>
        @endif
    </div>
</div>
@endsection