@model Application.Domain.Entities.IoTDevice
@{
    var hardware = Model.Data.FirstOrDefault(o=>o.Key=="hardware")?.Value;
    var list = Model.Data.Where(o => o.Key.StartsWith("device-")).ToList();
}
<div class="col-sm-@(list.Count*2)">
    <div class="card bg-light">
        <div class="card-header">
            <h5 class="card-title">@(Model.DisplayName??Model.Name)</h5>
            <div class="card-tools">@hardware</div>
        </div>
        <div class="card-body device">
            <div class="row">
                <img class="icon" src="@Url.Content2(Model.IoTProduct.Image)" />
            </div>
            <div class="row h48 text-center">
                @foreach (var item in list)
                {
                    <div class="col"><p class="h48">@item.Name @item.Value @item.Unit </p></div>
                }
            </div>
        </div>
    </div>
</div>