@{layout module_layout}
@set header{
    <link href="/static/module_extend.css" rel="stylesheet" />
    <link href="/static/product.css" rel="stylesheet" />
    <script src="/static/scripts/product.js"></script>
    <style>
    ._column td,._p_column td,.mrow td{
        border-bottom: 1px dashed #ccc;
    }
    </style>
@}
@set body{
    <form method="POST">
    @{Html.Hidden("ID",d.ID)}
    @{Html.Hidden("SelectIds",d.SelectIds)}
    <div class="tabs">
        <div id="tabs-btn">
            <ul></ul>
            <ul class="tabsBtn" name="产品展示" target="tabs-1">产品展示</ul>
            <ul class="tabsBtn" name="产品管理" target="tabs-2">产品管理</ul>

            <ul class="tabsBtn" name="模块参数" target="tabs-4">模块参数</ul>
            <ul style="width:450px"></ul>
        </div>
        <div class="tabs-container" id="tabs-1">
            <ul style="padding: 15px 0 10px 25px;">
                <li style="float:left; margin-top:5px">显示方式：</li>
                <li style="float:left">
                    <select name="CheckMode" id="_showMode">
                        <option 
                        @if d.CheckMode{
                            selected="selected"
                        @}
                        value="true">挑选模式</option>
                        <option 
                        @if !d.CheckMode{
                            selected="selected"
                        @}
                        value="false">类别模式</option>
                    </select>
                </li>
                <li class="_autoMode" style="display:none;float:left">
                    <span style="margin-left:10px">
                        <select name="CateID" id="CateID"
                            @if d.About{
                                disabled="disabled"
                            @}
                        >
                            @for m in d.CateSource{
                                <option
                                @if d.CateID==m.ID{
                                    selected="selected"
                                @}
                                value="@{m.ID}">@{m.Name}</option>
                            @}
                        </select>
                    </span>
                    <span style="margin-left:10px"><input type="checkbox" id="Basic_Top" 
                    @if d.Top{
                        checked="checked"
                    @}
                    />置顶</span>
                    <span style="margin-left:10px"><input type="checkbox" id="Basic_New" 
                    @if d.New{
                        checked="checked"
                    @}
                    />最新</span>
                    <span style="margin-left:10px">@{Html.Check("About",d.About)}相关</span>
                    <span style="margin-left:10px">&nbsp数量：</span>
                    <span>
                        <select id="Count" name="Count">
                            @for m in d.CountItems{
                                <option 
                                @if m==d.Count{
                                    selected="selected"
                                @}
                                value="@{m}">@{m}</option>
                            @}
                        </select>
                    </span>
                </li>
                <li>
                    <div class="_AddItemBtn" style="margin-right: 10px;"><a class="_action" href="/module/ProductItemAdd?ID=@{d.ID}">添加产品</a></div>
                </li>
                <ul style="clear:both;"></ul>
            </ul>
            <ul class="_cur_category">
                自动绑定当前的相关产品
            </ul>
            <table class="_data_table" style="width:100%;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="_checkMode" style="width:400px" valign="top">
                        <div class="a2">
                            <ul style="padding-left:25px;">
                                <li style="float:left;">产品数据库 选择类别：</li>
                                <li style="text-align:left;">
                                    <select id="_category">
                                        @for n in d.CateSource {
                                        <option value="@{n.ID}">@{n.Name}</option>
                                        @}
                                    </select>

                                </li>
                            </ul>
                        </div>
                        <div>
                            <table style="border:0; width:100%" cellpadding="0" cellspacing="0">
                                <tr id="_column" style="height: 25px;border-bottom: 1px solid #ccc;">
                                    <td style="padding-left: 25px;">名称</td>
                                    <td>图片</td>
                                    <td>类别</td>
                                    <td>操作</td>
                                </tr>

                                <tr>
                                    <td colspan="4" style="text-align: right;padding-right: 15px;height: 25px;line-height: 25px;">
                                        共 <span id="_total"></span> 条记录
                                        <span id="_index"></span>/<span id="_pCount"></span> 页
                                        <span id="_prev">上一页</span>
                                        <span id="_next">下一页</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                    <td style="width:1px; background-color:#ccc"></td>
                    <td valign="top" style="vertical-align: top;">
                        <div class="a2" style="color:red; font-weight:bold;">将展示的产品</div>
                        <table id="mtable" style="border:0; width:100%" cellpadding="0" cellspacing="0">
                            <tr id="_showcolumn" style="height: 25px;border-bottom: 1px solid #ccc;">
                                <td style="padding-left: 25px;">名称</td>
                                <td>图片</td>
                                <td>类别</td>
                                <td>操作</td>
                            </tr>

                            <tr class="_checkMode">
                                <td colspan="4" style="text-align: right;padding-right: 15px;height: 25px;line-height: 25px;">
                                    剩余 <span id="_count"></span>
                                </td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
            <div class="_BtnItem" style="margin-top: 15px;">
                <ul class="BtnSubmit"><input class="subBtn" value="提交" type="submit"/></ul>
            </div>
        </div>
        <div class="tabs-container" id="tabs-2">
            <div id="">
                <div class="a1">
                    <ul style="padding-left:25px;">
                        <li style="float:left;">选择类别：</li>
                        <li style="text-align:left;">
                            <select id="_pageCategory">
                                @for n in d.CateSource {
                                <option value="@{n.ID}">@{n.Name}</option>
                                @}
                            </select>
                            置顶：<input id="_pageTop" type="checkbox" />
                            最新：<input id="_pageNew" type="checkbox" />
                        </li>
                    </ul>
                </div>
                <div style="padding-bottom: 10px;">
                    <table style="border:0; width:100%" cellpadding="0" cellspacing="0">
                        <tr id="_p_column" style="height: 25px;border-bottom: 1px solid #ccc;">
                            <td style="padding-left: 25px;">名称</td>
                            <td>置顶</td>
                            <td>最新</td>
                            <td>图片</td>
                            <td>类别</td>
                            <td>操作</td>
                        </tr>

                        <tr>
                            <td colspan="6" style="text-align: right;padding-right: 15px;height: 25px;line-height: 25px;">
                                共 <span id="_pageTotal"></span> 条记录
                                <span id="_pageIndex"></span>/<span id="_pageCount"></span> 页
                                <span id="_pageUp">上一页</span>
                                <span id="_pageDown">下一页</span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="tabs-container" id="tabs-3">

        </div>
        <div class="tabs-container" id="tabs-4">
            <div class="_Attr" style="height:auto">
                <ul class="_AttrTitle"><li>模块属性</li></ul>
                <ul class="_AttrData" style="height:190px">
                    <li><span class="AttrDataColunm">名称：</span><span class="_AttrDataValue">@{d.Text} (@{d.Name})</span></li>
                    <li><span class="AttrDataColunm">模块类型：</span><span class="_AttrDataValue">产品展示模块</span></li>
                    <li>
                        <span class="AttrDataColunm">状态：</span>
                        <span class="_AttrDataValue">
                            @{Html.Radio("Hidden",d.Hidden,false)}<label>显示</label>
                            @{Html.Radio("Hidden",d.Hidden,true)}<label>隐藏</label>
                        </span>
                    </li>
                    <li><span class="AttrDataColunm">修改日期：</span><span class="_AttrDataValue">@{d.Modify}</span></li>
                    <li style="clear:both"></li>
                </ul>
                <ul class="clear"></ul>
            </div>
        </div>
    </div>
    </form>
@}