@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Disbursement ' . $disbursement->transfer_reference)

@section('content')
<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.show', ['ownerid' => encrypt($owner->id), 'tab' => 'disbursements']) }}#disbursements"><i class="mdi mdi-arrow-left" aria-hidden="true"></i> {{ $owner->name }}</a><span class="portal-eyebrow">Property owner disbursement</span><h1>{{ $disbursement->transfer_reference }}</h1><p>Funds transferred on {{ $disbursement->transferred_on->format('d M Y') }}.</p></div><a class="btn btn-mlk-outline" href="{{ route('property-owner-disbursements.receipt', [encrypt($owner->id), $disbursement]) }}"><i class="mdi mdi-download" aria-hidden="true"></i> Download receipt</a></header>
    <div class="portal-kpi-grid portal-kpi-grid--three">
        <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">Amount transferred</span><strong>{{ $disbursement->currency }} {{ number_format((float) $disbursement->amount, 2) }}</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">Orders paid to owner</span><strong>{{ number_format($orders->total()) }}</strong></article>
        <article class="portal-kpi-card"><span class="portal-kpi-icon tone-dark"><i class="mdi mdi-bank-outline" aria-hidden="true"></i></span><span class="portal-kpi-label">Receiving account</span><strong>{{ $disbursement->masked_account_number }}</strong></article>
    </div>
    <div class="portal-detail-grid">
        <section class="portal-card"><header class="portal-card-header"><div><h2>Orders covered by this disbursement</h2><p>Completed purchases paid to {{ $owner->name }}.</p></div><span class="portal-status portal-status--success">Paid to owner</span></header>
            <div class="table-responsive"><table class="table portal-table"><thead><tr><th>Order / Customer</th><th>Project / Plot</th><th>Order value (TZS)</th><th>Disbursement value (TZS)</th></tr></thead><tbody>
                @forelse($orders as $payment)
                    @php($orderUrl = $payment->order && $payment->order->property && $payment->order->plot && (int) $payment->order->property->propertyownerid === (int) $owner->id ? url('/property/orders/view/' . encrypt($payment->order_id)) : null)
                    <tr @if($orderUrl) class="portal-clickable-row" data-href="{{ $orderUrl }}" tabindex="0" role="link" aria-label="View order {{ $payment->order_reference ?: $payment->order_id }}" @endif><td>@if($orderUrl)<a href="{{ $orderUrl }}">{{ $payment->order_reference ?: $payment->order_id }}</a>@else<strong>{{ $payment->order_reference ?: $payment->order_id }}</strong>@endif<small>{{ $payment->customer_name }}</small></td><td>{{ $payment->project_name }}<small>Plot {{ $payment->plot_number ?: '—' }}</small></td><td>{{ number_format((float) $payment->order_value, 2) }}</td><td>{{ number_format((float) $payment->disbursement_value, 2) }}</td></tr>
                @empty<tr><td colspan="4"><div class="portal-empty"><h3>No linked orders</h3><p>This earlier disbursement was recorded before order selection was available.</p></div></td></tr>@endforelse
            </tbody></table></div>
            @include('partials.directory-pagination', ['paginator' => $orders])
        </section>
        <aside><section class="portal-card portal-facts"><h2>Transfer details</h2><dl><div><dt>Bank</dt><dd>{{ $disbursement->bank_name }}</dd></div><div><dt>Account name</dt><dd>{{ $disbursement->account_name }}</dd></div><div><dt>Account</dt><dd>{{ $disbursement->masked_account_number }}</dd></div><div><dt>Recorded by</dt><dd>{{ $disbursement->recorder_name ?: 'User unavailable' }}</dd></div><div><dt>Recorded</dt><dd>{{ $disbursement->created_at->format('d M Y, H:i') }}</dd></div></dl>@if($disbursement->notes)<div class="owner-company-description"><h3>Notes</h3><p>{{ $disbursement->notes }}</p></div>@endif</section></aside>
    </div>
</main>
@endsection

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