@extends('layouts.app')
@section('content')
<div>
    <div class="mb-4 text-sm text-gray-500">{{ $project?->name }} › Property Types</div>
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-2xl font-semibold">Property Types</h1>
        <a href="{{ route('property-types.create') }}" class="px-4 py-2 rounded-xl bg-[var(--primary)] text-white">Add Type</a>
    </div>
    <div class="bg-white rounded-2xl border shadow">
        <table class="min-w-full text-sm">
            <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-2 text-left"><a href="{{ route('property-types.index', ['sort'=>'name','order'=>$order==='asc'?'desc':'asc']) }}">Name</a></th>
                <th class="px-4 py-2 text-left"># Unit Categories</th>
                <th class="px-4 py-2 text-left"># Units</th>
                <th class="px-4 py-2 text-left">Actions</th>
            </tr>
            </thead>
            <tbody>
            @forelse($types as $t)
                <tr class="border-t">
                    <td class="px-4 py-2">{{ $t->name }}</td>
                    <td class="px-4 py-2">{{ $t->unit_categories_count ?? $t->unitCategories()->count() }}</td>
                    <td class="px-4 py-2">{{ $t->units_count ?? $t->unitCategories()->withCount('units')->get()->sum('units_count') }}</td>
                    <td class="px-4 py-2 space-x-2">
                        <a href="{{ route('property-types.edit', $t) }}" class="text-[var(--primary)]">Edit</a>
                        <form method="POST" action="{{ route('property-types.destroy', $t) }}" style="display:inline" onsubmit="return confirm('Are you sure?')">
                            @csrf @method('DELETE')
                            <button class="text-red-600">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="4" class="px-4 py-8 text-center text-gray-500">No property types</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="p-4">{{ $types->links() }}</div>
    </div>
</div>
@endsection