@extends('mainlayout.layout')

@section('title', config('app.name') . ' | ' . $owner->name)
@section('topbar-search', 'enabled')

@section('content')
<main class="portal-workspace portal-light-type">
    <header class="portal-page-header">
        <div>
            <a class="portal-back-link" href="{{ url()->previous() }}"><i class="bx bx-left-arrow-alt"></i> Back</a>
            <span class="portal-eyebrow">Property management firm</span>
            <h1>{{ $owner->name }}</h1>
            <p>Read-only company profile and project portfolio for customer support.</p>
        </div>
        <span class="portal-status {{ $owner->status === 'active' ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $owner->status_label }}</span>
    </header>

    <section class="portal-kpi-grid portal-kpi-grid--five" aria-label="Company summary">
        @foreach([
            ['Projects', $metrics['projects'], 'bx-buildings'],
            ['Plots', $metrics['plots'], 'bx-grid-alt'],
            ['Orders', $metrics['orders'], 'bx-cart'],
            ['Customers', $metrics['customers'], 'bx-group'],
            ['Open cases', $metrics['open_cases'], 'bx-support'],
        ] as [$label, $value, $icon])
            <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx {{ $icon }}"></i></span><span class="portal-kpi-label">{{ $label }}</span><strong>{{ number_format($value) }}</strong></article>
        @endforeach
    </section>

    <div class="portal-detail-grid">
        <section>
            <article class="portal-card">
                <header class="portal-card-header"><div><h2>Projects</h2><p>Projects managed by this firm. Select a row to view project details.</p></div><span class="portal-status portal-status--neutral">{{ $projects->total() }} total</span></header>
                <div class="table-responsive">
                    <table class="table portal-table">
                        <thead><tr><th>Project</th><th>Location</th><th>Plots</th><th>Available</th><th>Orders</th><th>Status</th><th>Added</th></tr></thead>
                        <tbody>
                        @forelse($projects as $project)
                            <tr class="portal-clickable-row" data-href="{{ route('support.properties.show', $project) }}" tabindex="0" role="link" aria-label="View project {{ $project->name }}">
                                <td><a href="{{ route('support.properties.show', $project) }}">{{ $project->name ?: 'Unnamed project' }}</a><small>{{ $project->property_plotid ?: 'No project reference' }}</small></td>
                                <td>{{ optional($project->regionDetails)->name ?: ($project->city ?: 'Not specified') }}<small>{{ optional($project->districtDetails)->name ?: $project->address }}</small></td>
                                <td>{{ number_format($project->propertyplots_count) }}</td>
                                <td>{{ number_format($project->available_plots_count) }}</td>
                                <td>{{ number_format($project->orders_count) }}</td>
                                <td><span class="portal-status {{ $project->visible ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $project->status_label }}</span></td>
                                <td>{{ optional($project->created_at)->format('d M Y') ?: '—' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="7"><div class="portal-empty portal-empty--muted compact">No projects are linked to this management firm.</div></td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
                @if($projects->hasPages())<div class="portal-pagination">{{ $projects->links() }}</div>@endif
            </article>
        </section>

        <aside>
            <article class="portal-card portal-facts">
                <h2>Company contact</h2>
                <dl>
                    <div><dt>Phone</dt><dd>{{ $owner->mobilenumber ?: 'Not available' }}</dd></div>
                    <div><dt>Email</dt><dd>{{ $owner->email ?: 'Not available' }}</dd></div>
                    <div><dt>Address</dt><dd>{{ strip_tags($owner->address ?: 'Not available') }}</dd></div>
                </dl>
            </article>
            <article class="portal-card portal-facts">
                <h2>Company record</h2>
                <dl>
                    <div><dt>TIN</dt><dd>{{ $owner->tin ?: 'Not available' }}</dd></div>
                    <div><dt>VRN</dt><dd>{{ $owner->vrn ?: 'Not available' }}</dd></div>
                    <div><dt>Onboarding</dt><dd>{{ $owner->onboarding_status_label }}</dd></div>
                    <div><dt>Portal users</dt><dd>{{ number_format($owner->users_count) }}</dd></div>
                    <div><dt>Registered</dt><dd>{{ optional($owner->created_at)->format('d M Y') ?: 'Not available' }}</dd></div>
                </dl>
            </article>
            <article class="portal-card portal-readonly-copy">
                <h2>About the firm</h2>
                <p>{{ strip_tags($owner->description ?: 'No company description is available.') }}</p>
            </article>
        </aside>
    </div>
</main>
@endsection

@push('scripts')
<script>
(function () {
    document.querySelectorAll('.portal-clickable-row[data-href]').forEach(function (row) {
        function openRecord() { window.location.assign(row.dataset.href); }
        row.addEventListener('click', function (event) { if (!event.target.closest('a, button')) openRecord(); });
        row.addEventListener('keydown', function (event) {
            if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); openRecord(); }
        });
    });
})();
</script>
@endpush