@php($leadId = $lead->id ?? request()->get('lead_id'))
@php($orderPermission = \App\Models\Masters\Permission::checkModulePermissions(['index', 'create'], 'OrderController'))
<div class="card mb-3 lead-equipment-orders-box">
    <div class="card-header p-2 bg-white border-bottom d-flex justify-content-between align-items-center collapse-toggle"
         data-bs-toggle="collapse" data-bs-target="#equipmentOrdersCollapse"
         style="cursor:pointer;">
        <strong>Equipment Orders</strong>
        <div class="d-flex align-items-center gap-2">
            <span class="badge bg-secondary equipment-orders-count" id="equipmentOrdersCount">0</span>
            <i class="bx bx-chevron-down"></i>
        </div>
    </div>
    <div id="equipmentOrdersCollapse" class="collapse show">
        <div class="card-body p-2">
            @if(isset($orderPermission['create']) && $orderPermission['create'])
            <div class="mb-2 text-end">
                <a href="{{ route('orders.create', ['lead_id' => $leadId]) }}"
                   class="narrow-green-btn waves-effect btn-sm">
                    <i class="mdi mdi-plus"></i> New Order
                </a>
            </div>
            @endif

            <div id="equipmentOrdersList">
                <div class="text-center text-muted py-2">
                    <i class="mdi mdi-loading mdi-spin"></i> Loading orders...
                </div>
            </div>
        </div>
    </div>
</div>

@push('page_script')
<script>
(function ($) {
    $(document).ready(function () {
        var leadId = {{ $leadId ?: 0 }};
        if (!leadId) return;

        $.get('{{ route("orders.for-lead", $leadId ?? 0) }}', function (res) {
            if (res && res.status === 200) {
                $('#equipmentOrdersList').html(res.data.html || '<p class="text-muted small mb-0">No equipment orders yet.</p>');
                $('#equipmentOrdersCount').text(res.data.count || 0);
            } else {
                $('#equipmentOrdersList').html('<p class="text-muted small mb-0">Could not load orders.</p>');
            }
        }).fail(function () {
            $('#equipmentOrdersList').html('<p class="text-muted small mb-0">No equipment orders yet.</p>');
        });
    });
})(jQuery);
</script>
@endpush