<a href="#popup1" data-rel="popup">
<img class="icon icon1" style = "fill:icon1; stroke:icon1;" src="{{ icon0 }}light_light.svg" />
</a>
<div id="popup1" data-role="popup">
<div>
{{ basic.switch('switch1', 'bath.light.switch') }}
{{ basic.switch('switch2', 'bath.light.switch') }}
{{ basic.switch('switch3', 'bath.light.switch') }}
</div>
</div>
<a href="#popup2" data-rel="popup">
<img class="icon icon1" style = "fill:icon1; stroke:icon1;" src="{{ icon0 }}light_light.svg" />
</a>
<div id="popup2" data-role="popup">
{{ basic.switch('switch4', 'bath.light.switch') }}
{{ basic.switch('switch5', 'bath.light.switch') }}
{{ basic.switch('switch6', 'bath.light.switch') }}
</div>
<a href="#popup3" data-rel="popup">
<img class="icon icon1" style = "fill:icon1; stroke:icon1;" src="{{ icon0 }}light_light.svg" />
</a>
<div id="popup3" data-role="popup" style="width:280px; height:200px;">
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
Content
</div>