mesreleves-php/resources/views/lieux/show.blade.php

<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center justify-between">
            <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">{{ $lieu->nom }}</h2>
            <div class="flex gap-3">
                @can('update', $lieu)
                    <a href="{{ route('lieux.edit', $lieu) }}"
                       class="px-4 py-2 bg-indigo-600 text-white text-sm rounded-md hover:bg-indigo-700">
                        Modifier
                    </a>
                @endcan
                @can('delete', $lieu)
                    <form method="POST" action="{{ route('lieux.destroy', $lieu) }}"
                          x-data @submit.prevent="if(confirm('Supprimer ce lieu ?')) $el.submit()">
                        @csrf @method('DELETE')
                        <button type="submit"
                                class="px-4 py-2 bg-red-600 text-white text-sm rounded-md hover:bg-red-700">
                            Supprimer
                        </button>
                    </form>
                @endcan
            </div>
        </div>
    </x-slot>

    <div class="py-8 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6">

        @if(session('success'))
            <div class="p-4 bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-700 text-green-800 dark:text-green-200 rounded-md">
                {{ session('success') }}
            </div>
        @endif

        {{-- Fiche --}}
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg divide-y divide-gray-100 dark:divide-gray-700">
            <div class="px-6 py-4 grid grid-cols-3 gap-4 text-sm">
                <dt class="font-medium text-gray-500 dark:text-gray-400">Nom complet</dt>
                <dd class="col-span-2 text-gray-900 dark:text-white">{{ $lieu->nom_long ?? $lieu->nom }}</dd>
            </div>
            <div class="px-6 py-4 grid grid-cols-3 gap-4 text-sm">
                <dt class="font-medium text-gray-500 dark:text-gray-400">Type</dt>
                <dd class="col-span-2 text-gray-900 dark:text-white">{{ $lieu->lieuType?->nom ?? '—' }}</dd>
            </div>
            @if($lieu->code)
            <div class="px-6 py-4 grid grid-cols-3 gap-4 text-sm">
                <dt class="font-medium text-gray-500 dark:text-gray-400">Code</dt>
                <dd class="col-span-2 text-gray-900 dark:text-white">{{ $lieu->code }}</dd>
            </div>
            @endif
            <div class="px-6 py-4 grid grid-cols-3 gap-4 text-sm">
                <dt class="font-medium text-gray-500 dark:text-gray-400">Lieu parent</dt>
                <dd class="col-span-2">
                    @if($lieu->parent)
                        <a href="{{ route('lieux.show', $lieu->parent) }}" class="text-indigo-600 hover:underline">
                            {{ $lieu->parent->nom_long ?? $lieu->parent->nom }}
                        </a>
                    @else
                        <span class="text-gray-400 dark:text-gray-500">Lieu racine</span>
                    @endif
                </dd>
            </div>
            @if($lieu->latitude && $lieu->longitude)
            <div class="px-6 py-4 grid grid-cols-3 gap-4 text-sm">
                <dt class="font-medium text-gray-500 dark:text-gray-400">Coordonnées</dt>
                <dd class="col-span-2 text-gray-900 dark:text-white">{{ $lieu->latitude }}, {{ $lieu->longitude }}</dd>
            </div>
            @endif
            @if($lieu->note)
            <div class="px-6 py-4 grid grid-cols-3 gap-4 text-sm">
                <dt class="font-medium text-gray-500 dark:text-gray-400">Note</dt>
                <dd class="col-span-2 text-gray-900 dark:text-white whitespace-pre-line">{{ $lieu->note }}</dd>
            </div>
            @endif
        </div>

        {{-- Enfants --}}
        @if($lieu->enfants->isNotEmpty())
        <div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden">
            <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
                <h3 class="font-medium text-gray-900 dark:text-white">Subdivisions ({{ $lieu->enfants->count() }})</h3>
            </div>
            <ul class="divide-y divide-gray-100 dark:divide-gray-700">
                @foreach($lieu->enfants->sortBy('nom') as $enfant)
                    <li class="px-6 py-3">
                        <a href="{{ route('lieux.show', $enfant) }}" class="text-indigo-600 hover:underline">
                            {{ $enfant->nom }}
                        </a>
                        @if($enfant->code)
                            <span class="ml-2 text-xs text-gray-400 dark:text-gray-500">({{ $enfant->code }})</span>
                        @endif
                    </li>
                @endforeach
            </ul>
        </div>
        @endif

        <div>
            <a href="{{ route('lieux.index') }}" class="text-sm text-indigo-600 hover:underline">← Retour à la liste</a>
        </div>
    </div>
</x-app-layout>