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

@section('content')
@php($canEdit = auth()->user()->hasRole('superadmin') || auth()->user()->can('propertyowner.edit'))
<main class="portal-workspace portal-light-type" data-owner-detail>
    <header class="portal-page-header">
        <div>
            <a class="portal-back-link" href="{{ route('property-owners.index') }}"><i class="mdi mdi-arrow-left" aria-hidden="true"></i> Property owners</a>
            <span class="portal-eyebrow">Property owner overview</span>
            <h1>{{ $owner->name }}</h1>
            <p>Company profile, project portfolio, payments and disbursements.</p>
        </div>
        <div class="owner-page-actions">
            @if($canEdit)<a href="{{ url('/propertyowner/edit/' . encrypt($owner->id)) }}" class="btn btn-mlk-outline"><i class="mdi mdi-pencil-outline" aria-hidden="true"></i> Edit company</a>@endif
            @role('superadmin')<a href="{{ route('property-owner-disbursements.create', encrypt($owner->id)) }}" class="btn btn-mlk-primary"><i class="mdi mdi-bank-transfer" aria-hidden="true"></i> Disbursement to account</a>@endrole
        </div>
    </header>

    @if(session('message'))<div class="alert alert-success" role="status">{{ session('message') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger" role="alert">{{ session('error') }}</div>@endif
    @if($errors->any())<div class="alert alert-danger" role="alert">{{ $errors->first() }}</div>@endif

    <section class="portal-kpi-grid portal-kpi-grid--five" aria-label="Property owner summary">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="mdi mdi-home-city-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Projects</span><strong>{{ number_format($owner->projects_count) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-dark"><i class="mdi mdi-map-marker-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Total plots</span><strong>{{ number_format($metrics['plots']) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="mdi mdi-check-circle-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Completed orders</span><strong>{{ number_format($metrics['sold_plots']) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="mdi mdi-cash-multiple" aria-hidden="true"></i></span><span class="portal-kpi-label">Completed sales value</span><strong>TZS {{ number_format($metrics['revenue'], 2) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-orange"><i class="mdi mdi-clock-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Orders awaiting completion</span><strong>{{ number_format($metrics['pending_transactions']) }}</strong></article>
    </section>

    <section class="portal-card owner-section-bar" aria-label="Owner page sections and table settings">
        <nav class="owner-section-links" role="tablist" aria-label="Property owner records">
            @foreach(['projects' => 'Projects', 'transactions' => 'Transactions', 'disbursements' => 'Disbursements'] as $tab => $label)
                <a id="owner-tab-{{ $tab }}" href="{{ request()->fullUrlWithQuery(['tab' => $tab]) }}#{{ $tab }}" role="tab" data-owner-tab="{{ $tab }}" aria-controls="{{ $tab }}" aria-selected="{{ $activeTab === $tab ? 'true' : 'false' }}" tabindex="{{ $activeTab === $tab ? '0' : '-1' }}">{{ $label }}@if($tab === 'disbursements') <span class="portal-status portal-status--neutral">{{ number_format($owner->disbursements_count) }}</span>@endif</a>
            @endforeach
        </nav>
        <form action="{{ request()->url() }}" method="GET" class="owner-page-size">
            <input type="hidden" name="tab" value="{{ $activeTab }}" data-owner-active-tab>
            <label for="owner-page-size">Results per table</label>
            <select id="owner-page-size" name="per_page" class="form-control" data-owner-page-size>@foreach([25, 50, 100] as $size)<option value="{{ $size }}" @selected($pageSize === $size)>{{ $size }}</option>@endforeach</select>
            <noscript><button type="submit" class="btn btn-mlk-outline">Apply</button></noscript>
        </form>
    </section>

    <div class="portal-detail-grid">
        <div>
            <section id="disbursements" class="portal-card" role="tabpanel" aria-labelledby="owner-tab-disbursements" data-owner-panel @if($activeTab !== 'disbursements') hidden @endif>
                <header class="portal-card-header"><div><h2 id="owner-disbursements-title">Disbursements to account</h2><p>Funds transferred to this property owner, with receipts.</p></div>@role('superadmin')<a href="{{ route('property-owner-disbursements.create', encrypt($owner->id)) }}" class="btn btn-mlk-outline btn-sm">Add disbursement</a>@endrole</header>
                @if($disbursementTotals->isNotEmpty())
                    <div class="owner-disbursement-totals" aria-label="Total disbursed by currency">
                        @foreach($disbursementTotals as $total)<div><span>Total disbursed · {{ $total->currency }}</span><strong>{{ $total->currency }} {{ number_format((float) $total->total, 2) }}</strong></div>@endforeach
                    </div>
                @endif
                <div class="table-responsive"><table class="table portal-table"><thead><tr><th>Transfer</th><th>Receiving account</th><th>Amount</th><th>Recorded by</th><th>Receipt</th></tr></thead><tbody>
                    @forelse($disbursements as $disbursement)
                        @php($disbursementUrl = route('property-owner-disbursements.show', [encrypt($owner->id), $disbursement]))
                        <tr class="portal-clickable-row" data-href="{{ $disbursementUrl }}" tabindex="0" role="link" aria-label="View disbursement {{ $disbursement->transfer_reference }}">
                            <td><a href="{{ $disbursementUrl }}">{{ $disbursement->transfer_reference }}</a><small>{{ $disbursement->transferred_on->format('d M Y') }} · {{ $disbursement->order_payments_count }} orders</small></td>
                            <td><strong>{{ $disbursement->account_name }}</strong><small>{{ $disbursement->bank_name }} · {{ $disbursement->masked_account_number }}</small></td>
                            <td class="text-nowrap">{{ $disbursement->currency }} {{ number_format((float) $disbursement->amount, 2) }}</td>
                            <td>{{ $disbursement->recorder_name ?: 'User unavailable' }}<small>{{ optional($disbursement->created_at)->format('d M Y, H:i') }}</small></td>
                            <td><a class="btn btn-mlk-outline btn-sm" href="{{ route('property-owner-disbursements.receipt', [encrypt($owner->id), $disbursement]) }}"><i class="mdi mdi-download" aria-hidden="true"></i> Receipt<span class="sr-only"> for {{ $disbursement->transfer_reference }}</span></a></td>
                        </tr>
                    @empty<tr><td colspan="5"><div class="portal-empty"><i class="mdi mdi-bank-transfer" aria-hidden="true"></i><h3>No disbursements recorded</h3><p>Record a completed transfer and upload its receipt.</p></div></td></tr>@endforelse
                </tbody></table></div>
                @include('superadmin.propertyOwner.partials.detail_pagination', ['paginator' => $disbursements, 'label' => 'disbursements'])
            </section>

            <section id="projects" class="portal-card" role="tabpanel" aria-labelledby="owner-tab-projects" data-owner-panel @if($activeTab !== 'projects') hidden @endif>
                <header class="portal-card-header"><div><h2 id="owner-projects-title">Projects</h2><p>{{ number_format($projects->total()) }} projects linked to this company.</p></div>@if(auth()->user()->hasRole('superadmin') || auth()->user()->can('property.create'))<a href="{{ url('/property/add') }}" class="btn btn-mlk-outline btn-sm">Add project</a>@endif</header>
                <div class="table-responsive"><table class="table portal-table"><thead><tr><th>Project</th><th>Location</th><th>Plots</th><th>Status</th><th>Created</th></tr></thead><tbody>
                    @forelse($projects as $project)
                        @php($projectUrl = url('/property/show/' . encrypt($project->id)))
                        <tr class="portal-clickable-row" data-href="{{ $projectUrl }}" tabindex="0" role="link" aria-label="View project {{ $project->name }}">
                            <td><a href="{{ $projectUrl }}">{{ $project->name ?: 'Unnamed project' }}</a></td><td>{{ $project->city ?: 'Not provided' }}</td><td>{{ number_format($project->propertyplots_count) }}</td>
                            <td><span class="portal-status {{ (int) $project->status === 1 ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $project->status_description ?: ((int) $project->status === 1 ? 'Available' : 'Inactive') }}</span></td><td>{{ optional($project->created_at)->format('d M Y') ?: '—' }}</td>
                        </tr>
                    @empty<tr><td colspan="5"><div class="portal-empty"><h3>No projects linked</h3><p>No projects are linked to this property owner.</p></div></td></tr>@endforelse
                </tbody></table></div>
                @include('superadmin.propertyOwner.partials.detail_pagination', ['paginator' => $projects, 'label' => 'projects'])
            </section>

            <section id="transactions" class="portal-card" role="tabpanel" aria-labelledby="owner-tab-transactions" data-owner-panel @if($activeTab !== 'transactions') hidden @endif>
                <header class="portal-card-header"><div><h2 id="owner-transactions-title">Payment transactions</h2><p>Customer payments across this company's projects. Select a linked transaction to view its order.</p></div></header>
                <div class="table-responsive"><table class="table portal-table"><thead><tr><th>Reference / ID</th><th>Receipt</th><th>Project / Plot</th><th>Date</th><th>Source</th><th>Amount</th><th>Status</th></tr></thead><tbody>
                    @forelse($transactions as $transaction)
                        @php($orderUrl = $transaction->order && $transaction->order->property && $transaction->order->plot ? url('/property/orders/view/' . encrypt($transaction->order->id)) : null)
                        <tr @if($orderUrl) class="portal-clickable-row" data-href="{{ $orderUrl }}" tabindex="0" role="link" aria-label="View order {{ $transaction->reference }}" @endif>
                            <td>@if($orderUrl)<a href="{{ $orderUrl }}">{{ $transaction->reference }}</a>@else<strong>{{ $transaction->reference ?: '—' }}</strong>@endif<small>{{ $transaction->transactionId ?: ($transaction->tid ?: '—') }}</small></td><td>{{ $transaction->receipt ?: '—' }}</td><td>{{ optional($transaction->property)->name ?: '—' }}<small>Plot {{ optional($transaction->plot)->plotnumber ?: '—' }}</small></td><td>{{ optional($transaction->created_at)->format('d M Y, H:i') ?: '—' }}</td><td>{{ $transaction->sourceInstitution ?: '—' }}</td><td class="text-nowrap">TZS {{ number_format((float) $transaction->amount_paid, 2) }}</td><td><span class="portal-status {{ (int) $transaction->status === 1 ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $transaction->status_description ?: 'Pending' }}</span></td>
                        </tr>
                    @empty<tr><td colspan="7"><div class="portal-empty"><h3>No payment transactions</h3><p>No transactions have been recorded for this property owner.</p></div></td></tr>@endforelse
                </tbody></table></div>
                @include('superadmin.propertyOwner.partials.detail_pagination', ['paginator' => $transactions, 'label' => 'transactions'])
            </section>
        </div>

        <aside aria-label="Company profile and bank accounts">
            <section id="company-profile" class="portal-card portal-facts">
                <div class="portal-facts-header"><h2>Company profile</h2><span class="portal-status {{ $owner->status === 'active' ? 'portal-status--success' : 'portal-status--neutral' }}">{{ $owner->status_label }}</span></div>
                <dl>
                    <div><dt>Phone</dt><dd>{{ $owner->mobilenumber ?: 'Not provided' }}</dd></div><div><dt>Email</dt><dd>@if($owner->email)<a href="mailto:{{ $owner->email }}">{{ $owner->email }}</a>@else Not provided @endif</dd></div><div><dt>Address</dt><dd>{{ $owner->location_label }}</dd></div><div><dt>TIN</dt><dd>{{ $owner->tin ?: 'Not provided' }}</dd></div><div><dt>VRN</dt><dd>{{ $owner->vrn ?: 'Not provided' }}</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') ?: '—' }}</dd></div>
                </dl>
                <div class="owner-company-description"><h3>About the company</h3><p>{{ strip_tags($owner->description ?: 'No company description has been provided.') }}</p></div>
            </section>
            <section class="portal-card portal-facts">
                <div class="portal-facts-header"><h2>Bank accounts</h2><span class="portal-status portal-status--neutral">{{ number_format($owner->bank_accounts_count) }} linked</span></div>
                @if($owner->defaultBankAccount)
                    <dl><div><dt>Default account</dt><dd>{{ $owner->defaultBankAccount->account_name }}</dd></div><div><dt>Bank</dt><dd>{{ optional($owner->defaultBankAccount->bank)->name ?: 'Not provided' }}</dd></div><div><dt>Account</dt><dd>{{ $owner->defaultBankAccount->masked_account_number }}</dd></div><div><dt>Currency</dt><dd>{{ $owner->defaultBankAccount->currency }}</dd></div></dl>
                @else<p class="text-muted mt-3">{{ $owner->bank_accounts_count ? 'No default account selected.' : 'No bank accounts linked yet.' }}</p>@endif
                <a href="{{ route('property-owner-bank-accounts.index', encrypt($owner->id)) }}" class="btn btn-mlk-outline btn-block mt-3">View bank accounts</a>
                @if($canEdit && !$owner->bank_accounts_count)<a href="{{ route('property-owner-bank-accounts.create', encrypt($owner->id)) }}" class="btn btn-mlk-primary btn-block mt-2">Add bank account</a>@endif
            </section>
        </aside>
    </div>
</main>
@endsection

@push('scripts')<script src="{{ asset('/web/assets/js/pages/property-owner-detail.js') }}?v=3"></script>@endpush