@if($orders && count($orders) > 0)
<div class="table-responsive">
    <table class="table custom-table mb-0" style="font-size:0.85rem;">
        <thead style="background-color:#16C4C0; color:#fff;">
            <tr>
                <th>#</th>
                <th>Type</th>
                <th>Status</th>
                <th>Date</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @foreach($orders->take(10) as $order)
            <tr>
                <td><strong>#{{ $order->id }}</strong></td>
                <td>{{ $order->equipment_type }}</td>
                <td>
                    <span class="badge bg-{{ $statuses[$order->status]['badge'] ?? 'secondary' }}" style="font-size:0.75rem;">
                        {{ $statuses[$order->status]['name'] ?? 'Unknown' }}
                    </span>
                </td>
                <td class="text-muted">{{ $order->created_at ? $order->created_at->format('M d, Y') : '' }}</td>
                <td>
                    @if(isset($permission['edit']) && $permission['edit'])
                    <a href="{{ route('orders.edit', $order->id) }}" class="text-primary" title="Edit Order">
                        <i class="mdi mdi-pencil-outline"></i>
                    </a>
                    @endif
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
</div>
@if(count($orders) > 10)
<div class="text-end mt-1">
    <a href="{{ route('orders.index', ['lead_id' => $leadId]) }}" class="small text-primary">
        View all {{ count($orders) }} orders →
    </a>
</div>
@endif
@else
<p class="text-muted small mb-0">No equipment orders yet.</p>
@endif