@extends('setup.layout')
@php $currentStep = 5; @endphp
@section('title', $success ? 'Installation terminée' : "Erreur d'installation")

@section('content')
<div class="p-8">

    {{-- Icône résultat --}}
    <div class="text-center mb-6">
        @if($success)
            <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-green-100 text-4xl mb-3">✓</div>
            <h2 class="text-xl font-semibold text-slate-800">Installation réussie !</h2>
            <p class="text-slate-500 text-sm mt-1">MesRelevés est prêt à être utilisé.</p>
        @else
            <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-red-100 text-4xl mb-3">✗</div>
            <h2 class="text-xl font-semibold text-slate-800">L'installation a rencontré une erreur</h2>
            <p class="text-slate-500 text-sm mt-1">Corrigez les problèmes ci-dessous puis relancez l'installation.</p>
        @endif
    </div>

    {{-- Liste des étapes --}}
    <div class="space-y-2 mb-8">
        @foreach($steps as $step)
            <div class="flex items-start gap-3 px-4 py-3 rounded-lg
                {{ $step['ok'] ? 'bg-green-50 border border-green-100' : 'bg-red-50 border border-red-100' }}">
                <span class="font-bold shrink-0 mt-0.5 {{ $step['ok'] ? 'text-green-600' : 'text-red-600' }}">
                    {{ $step['ok'] ? '✓' : '✗' }}
                </span>
                <div class="min-w-0">
                    <div class="text-sm font-medium {{ $step['ok'] ? 'text-green-800' : 'text-red-800' }}">
                        {{ $step['label'] }}
                    </div>
                    @if(!$step['ok'] && !empty($step['error']))
                        <pre class="text-xs text-red-700 mt-1 whitespace-pre-wrap font-mono break-all">{{ $step['error'] }}</pre>
                    @endif
                </div>
            </div>
        @endforeach
    </div>

    {{-- Actions --}}
    <div class="flex justify-center">
        @if($success)
            <a href="{{ route('login') }}"
               class="px-8 py-3 rounded-xl bg-blue-600 text-white font-semibold text-sm hover:bg-blue-700 transition">
                Se connecter →
            </a>
        @else
            <a href="{{ route('setup.admin') }}"
               class="px-6 py-2.5 rounded-lg border border-slate-300 text-slate-700 font-medium text-sm hover:bg-slate-50 transition">
                ← Réessayer
            </a>
        @endif
    </div>

    @if($success)
        <div class="mt-6 p-4 bg-blue-50 border border-blue-200 rounded-xl text-sm text-blue-800">
            <strong>Conseil :</strong> Pour personnaliser le logo et les paramètres du site, rendez-vous dans
            <strong>Administration → Paramètres du site</strong> après vous être connecté.
        </div>
    @endif

</div>
@endsection