<!-- template for switch details -->
<script type="text/us-templ" id="plug-details-template">
    <div class="main-head">
        <h1>
            <img src="#" data-svgInject="switchWizzardSvg" data-wiz-page="none" class="svg-icon mq-desktop"/>
            <span><%- attributes.name %></span>
            <div class="item-edit pencil" data-toggle="modal" data-target="#renameSensorModal" data-swid="<%- cid %>">
                <svg width="24" height="24"><use transform="scale(0.48)" xlink:href="#icon-rename" /></svg>
            </div>
        </h1>
        <a id="deleteSwitches_btn" type="button" class="hdr-delete-btn" data-toggle="modal" data-target="#deleteSwitchModal">
            <svg width="18" height="18"><use transform="scale(0.7)" xlink:href="#delete-icon-sm" /></svg>
            <span data-translateid="deleteSwitch">Schalter löschen</span>
        </a>
        <!-- <button class="btn btn-default del-switch">DEL</button> -->
    </div>

    <div class="main-content">

        <img id="detailImg" src="#" data-svgInject="switchWizzardSvg" data-wiz-page="none" class="interactive"/>

        <div id="detailInfos">
            <div class="generals">
                <span data-translateid="th_vendor">Vendor</span> 
                <span class="vendor"><%- attributes.manufacturername %></span>

                <span data-translateid="th_product">Product</span> 
                <div>
                    <span class="product"><%- attributes.product %></span>
                    <i id="vsExtra"></i>
                </div>
            </div>

            <div class="swversion">
                <span data-translateid="th_version">Version</span> 
                <span class="swversion-label"><%- attributes.swversion %></span>

                <div class="version-ok" data-translateid="text_versionOk">Die Version ist auf dem neuesten Stand</div>
            </div>

            <div class="measuring">
                <div id="consumption-label">
                    <span data-translateid="th_consumption">Consumption</span> 
                    <span class="consumption"><%- attributes.state.consumption %></span>
                </div>
                <div id="current-label">
                    <span data-translateid="th_current">Current</span> 
                    <span class="current"><%- attributes.state.current %></span>
                </div>
                <div id="power-label">
                    <span data-translateid="th_power">Power</span> 
                    <span class="power"><%- attributes.state.power %></span>
                </div>
                <div id="voltage-label">                    
                    <span data-translateid="th_voltage">Voltage</span> 
                    <span class="voltage"><%- attributes.state.voltage %></span>
                </div>
            </div>

            <div id="devUpdate" class="hide">
                <a class="changelog-wizard" href="#" data-translateid="text_view_change">Show changelog</a>
                <button class="btn btn-default update-wizard" data-toggle="modal" data-target="#switchWizardModal" data-translateid="text_updateFirmware">Update firmware</button>
            </div>
        </div>
    </div>
</script>