@extends('layouts.app')

@section('content')
<div class="max-w-xl mx-auto py-10">
    <h2 class="text-2xl font-bold mb-4">{{ $propertyType->name }}</h2>

    <div class="bg-white p-6 rounded shadow space-y-3">
        <p><strong>Área:</strong> {{ $propertyType->area }} m²</p>
        <p><strong>Precio:</strong> ${{ number_format($propertyType->price, 2) }}</p>
    </div>

    <div class="mt-6 flex gap-4">
        <a href="{{ route('property-types.edit', $propertyType) }}" class="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600">Editar</a>
        <a href="{{ route('property-types.index') }}" class="bg-gray-300 text-gray-800 px-4 py-2 rounded hover:bg-gray-400">Volver</a>
    </div>
</div>
@endsection