{{-- resources/views/admin/properties/index.blade.php --}}
@extends('admin.layouts.app')

@section('title', 'Properties')
@section('page_title', 'Properties')
@section('breadcrumb', 'All registered properties on the platform')

@section('content')

{{-- Filter Bar --}}
<div class="card mb-4">
    <div class="card-body" style="padding:14px 18px;">
        <form method="GET" class="d-flex align-items-center gap-2 flex-wrap">

            {{-- Search --}}
            <div style="position:relative;flex:1;min-width:200px;max-width:300px;">
                <i class="bi bi-search"
                   style="position:absolute;left:10px;top:50%;transform:translateY(-50%);
                          color:var(--muted);font-size:.8rem;pointer-events:none;"></i>
                <input type="text"
                       name="search"
                       value="{{ request('search') }}"
                       placeholder="Search by name…"
                       class="form-control form-control-sm"
                       style="padding-left:30px;">
            </div>

            {{-- Verification status --}}
            <select name="status" class="form-select form-select-sm" style="width:auto;">
                <option value="">All Statuses</option>
                @foreach([
                    'draft'            => 'Draft',
                    'pending_review'   => 'Pending Review',
                    'info_requested'   => 'Info Requested',
                    'approved'         => 'Approved',
                    'rejected'         => 'Rejected',
                    'suspended'        => 'Suspended',
                    'deactivated'      => 'Deactivated',
                ] as $val => $label)
                    <option value="{{ $val }}" {{ request('status') === $val ? 'selected' : '' }}>
                        {{ $label }}
                    </option>
                @endforeach
            </select>

            {{-- Subscription status --}}
            <select name="subscription" class="form-select form-select-sm" style="width:auto;">
                <option value="">All Subscriptions</option>
                @foreach([
                    'trialing'     => 'Trialing',
                    'active'       => 'Active',
                    'grace_period' => 'Grace Period',
                    'suspended'    => 'Suspended',
                    'expired'      => 'Expired',
                    'cancelled'    => 'Cancelled',
                ] as $val => $label)
                    <option value="{{ $val }}" {{ request('subscription') === $val ? 'selected' : '' }}>
                        {{ $label }}
                    </option>
                @endforeach
            </select>

            <button type="submit" class="btn btn-sm btn-primary">Filter</button>

            @if(request()->hasAny(['search', 'status', 'subscription']))
                <a href="{{ route('admin.properties.index') }}"
                   class="btn btn-sm btn-outline-secondary">Clear</a>
            @endif

        </form>
    </div>
</div>

{{-- Table --}}
<div class="card">
    <div class="card-header">
        <span class="card-title">
            Properties
            <span style="font-size:.75rem;font-weight:400;color:var(--muted);margin-left:6px;">
                {{ $properties->total() }} total
            </span>
        </span>
    </div>

    @if($properties->isEmpty())
        <div class="card-body text-center py-5">
            <i class="bi bi-building" style="font-size:2.5rem;color:var(--muted)"></i>
            <p class="fw-semibold mt-3 mb-1">No properties found</p>
            <p class="text-muted" style="font-size:.82rem;">
                Try adjusting your filters
            </p>
        </div>
    @else
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>Property</th>
                        <th>Owner</th>
                        <th>Type</th>
                        <th>Plan</th>
                        <th>Verification</th>
                        <th>Subscription</th>
                        <th>Registered</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($properties as $property)
                        @php $owner = $property->users->first(); @endphp
                        <tr>
                            <td>
                                <div class="fw-semibold" style="font-size:.83rem;">
                                    {{ $property->name }}
                                </div>
                                <div style="font-size:.7rem;color:var(--muted);">
                                    {{ $property->city }}@if($property->country), {{ $property->country }}@endif
                                </div>
                            </td>
                            <td>
                                <div style="font-size:.82rem;">{{ $owner?->name ?? '—' }}</div>
                                <div style="font-size:.7rem;color:var(--muted);">{{ $owner?->email }}</div>
                            </td>
                            <td style="color:var(--muted);font-size:.8rem;">
                                {{ ucfirst(str_replace('_', ' ', $property->type)) }}
                            </td>
                            <td>
                                @if($property->plan_slug)
                                    <span style="font-size:.73rem;font-weight:600;
                                                 background:var(--clay-light);color:var(--clay);
                                                 padding:2px 8px;border-radius:4px;">
                                        {{ $property->plan_slug }}
                                    </span>
                                @else
                                    <span style="color:var(--muted);font-size:.78rem;">—</span>
                                @endif
                            </td>
                            <td>
                                <span class="badge-status bs-{{ $property->verification_status }}">
                                    {{ str_replace('_', ' ', $property->verification_status) }}
                                </span>
                            </td>
                            <td>
                                <span class="badge-status bs-{{ $property->subscription_status }}">
                                    {{ $property->subscription_status }}
                                </span>
                            </td>
                            <td style="color:var(--muted);font-size:.75rem;white-space:nowrap;">
                                {{ $property->created_at->format('d M Y') }}
                            </td>
                            <td>
                                <a href="{{ route('admin.properties.show', $property) }}"
                                   class="btn btn-xs btn-outline-secondary">
                                    View →
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        @if($properties->hasPages())
            <div class="card-body" style="border-top:1px solid var(--border);padding:12px 18px;">
                {{ $properties->links() }}
            </div>
        @endif
    @endif
</div>

@endsection