@model Application.Domain.Entities.IoTDevice
@{
    var state = Model.Data.FirstOrDefault(o => o.Key == "State")?.Value;
}
<div class="col-sm-2">
    <div class="card bg-light">
        <div class="card-header">
            <h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
            <div class="card-tools">@state</div>
        </div>
        <div class="card-body device">
            <div class="row">
                <img class="icon" src="@Url.Content2(Model.IoTProduct.Image)" />
            </div>
            <div class="row">
                <div style="margin:0 auto;">
                    <img class="pointer" onclick="execApi(device.number,'/Socket/On')" src="@Url.Content2("/images/left.svg")" />
                    <img class="pointer" onclick="execApi(device.number,'/Socket/Stop')" src="@Url.Content2("/images/stop.svg")" />
                    <img class="pointer" onclick="execApi(device.number,'/Socket/Off')" src="@Url.Content2("/images/right.svg")" />
                </div>
            </div>
        </div>
    </div>
</div>