@extends('mainlayout.layout')

@section('title', config('app.name') . ' | Property Owners')
@section('topbar-search', 'enabled')

@section('content')
<main class="portal-workspace portal-light-type" data-async-directory>
    <header class="portal-page-header" data-async-summary>
        <div><span class="portal-eyebrow">Property owner management</span><h1>Property Owners</h1><p>Find registered property companies and manage their project portfolios.</p></div>
        <div class="portal-header-actions">
            <a href="{{ route('property-owners.export', request()->query()) }}" class="btn btn-mlk-outline"><i class="bx bx-export"></i> Export</a>
            @if(auth()->user()->hasRole('superadmin') || auth()->user()->can('propertyowner.create'))
                <a href="{{ route('property-owners.create') }}" class="btn btn-mlk-primary"><i class="bx bx-plus"></i> Add Property Owner</a>
            @endif
        </div>
    </header>
    @include('superadmin.propertyOwner.partials.alerts')

    <section class="portal-kpi-grid portal-kpi-grid--four" aria-label="Property owner overview">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx bx-buildings"></i></span><span class="portal-kpi-label">Total property owners</span><strong>{{ number_format($stats['total']) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-dark"><i class="bx bx-shield-quarter"></i></span><span class="portal-kpi-label">Active companies</span><strong>{{ number_format($stats['active']) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-orange"><i class="bx bx-time-five"></i></span><span class="portal-kpi-label">Pending onboarding</span><strong>{{ number_format($stats['pending']) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx bx-user-plus"></i></span><span class="portal-kpi-label">New this month</span><strong>{{ number_format($stats['new_this_month']) }}</strong></article>
    </section>

    <section class="portal-card" data-async-list>
        <form class="portal-filter-bar" action="{{ route('property-owners.index') }}" method="GET" data-async-filter>
            @if(request()->filled('per_page'))<input type="hidden" name="per_page" value="{{ request('per_page') }}">@endif
            <label class="portal-search-field"><i class="bx bx-search"></i><input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Search company, email, phone, TIN, VRN or project" aria-label="Search property owners" autocomplete="off" data-auto-submit></label>
            <select name="status" aria-label="Filter owners by status" data-auto-change>
                <option value="">All statuses</option>
                @foreach(\App\Models\PropertyOwner::STATUSES as $value => $label)<option value="{{ $value }}" @selected(($filters['status'] ?? '') === $value)>{{ $label }}</option>@endforeach
            </select>
            <select name="location" aria-label="Filter owners by location" data-auto-change>
                <option value="">All locations</option>
                @foreach($locations as $location)<option value="{{ $location }}" @selected(($filters['location'] ?? '') === $location)>{{ $location }}</option>@endforeach
            </select>
            <select name="sort" aria-label="Sort property owners" data-auto-change>
                @foreach(['recently_registered' => 'Recently registered', 'oldest' => 'Oldest first', 'name_asc' => 'Company A–Z', 'name_desc' => 'Company Z–A'] as $value => $label)<option value="{{ $value }}" @selected(($filters['sort'] ?? 'recently_registered') === $value)>{{ $label }}</option>@endforeach
            </select>
            <button class="btn btn-mlk-primary" type="submit"><i class="bx bx-search"></i> Search</button>
            <a class="btn btn-mlk-outline" href="{{ route('property-owners.index') }}" data-async-clear>Clear</a>
            <label>Registered from<input type="date" name="registered_from" value="{{ $filters['registered_from'] ?? '' }}" data-auto-change></label>
            <label>Registered to<input type="date" name="registered_to" value="{{ $filters['registered_to'] ?? '' }}" data-auto-change></label>
        </form>
        <header class="portal-card-header">
            <div><h2>{{ $hasSearched ? 'Matching property owners' : 'Recent property owners' }}</h2><p>{{ number_format($propertyOwners->total()) }} {{ Str::plural('property owner', $propertyOwners->total()) }} found</p></div>
            <span class="portal-status portal-status--neutral">@if($propertyOwners->total()){{ $propertyOwners->firstItem() }}–{{ $propertyOwners->lastItem() }} of {{ number_format($propertyOwners->total()) }}@else 0 property owners @endif</span>
        </header>
        <div class="portal-directory-progress" data-async-progress role="status" aria-live="polite"><span></span> Loading property owners…</div>
        <div class="table-responsive">
            <table class="table portal-table">
                <thead><tr><th>Company</th><th>Contact</th><th>Location</th><th>Projects</th><th>Status</th><th>Registered</th></tr></thead>
                <tbody>
                @forelse($propertyOwners as $owner)
                    @php($ownerUrl = route('property-owners.show', encrypt($owner->id)))
                    <tr class="portal-clickable-row" data-href="{{ $ownerUrl }}" tabindex="0" role="link" aria-label="View {{ $owner->name }}">
                        <td><a href="{{ $ownerUrl }}">{{ $owner->name }}</a><small>{{ $owner->tin ? 'TIN ' . $owner->tin : 'TIN not available' }}</small></td>
                        <td>{{ $owner->mobilenumber ?: 'Phone not available' }}<small>{{ $owner->email ?: 'Email not available' }}</small></td>
                        <td>{{ Str::limit($owner->location_label, 40) }}</td>
                        <td>{{ number_format($owner->projects_count) }}</td>
                        <td><span class="portal-status {{ $owner->status === 'active' ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $owner->status_label }}</span><small>{{ $owner->onboarding_status_label }}</small></td>
                        <td>{{ optional($owner->created_at)->format('d M Y') ?: '—' }}<small>{{ optional($owner->created_at)->format('H:i') }}</small></td>
                    </tr>
                @empty
                    <tr><td colspan="6"><div class="portal-empty portal-empty--muted compact">No property owners found. Try a broader search or clear the filters.</div></td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        @include('partials.directory-pagination', ['paginator' => $propertyOwners])
    </section>
</main>
@endsection

@push('scripts')
<script src="{{ asset('/web/assets/js/portal-async-directory.js') }}?v=2" defer></script>
@endpush