@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Order Details')
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
<link href="{{ asset('/web/assets/css/management-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
@php
    $projectId = encrypt($property->id);
    $plotId = encrypt($plot->id);
    $statusTone = [0 => 'pw-neutral', 1 => 'pw-warning', 2 => 'pw-success', 3 => 'pw-danger', 4 => 'pw-danger'][(int) $order->status] ?? 'pw-neutral';
    $ownerPayment = optional($order->ownerDisbursementOrder)->disbursement;
    $canEditProject = Auth::user()->hasRole('superadmin') || Auth::user()->can('property.edit');
@endphp
<main class="portal-workspace portal-light-type property-workspace management-workspace">
    <header class="portal-page-header"><div><a class="portal-back-link" href="/property/orders"><i class="bx bx-arrow-back" aria-hidden="true"></i> All orders</a><span class="portal-eyebrow">Order management</span><div class="pw-title"><h1>Order #{{ $order->id }}</h1><span class="portal-status {{ $statusTone }}">{{ $order->status_description ?: 'Status not provided' }}</span></div><p>Plot {{ $plot->plotnumber }} · {{ $property->name }} · Reference {{ $order->referenceid ?: 'not provided' }}</p></div><div class="pw-actions"><a class="btn btn-mlk-outline" href="/property/plotshow/{{ $plotId }}"><i class="bx bx-grid-alt" aria-hidden="true"></i> View Plot</a><a class="btn btn-mlk-outline" href="/property/plotshow/{{ $plotId }}/transaction-logs"><i class="bx bx-history" aria-hidden="true"></i> Transaction Logs</a></div></header>
    @include('superadmin.property.partials.workspace_feedback')
    <section class="portal-kpi-grid pw-kpis" aria-label="Order payment summary">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx bx-receipt" aria-hidden="true"></i></span><span class="portal-kpi-label">Order Value</span><strong>{{ number_format((float) $order->amount) }}</strong><small>TZS</small></article>
        <article class="portal-kpi-card pw-blue"><span class="portal-kpi-icon"><i class="bx bx-wallet" aria-hidden="true"></i></span><span class="portal-kpi-label">Amount Paid</span><strong>{{ number_format((float) $amount_paid) }}</strong><small>TZS · all payments</small></article>
        <article class="portal-kpi-card pw-orange"><span class="portal-kpi-icon"><i class="bx bx-time-five" aria-hidden="true"></i></span><span class="portal-kpi-label">Latest Payment Balance</span><strong>{{ $last_transition ? number_format((float) $balance) : '—' }}</strong><small>{{ $last_transition ? 'TZS' : 'No payment recorded' }}</small></article>
        <article class="portal-kpi-card pw-purple"><span class="portal-kpi-icon"><i class="bx bx-check-circle" aria-hidden="true"></i></span><span class="portal-kpi-label">Payment Completion</span><strong>{{ number_format($completion, 1) }}%</strong><small>Of the order value</small></article>
    </section>
    <div class="pw-stack"><div class="pw-layout">
        <section class="portal-card pw-section"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-receipt" aria-hidden="true"></i></span><div><h2>Purchase Details</h2><p>Customer, payment plan and deadlines.</p></div></div><dl class="pw-facts">
            <div><dt>Order reference</dt><dd>{{ $order->referenceid ?: 'Not provided' }}</dd></div><div><dt>Payment plan</dt><dd>{{ $order->order_type ?: 'Not provided' }}</dd></div>
            <div><dt>Customer</dt><dd>@if($order->user)<a href="/customers/view_customer/@encrypt($order->userid)">{{ trim($order->user->first_name . ' ' . $order->user->last_name) }}</a>@else Not available @endif</dd></div><div><dt>Customer phone</dt><dd>{{ optional($order->user)->phone ?: 'Not provided' }}</dd></div>
            <div><dt>Initial payment amount</dt><dd>TZS {{ number_format((float) $order->initial_payment_amount) }}</dd></div><div><dt>Initial payment deadline</dt><dd>{{ $order->initial_expiry_date ?: 'Not set' }}</dd></div>
            <div><dt>Completion deadline</dt><dd>{{ $order->full_expiry_date ?: 'Not set' }}</dd></div><div><dt>Order created</dt><dd>{{ optional($order->created_at)->format('M d, Y H:i') ?: 'Not available' }}</dd></div>
            <div class="pw-wide"><dt>Payment progress</dt><dd>{{ number_format($completion, 1) }}% paid<div class="pw-progress" role="progressbar" aria-label="Payment completion" aria-valuenow="{{ min(100, max(0, $completion)) }}" aria-valuemin="0" aria-valuemax="100"><span style="width: {{ min(100, max(0, $completion)) }}%"></span></div></dd></div>
            <div class="pw-wide"><dt>Owner disbursement</dt><dd>@if($order->ownerDisbursementOrder)<span class="portal-status pw-success">Paid to owner</span>@if($ownerPayment && (Auth::user()->hasRole('superadmin') || (int) Auth::user()->propertyownerid === (int) $ownerPayment->property_owner_id))<br><a href="{{ route('property-owner-disbursements.show', [encrypt($ownerPayment->property_owner_id), $ownerPayment]) }}">View disbursement {{ $ownerPayment->transfer_reference }}</a>@endif @elseif((int) $order->status === 2)Awaiting disbursement @else Not yet completed @endif</dd></div>
        </dl></section>
        <aside class="portal-card pw-section pw-context"><span class="portal-eyebrow">Project &amp; plot</span><h2>Plot {{ $plot->plotnumber }}</h2><dl class="pw-facts pw-facts--single">
            <div><dt>Project</dt><dd><a href="/property/show/{{ $projectId }}">{{ $property->name }}</a></dd></div><div><dt>Location</dt><dd>{{ optional($property->districtDetails)->name ?: 'District not set' }}, {{ optional($property->regionDetails)->name ?: 'Region not set' }}<br>Tanzania</dd></div>
            <div><dt>Plot area</dt><dd>{{ number_format((float) $plot->area_size) }} SQM</dd></div><div><dt>Land use</dt><dd>{{ optional($plot->getRelation('landuse'))->use_en ?: 'Not assigned' }}</dd></div><div><dt>Plot status</dt><dd>{{ $plot->status_description ?: 'Not provided' }}</dd></div>
            <div><dt>Full payment price</dt><dd>{{ $plotPricing ? 'TZS ' . number_format((float) $plotPricing->full) . ' / SQM' : 'Not configured' }}</dd></div><div><dt>Installment price</dt><dd>{{ $plotPricing ? 'TZS ' . number_format((float) $plotPricing->installment) . ' / SQM' : 'Not configured' }}</dd></div>
        </dl>@if(!$plotPricing && $canEditProject)<p><a href="/property/propertypricing/{{ $projectId }}">Add project pricing</a></p>@endif</aside>
    </div>
    <section class="portal-card pw-section pw-purple"><div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-group" aria-hidden="true"></i></span><div><h2>Purchase Contacts</h2><p>Beneficiary and next of kin recorded with the purchase.</p></div></div><div class="pw-people">
        @foreach([['Property Beneficiary', trim($order->firstname . ' ' . $order->middlename . ' ' . $order->surname), $order->phonenumber, $order->email, $order->propertyfor, $order->id_type, $order->id_number], ['Next of Kin', trim($order->next_of_kin_firstname . ' ' . $order->next_of_kin_middlename . ' ' . $order->next_of_kin_surname), $order->next_of_kin_phonenumber, $order->next_of_kin_email, $order->next_of_kin_relation, $order->next_of_kin_id_type, $order->next_of_kin_id_number]] as $person)<article><h3>{{ $person[0] }}</h3><dl class="pw-facts">@foreach(['Name', 'Phone', 'Email', 'Relationship', 'ID type', 'ID number'] as $index => $label)<div><dt>{{ $label }}</dt><dd>{{ $person[$index + 1] ?: 'Not provided' }}</dd></div>@endforeach</dl></article>@endforeach
    </div></section>
    <section class="portal-card" id="transactions"><div class="portal-card-header"><div><h2>Payment Transactions</h2><p>Payments recorded against this order reference.</p></div><span class="portal-status pw-success">Total: TZS {{ number_format((float) $amount_paid) }}</span></div>
        <div class="table-responsive"><table class="table portal-table pw-table"><thead><tr><th scope="col">#</th><th scope="col">Reference / Transaction</th><th scope="col">Receipt</th><th scope="col">Date</th><th scope="col">Source</th><th scope="col">Amount paid (TZS)</th><th scope="col">Status</th></tr></thead><tbody>@forelse($transactions as $index => $transaction)<tr><td>{{ $transactions->firstItem() + $index }}</td><td>{{ $transaction->reference }}<small>{{ $transaction->transactionId ?: $transaction->id }}</small></td><td>{{ $transaction->receipt ?: '—' }}</td><td>{{ optional($transaction->created_at)->format('M d, Y H:i') ?: '—' }}</td><td>{{ $transaction->sourceInstitution ?: '—' }}</td><td>{{ number_format((float) $transaction->amount_paid) }}</td><td>{{ $transaction->status_description ?: 'Not provided' }}</td></tr>@empty<tr><td colspan="7"><div class="pw-empty"><i class="bx bx-wallet" aria-hidden="true"></i><h2>No payment transactions</h2><p>Payments for this order will appear here.</p></div></td></tr>@endforelse</tbody></table></div>
        @include('superadmin.property.partials.workspace_pagination', ['paginator' => $transactions, 'label' => 'transactions', 'section' => 'transactions'])
    </section></div>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
<script src="{{ asset('/web/assets/js/pages/management-screens.js') }}?v=1"></script>
@endpush