<div class="preview-ativacao-painel">
    <section class="preview-msg case-1" id="Preview" style="display:none;">
        <header class="msg-header">
            <p class="font-century-gothic-bold h1 title">Esse painel é apenas uma demonstração</p>
        </header>
        <div class="msg-body">
            <p>Ative o painel na tela de configuração através do botão "Ativar Painel".</p>
            <ul>
                <li><i class="icon-marker"></i><span>Local: </span>{{dispositivo.DescricaoLocal}}</li>
                <li><i class="icon-device"></i><span>Dispositivo: </span>{{dispositivo.Descricao}}</li>
            </ul>
        </div>
        <footer class="msg-footer">
            <button class="blue-button blue-button" type="button" ng-click="Cancelar()">Ok, Entendi</button>
        </footer>
    </section>

    <section class="preview-msg case-2" id="ConfirmacaoSemAtivo" style="display:none;">
        <header class="msg-header">
            <p class="font-century-gothic-bold h1 title">Deseja ativar o painel selecionado?</p>
        </header>
        <div class="msg-body">
            <ul>
                <li><i class="icon-marker"></i><span>Local: </span>{{dispositivo.DescricaoLocal}}</li>
                <li><i class="icon-device"></i><span>Dispositivo: </span>{{dispositivo.Descricao}}</li>
            </ul>
        </div>
        <footer class="msg-footer">
            <button class="blue-button gray-button" type="button" ng-click="Cancelar()">Cancelar</button>
            <button class="blue-button blue-button" type="button" ng-click="Confirmar()">Ativar</button>
        </footer>
    </section>

    <section class="preview-msg case-3" id="ConfirmacaoComAtivo" style="display:none;">
        <header class="msg-header">
            <p class="font-century-gothic-bold h1 title">Já existe um painel ativado para esse dispositivo</p>
        </header>
        <div class="msg-body">
            <p>
                Ao ativar um novo dispositivo o anterior não estará mais disponível.
                <span>Tem certeza que deseja ativar este painel?</span>
            </p>
            <ul>
                <li><i class="icon-marker"></i><span>Local: </span>{{dispositivo.DescricaoLocal}}</li>
                <li><i class="icon-device"></i><span>Dispositivo: </span>{{dispositivo.Descricao}}</li>
            </ul>
        </div>
        <footer class="msg-footer">
            <button class="blue-button gray-button" type="button" ng-click="Cancelar()">Cancelar</button>
            <button class="blue-button blue-button" type="button" ng-click="Confirmar()">Ativar mesmo assim</button>
        </footer>
    </section>
    <div class="preview-msg-overlay"></div>
</div>