@extends('mainlayout.layout')

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

@section('content')
@php
    $canEdit = auth()->user()->hasRole('superadmin') || auth()->user()->can('propertyowner.edit');
    $accountListUrl = route('property-owner-bank-accounts.index', encrypt($owner->id));
@endphp
<main class="portal-workspace portal-light-type owner-bank-workspace owner-bank-directory">
    <header class="portal-page-header">
        <div>
            <div><a class="portal-back-link" href="{{ route('property-owners.show', encrypt($owner->id)) }}"><i class="mdi mdi-arrow-left" aria-hidden="true"></i> {{ $owner->name }}</a></div>
            <span class="portal-eyebrow">Property owner bank accounts</span>
            <h1>Bank Accounts</h1>
            <p>Manage receiving accounts and payout preferences for {{ $owner->name }}.</p>
        </div>
        @if($canEdit)<div class="owner-page-actions"><a href="{{ route('property-owner-bank-accounts.create', encrypt($owner->id)) }}" class="btn btn-mlk-primary"><i class="mdi mdi-plus" aria-hidden="true"></i> Add Bank Account</a></div>@endif
    </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" tabindex="-1" data-validation-summary>Please check the filters below. {{ $errors->first() }}</div>@endif

    <section class="portal-kpi-grid portal-kpi-grid--four" aria-label="Bank account statistics">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="mdi mdi-bank-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Total accounts</span><strong>{{ number_format($stats['total']) }}</strong><small class="owner-bank-kpi-caption">All linked accounts</small></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon owner-bank-tone-info"><i class="mdi mdi-wallet-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Default payout accounts</span><strong>{{ number_format($stats['defaults']) }}</strong><small class="owner-bank-kpi-caption">Selected receiving account</small></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon owner-bank-tone-success"><i class="mdi mdi-bank-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Active accounts</span><strong>{{ number_format($stats['active']) }}</strong><small class="owner-bank-kpi-caption">{{ $stats['total'] ? round(($stats['active'] / $stats['total']) * 100, 1) : 0 }}% of all accounts</small></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon owner-bank-tone-warning"><i class="mdi mdi-currency-usd" aria-hidden="true"></i></span><span class="portal-kpi-label">Currencies used</span><strong>{{ number_format($stats['currencies']) }}</strong><small class="owner-bank-kpi-caption">{{ $currenciesUsed->implode(', ') ?: 'None' }}</small></article>
    </section>

    <div class="portal-detail-grid">
        <section class="portal-card" aria-labelledby="linked-accounts-title">
            <header class="portal-card-header"><div><h2 id="linked-accounts-title">Linked accounts</h2><p>Search and manage this owner's bank accounts.</p></div><span class="portal-status portal-status--neutral">{{ number_format($accounts->total()) }} accounts</span></header>
            <form class="portal-filter-bar owner-bank-filters" method="GET" action="{{ $accountListUrl }}" aria-label="Filter bank accounts">
                <label for="bank-search"><span>Search accounts</span><span class="portal-search-field"><i class="mdi mdi-magnify" aria-hidden="true"></i><input id="bank-search" type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Bank or account name"></span></label>
                <label for="bank-status"><span>Status</span><select id="bank-status" name="status"><option value="">All statuses</option>@foreach(\App\Models\PropertyOwnerBankAccount::STATUSES as $value => $label)<option value="{{ $value }}" @selected(($filters['status'] ?? '') === $value)>{{ $label }}</option>@endforeach</select></label>
                <label for="bank-currency"><span>Currency</span><select id="bank-currency" name="currency"><option value="">All currencies</option>@foreach(\App\Models\PropertyOwnerBankAccount::CURRENCIES as $value => $label)<option value="{{ $value }}" @selected(($filters['currency'] ?? '') === $value)>{{ $value }}</option>@endforeach</select></label>
                <label for="bank-sort"><span>Sort by</span><select id="bank-sort" name="sort"><option value="newest">Added: newest</option><option value="oldest" @selected(($filters['sort'] ?? '') === 'oldest')>Added: oldest</option><option value="account_name" @selected(($filters['sort'] ?? '') === 'account_name')>Account name</option></select></label>
                <div class="owner-bank-filter-actions"><a href="{{ $accountListUrl }}" class="btn btn-mlk-outline">Clear</a><button class="btn btn-mlk-primary" type="submit"><i class="mdi mdi-filter-outline" aria-hidden="true"></i> Filter</button></div>
            </form>

            @if($accounts->isEmpty())
                <div class="portal-empty"><i class="mdi mdi-bank-outline" aria-hidden="true"></i><h3>No bank accounts found</h3><p>{{ $stats['total'] ? 'Try another search or clear the current filters.' : 'Link a receiving account to get started.' }}</p>@if($stats['total'])<a href="{{ $accountListUrl }}" class="btn btn-mlk-outline">Clear filters</a>@elseif($canEdit)<a href="{{ route('property-owner-bank-accounts.create', encrypt($owner->id)) }}" class="btn btn-mlk-primary">Add Bank Account</a>@endif</div>
            @else
                <div class="table-responsive"><table class="table portal-table owner-bank-table"><caption class="sr-only">Linked bank accounts for {{ $owner->name }}</caption><thead><tr><th scope="col">Bank / account</th><th scope="col">Account number</th><th scope="col">Currency</th><th scope="col">Status</th><th scope="col">Usage</th><th scope="col">Added on</th><th scope="col" class="text-right">Actions</th></tr></thead><tbody>
                @foreach($accounts as $account)
                    <tr data-bank-detail-row data-bank-detail-template="bank-details-{{ $account->id }}" tabindex="0" aria-label="Account details for {{ $account->account_name }}">
                        <td><div class="owner-bank-identity"><span class="owner-bank-mark" aria-hidden="true">{{ strtoupper(mb_substr(optional($account->bank)->name ?: 'BK', 0, 2)) }}</span><div><strong>{{ optional($account->bank)->name ?: 'Bank not selected' }}</strong><small>{{ $account->account_name }}</small>@if($account->nickname)<small>{{ $account->nickname }}</small>@endif</div></div></td>
                        <td class="text-nowrap">{{ $account->masked_account_number }}</td>
                        <td><span class="owner-bank-currency">{{ $account->currency }}</span></td>
                        <td><span class="portal-status owner-bank-status--{{ $account->status }}">{{ $account->status_label }}</span></td>
                        <td><div class="owner-bank-usage">@if($account->is_default)<span class="portal-status owner-bank-status--active">Default payout</span>@endif @if($account->use_for_refunds)<small>Refunds</small>@elseif(!$account->is_default)<small>General</small>@endif</div></td>
                        <td class="text-nowrap">{{ optional($account->created_at)->format('d M Y') ?: '—' }}</td>
                        <td><div class="owner-bank-row-actions">
                            @if($account->supporting_document_path)<a class="portal-row-action" href="{{ route('property-owner-bank-accounts.document', [encrypt($owner->id), $account]) }}" title="Download supporting document" aria-label="Download supporting document for {{ $account->account_name }}"><i class="mdi mdi-download" aria-hidden="true"></i></a>@endif
                            <button class="portal-row-action" type="button" data-bank-details-button aria-controls="bank-account-details" aria-expanded="false" title="View account details" aria-label="View account details for {{ $account->account_name }}"><i class="mdi mdi-eye-outline" aria-hidden="true"></i></button>
                            @if($canEdit)<a class="portal-row-action" href="{{ route('property-owner-bank-accounts.edit', [encrypt($owner->id), $account]) }}" title="Edit account" aria-label="Edit account for {{ $account->account_name }}"><i class="mdi mdi-pencil-outline" aria-hidden="true"></i></a>@endif
                            @if($canEdit && !$account->is_default && $account->status === 'active')<form method="POST" action="{{ route('property-owner-bank-accounts.default', [encrypt($owner->id), $account]) }}">@csrf<button class="portal-row-action owner-bank-default" type="submit" title="Set as default" aria-label="Set {{ $account->account_name }} as default payout account"><i class="mdi mdi-star-outline" aria-hidden="true"></i></button></form>@endif
                        </div></td>
                    </tr>
                @endforeach
                </tbody></table></div>
                @foreach($accounts as $account)<template id="bank-details-{{ $account->id }}">@include('superadmin.propertyOwner.bank_accounts.details')</template>@endforeach
                <div class="portal-pagination owner-bank-pagination"><span class="text-muted small">Showing {{ $accounts->firstItem() }} to {{ $accounts->lastItem() }} of {{ number_format($accounts->total()) }} accounts</span>@if($accounts->hasPages())<nav aria-label="Bank account pagination">{{ $accounts->onEachSide(1)->links('pagination::bootstrap-4') }}</nav>@endif</div>
            @endif
        </section>

        <aside aria-label="Payout account and property owner information">
            <section class="portal-card portal-facts owner-bank-payout-card">
                <div class="portal-facts-header"><h2>Default payout account</h2>@if($defaultAccount)<span class="portal-status owner-bank-status--active">Default</span>@endif</div>
                @if($defaultAccount)
                    <div class="owner-bank-payout-heading"><span class="portal-project-mark"><i class="mdi mdi-bank-outline" aria-hidden="true"></i></span><div><strong>{{ optional($defaultAccount->bank)->name ?: 'Bank not selected' }}</strong><small>{{ $defaultAccount->account_name }}</small></div></div>
                    <dl><div><dt>Account number</dt><dd>{{ $defaultAccount->masked_account_number }}</dd></div><div><dt>Currency</dt><dd>{{ $defaultAccount->currency }}</dd></div></dl>
                    <p class="owner-bank-side-note">The selected account for this owner's payouts.</p>
                @else
                    <p class="owner-bank-side-note">No default payout account selected. Save an account and choose it as the default for payouts.</p>
                @endif
                <div class="owner-bank-availability-note"><i class="mdi mdi-bank-outline" aria-hidden="true"></i><span>Saved accounts can be used for payouts immediately.</span></div>
            </section>
            <section class="portal-card portal-facts">
                <div class="portal-facts-header"><h2>Account usage</h2></div>
                <div class="owner-bank-usage-list">
                    <a href="{{ $accountListUrl . '?' . http_build_query(array_merge($filters, ['status' => 'active'])) }}"><span class="owner-bank-usage-dot owner-bank-dot--active" aria-hidden="true"></span><span>Active accounts</span><strong>{{ number_format($stats['active']) }}</strong></a>
                    <a href="{{ $accountListUrl . '?' . http_build_query(array_merge($filters, ['status' => 'draft'])) }}"><span class="owner-bank-usage-dot owner-bank-dot--draft" aria-hidden="true"></span><span>Drafts</span><strong>{{ number_format($stats['drafts']) }}</strong></a>
                    <div><span class="owner-bank-usage-dot owner-bank-dot--refunds" aria-hidden="true"></span><span>Available for refunds</span><strong>{{ number_format($stats['refunds']) }}</strong></div>
                </div>
            </section>
            <section class="portal-card portal-facts">
                <div class="portal-facts-header"><h2>Property owner</h2><a href="{{ route('property-owners.show', encrypt($owner->id)) }}">View profile <i class="mdi mdi-chevron-right" aria-hidden="true"></i></a></div>
                <div class="owner-company-description"><h3>{{ $owner->name }}</h3><p>{{ $owner->location_label }}</p></div>
                <dl><div><dt>Mobile</dt><dd>{{ $owner->mobilenumber ?: 'Not provided' }}</dd></div><div><dt>Email</dt><dd>{{ $owner->email ?: 'Not provided' }}</dd></div><div><dt>Status</dt><dd>{{ $owner->status_label }}</dd></div></dl>
            </section>
        </aside>
    </div>
</main>
@endsection

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