<!-- Product Selection Modal (for duplicate barcodes) -->
<div class="modal fade" id="productSelectionModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content shadow-lg border-0">
            <div class="modal-header bg-gradient-primary text-white py-2">
                <h6 class="modal-title mb-0"><i class="fas fa-boxes"></i> <span data-translate="multipleProductsFound">Multiple Products Found - Please Select One</span></h6>
                <button type="button" class="close text-white" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-body p-3">
                <div class="alert alert-info">
                    <i class="fas fa-info-circle"></i> <span data-translate="multipleProductsInfo">Multiple products share this barcode/code. Please select the correct product.</span>
                </div>
                <div class="table-responsive">
                    <table class="table table-hover table-sm">
                        <thead class="thead-light">
                            <tr>
                                <th data-translate="code">Code</th>
                                <th data-translate="productName">Product Name</th>
                                <th data-translate="brand">Brand</th>
                                <th data-translate="category">Category</th>
                                <th data-translate="price">Rate</th>
                                <th data-translate="stock">Stock</th>
                                <th data-translate="action">Action</th>
                            </tr>
                        </thead>
                        <tbody id="productSelectionList">
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer py-2 bg-light">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
                    <i class="fas fa-times"></i> Cancel
                </button>
            </div>
        </div>
    </div>
</div>
