@extends('layouts.admin')

@section('title', $proposal->title)
@section('page-title', $proposal->title)
@section('page-subtitle', 'Proposition de bien · #'.$proposal->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">Détails du bien</h3>
            <dl class="mt-4 space-y-4 text-sm">
                <div>
                    <dt class="font-medium text-slate-500">Type</dt>
                    <dd class="mt-1 text-slate-900">{{ $proposal->property_type?->value ?? '—' }}</dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Prix</dt>
                    <dd class="mt-1 text-slate-900">
                        @if ($proposal->price)
                            {{ number_format((float) $proposal->price, 0, ',', ' ') }} MAD
                        @else
                            —
                        @endif
                    </dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Surface / Pièces</dt>
                    <dd class="mt-1 text-slate-900">
                        {{ $proposal->surface ? $proposal->surface.' m²' : '—' }}
                        · {{ $proposal->rooms ?? '—' }} pièces
                        · {{ $proposal->bedrooms ?? '—' }} ch.
                    </dd>
                </div>
                <div>
                    <dt class="font-medium text-slate-500">Statut</dt>
                    <dd class="mt-1 text-slate-900">{{ $proposal->status?->value ?? '—' }}</dd>
                </div>
                @if ($proposal->description)
                    <div>
                        <dt class="font-medium text-slate-500">Description</dt>
                        <dd class="mt-1 whitespace-pre-wrap text-slate-900">{{ $proposal->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">{{ $proposal->city?->name ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-medium text-slate-500">Quartier</dt>
                        <dd class="mt-1 text-slate-900">{{ $proposal->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">Agent proposant</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">{{ $proposal->proposedBy?->name ?? '—' }}</dd>
                    </div>
                    <div>
                        <dt class="font-medium text-slate-500">Email</dt>
                        <dd class="mt-1 text-slate-900">{{ $proposal->proposedBy?->email ?? '—' }}</dd>
                    </div>
                </dl>
            </div>
        </div>
    </div>

    <div class="mt-6">
        <a href="{{ route('admin.properties.index') }}"
           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