ext-muted">No Item Selected</h4>
                <p class="text-muted">Please select an item above to view its transaction details.</p>
            </div>

        </h:form>

    </div>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    
    <!-- Auto-focus on item selection when page loads -->
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Auto-focus the item selection field
