@extends('layouts.admin')

@section('title', $propertyRequest->title)
@section('page-title', $propertyRequest->title)
@section('page-subtitle', 'Demande client · '.($propertyRequest->reference ?? '#'.$propertyRequest->id))

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        <div class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
            <h3 class="text-lg font-semibold text-slate-900">Critères de recherche</h3>
            <dl class="mt-4 space-y-4 text-sm">
                <div>
                    <dt class="font-medium text-slate-500">Type de transaction</dt>
                    <dd class="mt-1 text-slate-900">{{ $propertyRequest->transaction_type?->value ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Type de bien</dt>
                    <dd class="mt-1 text-slate-900">{{ $propertyRequest->property_type?->value ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Budget</dt>
                    <dd class="mt-1 text-slate-900">
                        @if ($propertyRequest->budget_min || $propertyRequest->budget_max)
                            {{ number_format((float) ($propertyRequest->budget_min ?? 0), 0, ',', ' ') }}
                            –
                            {{ number_format((float) ($propertyRequest->budget_max ?? 0), 0, ',', ' ') }} MAD
                        @else
                            —
                        @endif
                    </dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Surface min. / Pièces</dt>
                    <dd class="mt-1 text-slate-900">
                        {{ $propertyRequest->surface_min ? $propertyRequest->surface_min.' m²' : '—' }}
                        · {{ $propertyRequest->rooms ?? '—' }} pièces
                    </dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Statut</dt>
                    <dd class="mt-1 text-slate-900">{{ $propertyRequest->status?->value ?? '—' }}</dd>
                </div>
                @if ($propertyRequest->description)
                    <div>
                        <dt class="font-medium text-slate-500">Description</dt>
                        <dd class="mt-1 whitespace-pre-wrap text-slate-900">{{ $propertyRequest->description }}</dd>
                    </div>
                @endif
            </dl>
        </div>

        <div class="space-y-6">
            <div class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
                <h3 class="text-lg font-semibold text-slate-900">Localisation</h3>
                <dl class="mt-4 space-y-4 text-sm">
                    <div>
                        <dt class="font-medium text-slate-500">Ville</dt>
                        <dd class="mt-1 text-slate-900">{{ $propertyRequest->city?->name ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-medium text-slate-500">Quartier</dt>
                        <dd class="mt-1 text-slate-900">{{ $propertyRequest->zone?->name ?? '—' }}</dd>
                    </div>
                </dl>
            </div>

            <div class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
                <h3 class="text-lg font-semibold text-slate-900">Créateur</h3>
                <dl class="mt-4 space-y-4 text-sm">
                    <div>
                        <dt class="font-medium text-slate-500">Nom</dt>
                        <dd class="mt-1 text-slate-900">{{ $propertyRequest->creator?->name ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-medium text-slate-500">Email</dt>
                        <dd class="mt-1 text-slate-900">{{ $propertyRequest->creator?->email ?? '—' }}</dd>
                    </div>
                </dl>
            </div>
        </div>
    </div>

    <div class="mt-6">
        <a href="{{ route('admin.properties.index') }}#demandes"
           class="rounded-lg border border-slate-300 px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">
            Retour à la liste
        </a>
    </div>
@endsection