@php
    $ro = $linkedRepairOrder ?? null;
    $glOrder = $glOrder ?? 'Order';
    $hasRo = $ro && !empty($ro->id);
@endphp
<div class="{{ !empty($inFormRow) ? 'col-12 ' : '' }}{{ $hasRo ? '' : 'd-none' }} {{ empty($inFormRow) ? 'mb-3' : '' }}" id="jcLinkedOrderPanel">
@if($hasRo)
    <div class="grg-vh-context-bar small mb-0 py-2 px-2">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
            <div>
                <i class="bi bi-link-45deg me-1 text-primary"></i>
                <strong>Linked {{ $glOrder }}:</strong>
                <a href="{{ route('garage.repair-orders.show', $ro->id) }}" class="fw-semibold text-decoration-none" target="_blank" rel="noopener">
                    {{ $ro->repair_order_number }}
                </a>
                @if(!empty($ro->repair_order_date))
                    <span class="text-muted">· {{ \Carbon\Carbon::parse($ro->repair_order_date)->format('d M Y') }}</span>
                @endif
                @if(!empty($ro->status))
                    <span class="badge bg-light text-dark border ms-1">{{ str_replace('_', ' ', $ro->status) }}</span>
                @endif
                @if(isset($ro->grand_total))
                    <span class="text-muted ms-1">· Total PKR {{ number_format((float) $ro->grand_total, 2) }}</span>
                @endif
            </div>
            <a href="{{ route('garage.repair-orders.edit', $ro->id) }}" class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener">
                <i class="bi bi-pencil me-1"></i>Edit {{ strtolower($glOrder) }}
            </a>
        </div>
        <div class="mt-1 text-muted">
            Parts, services, freight, and totals on this job card follow the linked {{ strtolower($glOrder) }}.
            <strong>Advance</strong> is read-only here — change it on the {{ strtolower($glOrder) }} (voucher updates there).
        </div>
    </div>
@endif
</div>