<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="s" uri="/struts-tags" %>
<style type="text/css">
       #first{
           font-size: 22px;
           font-style: italic;
           width: 500px;
           height: 50px;
           line-height: 50px;
           padding-left: 200px;
           float:left;
           margin-top:10px;
       }

       select{
            width: 150px;
            margin-top: 10px;
            margin-bottom: 10px;
       }

       #left{
            width: 350px;
            display: block;
           margin-left: 0px;
           float: left;
       }

       #right{
           width: 340px;
           display: block;
           margin-left: 0px;
           float: left;
       }

       #checkboxes{
           margin-top: 10px;
           width: 340px;
           border: #aaaaaa solid 0px;
           height: 50px;
           float: left;
       }

        #submit{
            width: 150px;
            float: left;
            margin-left: 150px;
            margin-right: 10px;
        }

        #footer1{
            margin-top:30px;
            display: inline;
            border: #ffffff solid 1px;
            float:left;
        }

        #cancel{
            float: left;
        }

       .type{
            width: 300px;
       }

       #middle{
            margin-top: 40px;
            width: 700px;
            height:160px;
            float:left;
           display:block;
       }

       .check{
            float: left;
            width: 300px;
       }

       .box{
            width: 20px;
            height: 20px;
       }

    </style>
<div style="color: red;height:30px;" >
    <s:property value="#request.message"   />
</div>
<form action="uploadFile.action"  method="post"  enctype="multipart/form-data" >
    <div style="width: 700px;margin-left:200px;height:310px;">
        <div id="first">Upload file</div>
        <div id="middle">
            <div id="left">
                <div class="type">Device Model :</div>
                <select name="model">
                    <option value="">--Select Model--</option>
                    <s:iterator value="models" var="model">
                        <option value="<s:property value="#model.modelId" />" ><s:property value="#model.name" /> </option>
                    </s:iterator>
                </select>
            </div>
            <div id="right">
                <div style="width: 340px;float: right;">Insert FW Version :</div>
                <div id="checkboxes">
                    <input type="text" name="version"/>
                </div>
            </div>
            <div style="width: 350px;float:left;margin-bottom:0px;margin-left:0px">
                <div style="width: 350px;float: right;">Upgrade type :</div>
                <select name="upgradeType" class="upgradeType">
                    <option value=0>--Select Type--</option>
                    <s:iterator value="upgradeTypes" var="upgradeType">
                        <option value="<s:property value="#upgradeType" />" ><s:property value="#upgradeType" /></option>
                    </s:iterator>
                </select>
            </div>
            <div style="width: 340px;float:left;margin-bottom:0px;margin-left: 0px;">
                <div style="width: 340px">Select FW Image :</div>
                <input type="file" id="file" name="file" style="margin-top: 10px;margin-bottom: 10px;width: 300px;" />
            </div>
        </div>
        <%--<div style="width: 700px;padding-top: 10px;float:left;margin-bottom:40px;margin-left:0px;display: block;">--%>
               <%--<div style="width: 300px;float:left;margin-bottom:100px;margin-left:0px">--%>
            <%--<div style="width: 300px;float: right;">Upgrade type</div>--%>
            <%--<select name="upgradeType" class="upgradeType">--%>
                <%--<option value=0>--Select Type--</option>--%>
                <%--<s:iterator value="upgradeTypes" var="upgradeType">--%>
                    <%--<option value="<s:property value="#upgradeType" />" ><s:property value="#upgradeType" /> </option>--%>
                <%--</s:iterator>--%>
            <%--</select>--%>
        <%--</div>--%>
        <%--<div style="width: 300px;float:left;margin-bottom:100px;margin-left: 100px;">--%>
            <%--<div style="width: 300px">Select FW Image</div>--%>
            <%--<input type="file" id="file" name="file" style="margin-top: 10px;margin-bottom: 10px;width: 300px;" />--%>
        <%--</div>--%>
        <%--</div>--%>

        <div id="footer1">
            <input type="submit" value="Upload" id="submit"/>
            <input type="reset" value="Cancel" id="cancel"/>
        </div>
    </div>
</form>