@extends('mainlayout.layout')
@section('title', config('app.name') . ' | Plot ' . $plot->plotnumber)
@push('css')
<link href="{{ asset('/web/assets/css/property-screens.css') }}?v=1" rel="stylesheet">
@endpush
@section('content')
@php
    $plotId = encrypt($plot->id);
    $projectId = encrypt($property->id);
    $canEdit = Auth::user()->hasRole('superadmin') || Auth::user()->can('property.edit');
    $plotPricing = $pricing->firstWhere('landuseid', $plot->landuse);
    $plotStatus = [1 => ['Available', 'pw-success'], 2 => ['Reserved', 'pw-warning'], 3 => ['Sold', 'pw-success'], 4 => ['Unavailable', 'pw-danger']][$plot->status] ?? ['Unknown', 'pw-neutral'];
    $orderUrl = $order ? '/property/orders/view/' . encrypt($order->id) : null;
    $customerName = $order && $order->user ? trim($order->user->first_name . ' ' . $order->user->last_name) : 'Not available';
@endphp
<main class="portal-workspace portal-light-type property-workspace">
    <header class="portal-page-header">
        <div><a class="portal-back-link" href="/property/show/{{ $projectId }}?tab=plots#plots"><i class="bx bx-arrow-back" aria-hidden="true"></i> Back to project plots</a><span class="portal-eyebrow">{{ $property->name }}</span><div class="pw-title"><h1>Plot {{ $plot->plotnumber }}</h1><span class="portal-status {{ $plotStatus[1] }}">{{ $plotStatus[0] }}</span></div><p>Plot details, purchase information and payment activity.</p></div>
        <div class="pw-actions">
            <a href="/property/plotshow/{{ $plotId }}/transaction-logs" class="btn btn-mlk-outline"><i class="bx bx-history" aria-hidden="true"></i> Transaction Logs</a>
            @if($canEdit && in_array((int) $plot->status, [1, 2, 4]))
                <form method="POST" action="/property/{{ (int) $plot->status === 1 ? 'plotunpublish' : 'plotpublish' }}/{{ $plotId }}" data-confirm="{{ (int) $plot->status === 1 ? 'Make this plot unavailable on Miliki?' : 'Make this plot available on Miliki?' }}">@csrf<button type="submit" class="btn btn-mlk-primary"><i class="bx bx-toggle-right" aria-hidden="true"></i> {{ (int) $plot->status === 1 ? 'Make Unavailable' : 'Make Available' }}</button></form>
            @endif
        </div>
    </header>
    @include('superadmin.property.partials.workspace_feedback')
    <section class="portal-kpi-grid pw-kpis" aria-label="Plot summary">
        <article class="portal-kpi-card"><span class="portal-kpi-icon"><i class="bx bx-grid-alt" aria-hidden="true"></i></span><span class="portal-kpi-label">Plot Area</span><strong>{{ number_format((float) $plot->area_size) }}</strong><small>Square metres</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">Full Payment Price</span><strong>{{ $plotPricing ? number_format((float) $plotPricing->full) : '—' }}</strong><small>TZS per SQM</small></article>
        <article class="portal-kpi-card pw-purple"><span class="portal-kpi-icon"><i class="bx bx-calendar-check" aria-hidden="true"></i></span><span class="portal-kpi-label">Installment Price</span><strong>{{ $plotPricing ? number_format((float) $plotPricing->installment) : '—' }}</strong><small>TZS per SQM</small></article>
        <article class="portal-kpi-card pw-orange"><span class="portal-kpi-icon"><i class="bx bx-receipt" aria-hidden="true"></i></span><span class="portal-kpi-label">Amount Paid</span><strong>{{ number_format((float) $amount_paid) }}</strong><small>TZS · current order</small></article>
    </section>
    <div class="pw-stack">
        <div class="pw-layout">
            <section class="portal-card pw-section" aria-labelledby="order-title">
                <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-receipt" aria-hidden="true"></i></span><div><h2 id="order-title">Order Details</h2><p>Purchase and payment information for this plot.</p></div></div>
                @if($order)
                    <dl class="pw-facts">
                        <div><dt>Order reference</dt><dd><a href="{{ $orderUrl }}">{{ $order->referenceid ?: $order->id }} <i class="bx bx-link-external" aria-hidden="true"></i></a></dd></div>
                        <div><dt>Order status</dt><dd><span class="portal-status {{ (int) $order->status === 2 ? 'pw-success' : 'pw-warning' }}">{{ $order->status_description ?: 'Not provided' }}</span></dd></div>
                        <div><dt>Order value</dt><dd>TZS {{ number_format((float) $order->amount) }}</dd></div>
                        <div><dt>Payment plan</dt><dd>{{ $order->order_type ?: 'Not provided' }}</dd></div>
                        <div><dt>Amount paid</dt><dd>TZS {{ number_format((float) $amount_paid) }}</dd></div>
                        <div><dt>Balance after latest payment</dt><dd>{{ $lastTransaction ? 'TZS ' . number_format((float) $balance) : 'No payment recorded' }}</dd></div>
                        <div><dt>Customer</dt><dd>@if($order->user)<a href="/customers/view_customer/@encrypt($order->userid)">{{ $customerName }}</a>@else{{ $customerName }}@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>
                    </dl>
                @else
                    <div class="pw-empty"><i class="bx bx-receipt" aria-hidden="true"></i><h2>No active order</h2><p>Purchase details will appear here when an order is placed for this plot.</p></div>
                @endif
            </section>
            <aside class="portal-card pw-section pw-context"><span class="portal-eyebrow">Plot profile</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>Land use</dt><dd>{{ optional($plot->getRelation('landuse'))->use_en ?: 'Not assigned' }}</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>Status description</dt><dd>{{ $plot->status_description ?: $plotStatus[0] }}</dd></div>
            </dl>@if(!$plotPricing && $canEdit)<p><a href="/property/propertypricing/{{ $projectId }}">Add pricing for this project <i class="bx bx-right-arrow-alt" aria-hidden="true"></i></a></p>@endif</aside>
        </div>
        @if($order)
            <section class="portal-card pw-section pw-purple" aria-labelledby="people-title">
                <div class="pw-section-heading"><span class="pw-icon"><i class="bx bx-group" aria-hidden="true"></i></span><div><h2 id="people-title">Purchase Contacts</h2><p>Property beneficiary and next of kin recorded on the order.</p></div></div>
                <div class="pw-people">
                    @foreach(['beneficiary' => ['Property Beneficiary', trim($order->firstname . ' ' . $order->middlename . ' ' . $order->surname), $order->phonenumber, $order->email, $order->propertyfor, $order->id_type, $order->id_number], 'kin' => ['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>
        @endif
        <section class="portal-card" id="transactions" aria-labelledby="payments-title">
            <div class="portal-card-header"><div><h2 id="payments-title">Payment Transactions</h2><p>Payments recorded against the current order.</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">Order / Transaction</th><th scope="col">Receipt</th><th scope="col">Date</th><th scope="col">Source institution</th><th scope="col">Amount paid (TZS)</th><th scope="col">Status</th></tr></thead><tbody>
                @forelse($transactions as $transaction)<tr><td><a href="{{ $orderUrl }}">{{ $transaction->reference }}</a><small>{{ $transaction->transactionId ?: 'No 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 ?: '—' }}</td></tr>
                @empty<tr><td colspan="6"><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>
        <section class="portal-card" id="bookings" aria-labelledby="visits-title">
            <div class="portal-card-header"><div><h2 id="visits-title">Site Visit Bookings</h2><p>Confirmed and processed visits for this plot.</p></div><span class="portal-status pw-neutral">Total: TZS {{ number_format((float) $bookingTotal) }}</span></div>
            <div class="table-responsive"><table class="table portal-table pw-table"><thead><tr><th scope="col">Booking / Visitor</th><th scope="col">Phone</th><th scope="col">Receipt</th><th scope="col">Visit date</th><th scope="col">Location</th><th scope="col">Amount (TZS)</th><th scope="col">Status</th></tr></thead><tbody>
                @forelse($bookings as $booking)<tr><td>#{{ $booking->id }}<small>{{ trim($booking->firstname . ' ' . $booking->lastname) }}</small></td><td>{{ $booking->phone ?: '—' }}</td><td>{{ optional($booking->visitPayments->first())->receipt ?: '—' }}</td><td>{{ $booking->booked_date_time ?: '—' }}</td><td>{{ $booking->location ?: '—' }}</td><td>{{ number_format((float) $booking->amount) }}</td><td>{{ $booking->status ?: '—' }}</td></tr>
                @empty<tr><td colspan="7"><div class="pw-empty"><i class="bx bx-calendar" aria-hidden="true"></i><h2>No site visits</h2><p>Processed bookings for this plot will appear here.</p></div></td></tr>@endforelse
            </tbody></table></div>
            @include('superadmin.property.partials.workspace_pagination', ['paginator' => $bookings, 'label' => 'bookings', 'section' => 'bookings'])
        </section>
        @if((int) $plot->status === 3)
            <section class="portal-card" id="statuses" aria-labelledby="history-title">
                <div class="portal-card-header"><div><h2 id="history-title">Post-Purchase History</h2><p>{{ number_format($statuses->total()) }} status updates recorded for this plot.</p></div>@if($canEdit)<a href="/property/updatepostpurchase/{{ $plotId }}" class="btn btn-mlk-primary"><i class="bx bx-plus" aria-hidden="true"></i> Add Status Update</a>@endif</div>
                <div class="table-responsive"><table class="table portal-table pw-table"><thead><tr><th scope="col">#</th><th scope="col">Status</th><th scope="col">Notes</th><th scope="col">Document</th><th scope="col">Date</th></tr></thead><tbody>
                    @forelse($statuses as $index => $status)<tr><td>{{ $statuses->firstItem() + $index }}</td><td><span class="portal-status pw-neutral">{{ $status->status_description }}</span></td><td class="pw-note">{!! App\Support\RichTextSanitizer::clean($status->notes) ?: '—' !!}</td><td>@if($status->attachment)<a href="{{ asset('uploads/' . $status->attachment) }}" target="_blank" rel="noopener"><i class="bx bx-file" aria-hidden="true"></i> View document</a>@else — @endif</td><td>{{ optional($status->created_at)->format('M d, Y H:i') ?: '—' }}</td></tr>
                    @empty<tr><td colspan="5"><div class="pw-empty"><i class="bx bx-list-check" aria-hidden="true"></i><h2>No status updates</h2><p>Add an update to track post-purchase progress.</p></div></td></tr>@endforelse
                </tbody></table></div>
                @include('superadmin.property.partials.workspace_pagination', ['paginator' => $statuses, 'label' => 'updates', 'section' => 'statuses'])
            </section>
        @endif
    </div>
</main>
@endsection
@push('scripts')
<script src="{{ asset('/web/assets/js/pages/property-screens.js') }}?v=1"></script>
@endpush