<div class="yp-optimize-images">
    <ul class="yp-optimize-images__list">
        <li class="yp-optimize-images__no-files">
            No files to optimize
        </li>
        <li class="yp-optimize-images__loading">
            <i class="fa fa-spinner fa-pulse fa-fw"></i> Loading...
        </li>
        <li class="yp-optimize-images__failure">
            <i class="fa fa-exclamation-triangle"></i> Something went wrong. Contact the administrator for more details.
        </li>
    </ul>
    <button type="button" class="button-primary yp-optimize-images__process">Process</button>
</div>

<link rel="stylesheet" href="<?php echo \yndenz\plugins\OptimizeImages\OptimizeImages::getPluginURL(); ?>assets/style/optimize-images.min.css">
<script type="application/javascript" src="<?php echo \yndenz\plugins\OptimizeImages\OptimizeImages::getPluginURL(); ?>assets/scripts/optimize-images.min.js"></script>