<div id="mowcps-modal-overlay">
    <div id="mowcps-modal">
        <div id="mowcps-modal-header">
            <h2 id="mowcps-modal-title">Delete Synced Products</h2>
            <p id="mowcps-modal-description">Select suppliers to permanently delete all their synced products from your WooCommerce store. This action cannot be undone.</p>
        </div>
        
        <div id="mowcps-modal-body">
            <div id="mowcps-loading">
                <span class="mowcps-loading-spinner"></span>
                Loading suppliers...
            </div>
            
            <div id="mowcps-error"></div>
            
            <div id="mowcps-supplier-list">
                <label id="mowcps-select-all-label">
                    <input type="checkbox" id="mowcps-select-all" checked>
                    <span>Select All Suppliers</span>
                </label>
                <div id="mowcps-suppliers"></div>
            </div>
        </div>
        
        <div id="mowcps-modal-footer">
            <button id="mowcps-cancel-btn">Cancel</button>
            <button id="mowcps-delete-btn" disabled>Delete Selected Products</button>
        </div>
    </div>
</div>