@extends('layouts.public')

@section('title', 'Rapport Envoyé avec Succès - ' . $project->name)

@section('content')
<div class="max-w-lg mx-auto text-center space-y-6 pt-6">
    <div class="w-16 h-16 mx-auto rounded-3xl bg-emerald-100 text-emerald-600 flex items-center justify-center shadow-lg shadow-emerald-100">
        <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
        </svg>
    </div>

    <div>
        <h1 class="text-2xl font-black text-slate-900">Rapport bien reçu !</h1>
        <p class="text-sm text-slate-500 mt-2">
            Votre signalement a été directement intégré dans le tableau de développement du projet <strong class="text-slate-800">{{ $project->name }}</strong>.
        </p>
    </div>

    <div class="bg-white rounded-2xl border border-slate-200 p-6 shadow-sm text-left space-y-3">
        <div class="flex items-center justify-between pb-3 border-b border-slate-100">
            <span class="text-xs font-mono font-bold text-slate-400">Référence</span>
            <span class="text-sm font-bold text-indigo-600 font-mono">{{ $ticket->formatted_number }}</span>
        </div>

        <div class="flex items-center justify-between pb-3 border-b border-slate-100">
            <span class="text-xs font-bold text-slate-500">Titre</span>
            <span class="text-xs font-semibold text-slate-800 text-right truncate max-w-[250px]">{{ $ticket->title }}</span>
        </div>

        <div class="flex items-center justify-between">
            <span class="text-xs font-bold text-slate-500">Statut actuel</span>
            <span class="px-2.5 py-1 rounded-full text-xs font-bold text-white shadow-xs" style="background-color: {{ $ticket->column->color ?? '#64748b' }}">
                {{ $ticket->column->name }}
            </span>
        </div>
    </div>

    <div class="flex flex-col sm:flex-row gap-3 pt-2">
        @if($project->client_portal_enabled)
            <a href="{{ route('public.portal.ticket', [$project->public_token, $ticket->ticket_number]) }}" class="flex-1 py-3 px-4 rounded-xl bg-indigo-600 hover:bg-indigo-700 text-white text-xs font-bold transition-colors flex items-center justify-center">
                Suivre ma demande
            </a>
            <a href="{{ route('public.portal.show', $project->public_token) }}" class="flex-1 py-3 px-4 rounded-xl bg-slate-900 hover:bg-indigo-600 text-white text-xs font-bold transition-colors flex items-center justify-center">
                Voir l'avancement en direct
            </a>
        @endif

        <a href="{{ route('public.report.form', $project->public_token) }}" class="flex-1 py-3 px-4 rounded-xl border border-slate-300 hover:bg-slate-50 text-slate-700 text-xs font-bold transition-colors flex items-center justify-center">
            Signaler un autre élément
        </a>
    </div>
</div>
@endsection