<div data-customizer>

    <a href="" class="uk-button uk-button-success">Customizer</a>

    <script type="text/template">

        <div id="customizer">

            <div class="cm-sidebar">

                <header class="cm-sidebar-header">

                    <h1 class="cm-sidebar-title">Select a style</h1>

                    <div class="uk-form">
                        <div class="uk-form-row">
                            <select class="cm-form-width-small" name="style"></select>
                            <a href="#copy" class="uk-button">Copy</a>
                            <a href="#remove" class="uk-button uk-button-danger">Delete</a>
                        </div>
                        <div class="uk-form-row">
                            <label><input type="checkbox" name="advanced"> Advanced Mode</label>
                        </div>
                    </div>

                </header>

                <div class="uk-alert uk-alert-warning cm-sidebar-message"></div>

                <section class="cm-sidebar-content"></section>

                <footer class="cm-sidebar-footer">

                    <ul class="cm-devices uk-hidden">
                        <li><a href="#" class="reset"><i class="uk-icon-laptop"></i></a></li>
                        <li><a href="#" class="768px"><i class="uk-icon-tablet"></i></a></li>
                        <li><a href="#" class="375px"><i class="uk-icon-mobile"></i></a></li>
                    </ul>

                    <a href="#save" class="uk-button uk-button-success">Save</a>
                    <a href="#reset" class="uk-button uk-button-danger">Reset</a>
                    <a href="#cancel" class="uk-button">Cancel</a>
                </footer>

            </div>

            <div class="cm-wrapper">

                <i class="uk-icon-spinner uk-icon-spin cm-spinner"></i>
                <div class="uk-alert uk-alert-danger uk-alert-large cm-error"></div>
                <iframe id="cm-theme-preview" src="<?php echo $this['system']->url ?>"></iframe>

            </div>

        </div>

    </script>
</div>

<script type="text/javascript">
    jQuery(function($) {
        $(document).ready(function(){
            $('.uk-form-label').click(function () {
                console.log ("I'm done");
                $('.cm-wrapper').css({
                    width: '768px'
                });
            });

            $('.reset').click(function () {
                $('.cm-wrapper').css({
                    width: 'auto'
                });
            });
        });
    });
</script>