<script type="text/us-templ" id="thermostats-wizard-modal-template">
    <div class="modal-dialog modal-lg" role="document">

        <div class="modal-content fade-out"></div>
        
        <div class="modal-content fade-in">
            <div class="modal-header">
                <button type="button" data-btn-ev="BTN_CLOSE_PRESSED" class="close mq-desktop" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title"></h3>
            </div>
            <div class="modal-body dev-scroll-cont">
                <p></p>
            </div>
            <div class="modal-footer">Foo</div>
        </div><!-- /.modal-content -->
        
    </div><!-- /.modal-dialog -->
</script>

<!--
<a href="#" class="btn btn pull-left problem"></a>
<span class="info-0" data-translateid=""></span>
<button type="button" data-btn-ev="BTN_PREV_PRESSED" class="btn btn-default btn-prev" data-translateid="text_back">Zurück</button>
<button type="button" data-btn-ev="BTN_NEXT_PRESSED" class="btn btn-primary btn-next" data-translateid="text_next">Weiter</button>
-->


<!-- template for rending a thermostat -->
<script type="text/us-templ" id="thermostat-item-template">
    <img class="item-icon svg-icon" src="#"/>
    <div class="item-name"><%- attributes.name %></div>
    <svg class="mq-phone" width="24" height="24"><use xlink:href="#next-icon"/></svg>
</script>

<!-- template for rending a function -->
<script type="text/us-templ" id="func-item-template">
    <svg width="24" height="24">
        <use transform="scale(0.5)" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="<%- attributes.icon %>"></use>
    </svg>
    <span data-translateid="" style="margin-left: 10px;" class="item-name"><%- attributes.name %></span>
</script>