<x-guest-layout>
    <div class="min-h-screen bg-gray-50">
        <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
            <div class="bg-white shadow rounded-lg p-8">
                <h1 class="text-3xl font-bold text-gray-900 mb-4">{{ $project->name }}</h1>

                @if($project->description)
                    <div class="mt-6">
                        <h2 class="text-xl font-semibold text-gray-900 mb-2">Description</h2>
                        <p class="text-gray-600">{{ $project->description }}</p>
                    </div>
                @endif

                <div class="mt-6 grid grid-cols-2 gap-4">
                    <div>
                        <span class="text-sm text-gray-500">Montant:</span>
                        <p class="text-lg font-semibold text-gray-900">
                            {{ \App\Models\Setting::format($project->amount) }}</p>
                    </div>
                    <div>
                        <span class="text-sm text-gray-500">Fréquence:</span>
                        <p class="text-lg font-semibold text-gray-900">{{ ucfirst($project->frequency) }}</p>
                    </div>
                    <div>
                        <span class="text-sm text-gray-500">Type:</span>
                        <p class="text-lg font-semibold text-gray-900">{{ ucfirst($project->contribution_type) }}</p>
                    </div>
                    <div>
                        <span class="text-sm text-gray-500">Date de début:</span>
                        <p class="text-lg font-semibold text-gray-900">{{ $project->start_date->format('d/m/Y') }}</p>
                    </div>
                </div>

                <div class="mt-8">
                    <a href="{{ route('public.projects') }}" class="text-indigo-600 hover:text-indigo-500">← Retour aux
                        projets</a>
                </div>
            </div>
        </div>
    </div>
</x-guest-layout>