@extends('layouts.app')

@section('title', 'Aged receivables')

@section('content')
    <h2 style="margin-top:0">Aged receivable orders</h2>
    <p class="muted">Search by <strong>Record ID</strong> (from the API). Pay uses <strong>Record ID</strong> when present; otherwise Order ID.</p>

    <form method="get" action="{{ route('receivables.index', [], false) }}" style="margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;">
        <div style="flex:1;min-width:14rem;">
            <label for="record_id_search">Search by Record ID</label>
            <input type="text" id="record_id_search" name="record_id" value="{{ $recordIdSearch ?? '' }}"
                   placeholder="Part or full Record ID" autocomplete="off">
        </div>
        <button type="submit" class="btn">Search</button>
        @if(!empty($recordIdSearch))
            <a href="{{ route('receivables.index', [], false) }}" class="btn" style="background:#52525b;">Show all</a>
        @endif
    </form>

    @if($error)
        <div class="err">{{ $error }}</div>
    @endif

    @if(!empty($recordIdSearch) && count($clients) === 0 && !$error)
        <div class="err">No orders with a matching Record ID. Try another value or click Show all.</div>
    @endif

    @forelse($clients as $client)
        <div class="client">{{ $client['clientName'] ?? '—' }}</div>
        <table>
            <thead>
                <tr>
                    <th>Record ID</th>
                    <th>Order ID</th>
                    <th>Invoice #</th>
                    <th>Invoiced</th>
                    <th>Days</th>
                    <th>Balance</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @foreach($client['orders'] ?? [] as $order)
                    <tr>
                        <td>
                            @if(!empty($order['recordID']))
                                <strong>{{ $order['recordID'] }}</strong>
                            @else
                                <span class="muted">—</span>
                            @endif
                        </td>
                        <td>{{ $order['orderID'] ?? '—' }}</td>
                        <td>{{ $order['InvoiceNumber'] ?? $order['invoiceNumber'] ?? '—' }}</td>
                        <td>{{ $order['dateInvoiced'] ?? '—' }}</td>
                        <td>{{ $order['daysOld'] ?? '—' }}</td>
                        <td>@if(isset($order['balanceAmount'])) ${{ number_format((float) $order['balanceAmount'], 2) }} @else — @endif</td>
                        <td>
                            @if(!empty($order['recordID']))
                                <a class="btn" href="{{ route('payments.create', ['record_id' => $order['recordID']], false) }}">Pay</a>
                            @elseif(!empty($order['orderID']))
                                <a class="btn" href="{{ route('payments.create', ['order_id' => $order['orderID']], false) }}">Pay</a>
                            @else
                                —
                            @endif
                        </td>
                    </tr>
                    @if(!empty($order['propertyInfo']))
                        <tr>
                            <td colspan="7" class="muted">{{ \Illuminate\Support\Str::limit($order['propertyInfo'], 200) }}</td>
                        </tr>
                    @endif
                @endforeach
            </tbody>
        </table>
    @empty
        @unless($error)
            <p class="muted">No clients returned.</p>
        @endunless
    @endforelse
@endsection