<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>
<style type="text/css">

    .info {
        margin-left: 0px;
        margin-top: 30px;
        border: #212121 dashed 0px;
        width: 630px;
    }

    .gradeX {
        background: #add8e6;

    }

    thead tr {
        background: #ddd;
    }

    th {
        border: #ddd solid 2px;
        font-style: italic;
        font-weight: normal;
        max-width: 130px;
        min-width: 130px;

    }

    td {
        border: #87ceeb solid 2px;
        max-width: 130px;
        min-width: 130px;

    }

    thead tr {
        background: #ddd;
    }


</style>
<div style="margin:30px auto; width:700px;padding-top:25px;">
    <s:if test="%{!isListEmpty()}">
        <div style="width:700px;text-align:center;margin-top: 0px;margin-bottom: 50px;font-size: 22px;font-style: italic;">
            <s:text name="label.unknown.devices"/>
        </div>
        <table class="info">
            <thead>
            <tr>
                <th>Serial</th>
                <th>Model</th>
                <th>type</th>
            </tr>
            </thead>
            <s:iterator value="unknownList" var="unknown">
                <tr class="gradeX">
                    <td><s:property value="#unknown.serial"/></td>
                    <td><s:property value="#unknown.model"/></td>
                    <td><s:property value="#unknown.type"/></td>
                </tr>
            </s:iterator>
        </table>
    </s:if>
    <s:else>
        <div style="width:700px;text-align:center;font-size:20px;font-style:italic;margin-top:110px"><s:text
                name="msg.nothaving.unknown"/></div>
    </s:else>
</div>