<div id="exclude-adaptive-popup" style="display: none;">
    <div id="" class="cdn-popup-inner ajax-settings-popup bottom-border exclude-list-popup">

        <div class="cdn-popup-loading">
            <div class="wpc-popup-saving-logo-container">
                <div class="wpc-popup-saving-preparing-logo">
                    <img src="<?php echo WPS_IC_URI; ?>assets/images/logo/blue-icon.svg" class="wpc-ic-popup-logo-saving"/>
                    <img src="<?php echo WPS_IC_URI; ?>assets/preparing.svg" class="wpc-ic-popup-logo-saving-loader"/>
                </div>
            </div>
        </div>

        <div class="cdn-popup-content" style="display: none;">
            <div class="cdn-popup-top">
                <div class="inline-heading">
                    <div class="inline-heading-icon">
                        <img src="<?php
                        echo WPS_IC_URI; ?>assets/images/icon-exclude-from-cdn.svg"/>
                    </div>
                    <div class="inline-heading-text">
                        <h3>Exclude from Adaptive</h3>
                        <p>Add excluded files or paths as desired as we use wildcard searching.</p>
                    </div>
                </div>
            </div>

            <form method="post" class="wpc-save-popup-data" action="#">
                <div class="cdn-popup-content-full">
                    <div class="cdn-popup-content-inner">
                        <textarea name="wpc-excludes[adaptive]" data-setting-name="wpc-excludes"
                                  data-setting-subset="adaptive"  class="exclude-list-textarea-value"
                                  placeholder="e.g. plugin-name/js/script.js, scripts.js, anyimage.jpg"></textarea>

                        <div class="wps-empty-row">&nbsp;</div>

                    </div>
                </div>
                <div class="wps-example-list">
                    <div>
                        <h3>Examples:</h3>
                        <div>
                            <p>.svg would exclude all assets with that extension</p>
                            <p>imagename would exclude any file with that name</p>
                            <p>/myplugin/image.jpg would exclude that specific file</p>
                            <p>/wp-content/myplugin/ would exclude everything using that path</p>
                            <p>#classname would exclude all files with that class</p>
                        </div>
                    </div>
                </div>


            <div class="wps-empty-row">&nbsp;</div>

            <div class="wps-default-excludes-container">
                Minimum mobile image width <input type="number" value="<?php
	            $mobile_width = get_option('wpc-min-mobile-width');
	            echo $mobile_width ? $mobile_width : 400;
	            ?>" name="min-mobile-width" class="wps-min-mobile-width" style="max-height:30px;margin-left:5px;margin-right:5px;max-width:80px;"> px
            </div>

             <div class="wps-empty-row">&nbsp;</div>
                <a href="#" class="btn btn-primary btn-active btn-save btn-exclude-save">Save</a>
            </form>
        </div>

    </div>
</div>
