@extends('mainlayout.layout')

@section('title', config('app.name') . ' | Order ' . ($order->referenceid ?: $order->id))
@section('topbar-search', 'enabled')

@section('content')
<main class="portal-workspace portal-light-type">
    <header class="portal-page-header">
        <div>
            <a class="portal-back-link" href="{{ url('/dashboard') }}"><i class="bx bx-left-arrow-alt"></i> Dashboard</a>
            <span class="portal-eyebrow">Customer order</span>
            <h1>Order {{ $order->referenceid ?: '#' . $order->id }}</h1>
            <p>Created {{ optional($order->created_at)->format('d M Y, H:i') ?: 'date unavailable' }}</p>
        </div>
        <div class="portal-header-actions">
            <a class="btn btn-mlk-primary" href="{{ route('support.cases.create', ['order_id' => $order->id]) }}"><i class="bx bx-plus"></i> New case</a>
        </div>
    </header>

    <div class="portal-detail-grid">
        <section>
            <article class="portal-card">
                <header class="portal-card-header"><div><h2>Order details</h2><p>Purchase and payment information.</p></div><span class="portal-status">{{ $order->status_description ?: 'Status unavailable' }}</span></header>
                <dl class="portal-order-detail-list">
                    <div><dt>Order ID</dt><dd>{{ $order->referenceid ?: $order->id }}</dd></div>
                    <div><dt>Payment plan</dt><dd>{{ ucfirst($order->order_type ?: 'Not specified') }}</dd></div>
                    <div><dt>Order amount</dt><dd>TZS {{ number_format((int) $order->amount) }}</dd></div>
                    <div><dt>Amount paid</dt><dd>TZS {{ number_format($amountPaid) }}</dd></div>
                    <div><dt>Balance</dt><dd>TZS {{ number_format($balance) }}</dd></div>
                    <div><dt>Initial payment due</dt><dd>{{ $order->initial_expiry_date ?: 'Not specified' }}</dd></div>
                    <div><dt>Final payment due</dt><dd>{{ $order->full_expiry_date ?: 'Not specified' }}</dd></div>
                    <div><dt>Payment phone</dt><dd>{{ $order->msisdn ?: ($order->phonenumber ?: 'Not available') }}</dd></div>
                </dl>
            </article>

            <article class="portal-card">
                <header class="portal-card-header"><div><h2>Booking history</h2><p>Visit options and payments selected by this customer.</p></div><span class="portal-status portal-status--neutral">{{ $bookingHistory->count() }} {{ Str::plural('booking', $bookingHistory->count()) }}</span></header>
                <div class="table-responsive">
                    <table class="table portal-table">
                        <thead><tr><th>Booking</th><th>Project &amp; plot</th><th>Visit selection</th><th>Option</th><th>Payment</th><th>Amount</th><th>Status</th><th>Receipt</th></tr></thead>
                        <tbody>
                        @forelse($bookingHistory as $booking)
                            @php
                                $visitPayment = $booking->visitPayments->sortByDesc('created_at')->first();
                                $bookingOption = $booking->charge ?: ((int) $booking->amount > 0 ? 'Paid' : 'Free');
                                $paymentMethod = $visitPayment?->payment_option ?: (strtolower($bookingOption) === 'free' ? 'Not required' : 'Not recorded');
                                $paymentAmount = $visitPayment?->amount ?? $booking->amount;
                                $paymentStatus = $visitPayment?->status_description ?: $booking->status;
                            @endphp
                            <tr>
                                <td><strong>#{{ $booking->id }}</strong><small>{{ optional($booking->created_at)->format('d M Y, H:i') ?: '—' }}</small></td>
                                <td>{{ optional($booking->property)->name ?: 'Project unavailable' }}<small>Plot {{ optional($booking->plot)->plotnumber ?: 'not selected' }}</small></td>
                                <td>{{ $booking->booked_date_time ?: ($booking->booked_date ?: 'Date not selected') }}<small>{{ $booking->location ?: 'Location not specified' }}</small></td>
                                <td>{{ ucfirst($bookingOption) }}</td>
                                <td>{{ strtoupper($paymentMethod) }}</td>
                                <td>{{ strtolower($bookingOption) === 'free' ? 'Free' : 'TZS ' . number_format((int) $paymentAmount) }}</td>
                                <td><span class="portal-status">{{ ucfirst($paymentStatus ?: 'Pending') }}</span></td>
                                <td>{{ $visitPayment?->receipt ?: '—' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="8"><div class="portal-empty portal-empty--muted compact">No booking history found for this customer.</div></td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </article>

            <article class="portal-card">
                <header class="portal-card-header"><div><h2>Transactions</h2><p>Payments recorded against this order.</p></div></header>
                <div class="table-responsive">
                    <table class="table portal-table">
                        <thead><tr><th>Date</th><th>Receipt</th><th>Amount paid</th><th>Balance after payment</th><th>Status</th></tr></thead>
                        <tbody>
                        @forelse($transactions as $transaction)
                            <tr>
                                <td>{{ optional($transaction->created_at)->format('d M Y, H:i') ?: '—' }}</td>
                                <td>{{ $transaction->receipt ?: '—' }}</td>
                                <td>TZS {{ number_format((int) $transaction->amount_paid) }}</td>
                                <td>TZS {{ number_format((int) $transaction->balance_after_payment) }}</td>
                                <td>{{ $transaction->status_description ?: '—' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5"><div class="portal-empty portal-empty--muted compact">No transactions recorded for this order.</div></td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </article>
        </section>

        <aside>
            <article class="portal-card portal-facts">
                <header class="portal-facts-header"><h2>Customer</h2>@if($order->user)<a href="{{ route('support.customers.show', $order->user) }}">View customer <i class="bx bx-right-arrow-alt"></i></a>@endif</header>
                <dl>
                    <div><dt>Name</dt><dd>{{ trim(optional($order->user)->first_name . ' ' . optional($order->user)->middle_name . ' ' . optional($order->user)->last_name) ?: 'Unknown customer' }}</dd></div>
                    <div><dt>Phone</dt><dd>{{ optional($order->user)->phone ?: ($order->phonenumber ?: 'Not available') }}</dd></div>
                    <div><dt>Email</dt><dd>{{ optional($order->user)->email ?: ($order->email ?: 'Not available') }}</dd></div>
                </dl>
            </article>

            <article class="portal-card portal-facts">
                <header class="portal-facts-header"><h2>Property</h2>@if($order->property)<a href="{{ route('support.properties.show', $order->property) }}">View project <i class="bx bx-right-arrow-alt"></i></a>@endif</header>
                <dl>
                    <div><dt>Project</dt><dd>{{ optional($order->property)->name ?: 'Not available' }}</dd></div>
                    <div><dt>Management firm</dt><dd>@if(optional($order->property)->propertyowner)<a href="{{ route('support.property-owners.show', $order->property->propertyowner) }}">{{ $order->property->propertyowner->name }}</a>@else Not available @endif</dd></div>
                    <div><dt>Plot</dt><dd>{{ optional($order->plot)->plotnumber ?: 'Not available' }}</dd></div>
                    <div><dt>Plot status</dt><dd>{{ optional($order->plot)->status_description ?: 'Not available' }}</dd></div>
                    <div><dt>Area</dt><dd>{{ optional($order->plot)->area_size ?: 'Not available' }}</dd></div>
                </dl>
            </article>
        </aside>
    </div>
</main>
@endsection