<%include '../../common/__ui/header'%>

<%include '../../common/__partail/ListHeader'%>

<div class="contentpanel">
    <div class="panel panel-default" style="...">
        <div class="panel-body" style="padding-bottom: 0">
            <a class="btn btn-success " id="add-content"><i class="fa fa-plus"></i> 添加拍摄模特</a>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <input type="text" value="" name="modelName" id="content-filter1" placeholder="姓名"
                           class="form-control">
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <input type="text" value="" name="englishName" id="content-filter2" placeholder="英文名"
                           class="form-control">
                </div>
                <div class="panel-col">
                    <select name="status" id="status-filter" tabindex="-1" title=""
                            class="form-control">
                        <option value="-1">全部</option>
                        <option value="0">禁用</option>
                        <option value="1">启用</option>
                    </select>
                </div>
                <div class="panel-col">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">查询</a>
                    <a id="filter-all" href="/shotManage/model/index" class="btn btn-info">全部</a>
                </div>
            </div>
        </div>
    </div>
    <div id="content-list"></div>
</div>

<script type="text/template" id="template">
    <div class="rows" id="baseform">
        <div class="form-group">
            <label class="col-sm-2 control-label" for="avatar">头像<span class="red">*</span></label>
            [[if avatar]]
            <div class="col-sm-6">
                <div class="goods-img">
                    <a class="fileinput-button-icon" href="javascript:void(0);">
                        <img id="avatarpic" src="[[avatar]]?imageView/2/w/100/h/100">
                    </a>
                    <i class="remove-item-btn remove1 glyphicon glyphicon-remove-circle" data-link="avatar"></i>
                </div>
            </div>
            [[else]]
            <div class="col-sm-6">
                <input type="file" bucket="modelCard" class="form-control avatar" id="avatar" name="avatar"
                       placeholder="头像" data-field="avatar"/>
            </div>
            [[/if]]
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="modelName">姓名<span class="red">*</span></label>
            <div class="col-sm-3">
                <input type="text" value="[[modelName]]" class="form-control observe" id="modelName"
                       placeholder="姓名" data-field="modelName"/>
            </div>
            <label class="col-sm-2 control-label" for="englishName">艺名<span class="red">*</span></label>
            <div class="col-sm-3">
                <input type="text" value="[[englishName]]" class="form-control observe" id="englishName"
                       placeholder="艺名" data-field="englishName"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="nationality">国籍</label>

            <div class="col-sm-3">
                <input type="text" value="[[nationality]]" class="form-control observe" id="nationality"
                       placeholder="国籍" data-field="nationality"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="height">身高<span class="red">*</span></label>

            <div class="col-sm-3">
                <input type="number" value="[[height]]" class="form-control observe" id="height"
                       match="numbers" placeholder="身高(cm)" data-field="height"/>
            </div>
            <label class="col-sm-2 control-label" for="weight">体重<span class="red">*</span></label>

            <div class="col-sm-3">
                <input type="number" value="[[weight]]" class="form-control observe" id="weight"
                       match="numbers" placeholder="体重(kg)" data-field="weight"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">三围<span class="red">*</span></label>

            <div class="col-sm-3">
                <input type="number" value="[[Bust]]" class="form-control observe" id="Bust"
                       match="numbers" placeholder="胸围(cm)" data-field="Bust"/>
            </div>
            <div class="col-sm-3">
                <input type="number" value="[[waist]]" class="form-control observe" id="waist"
                       match="numbers" placeholder="腰围(cm)" data-field="waist"/>
            </div>
            <div class="col-sm-3">
                <input type="number" value="[[hips]]" class="form-control observe" id="hips"
                       match="numbers" placeholder="臀围(cm)" data-field="hips"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="nationality">肩宽<span class="red">*</span></label>
            <div class="col-sm-3">
                <input type="text" value="[[shoulderWidth]]" class="form-control observe" id="shoulderWidth"
                       match="numbers"  placeholder="肩宽(cm)" data-field="shoulderWidth"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="dressSize">日常上装尺码</label>

            <div class="col-sm-3">
                <input type="text" value="[[dressSize]]" class="form-control observe" id="dressSize"
                       placeholder="日常上装尺码" data-field="dressSize"/>
            </div>

            <label class="col-sm-2 control-label" for="downDressSize">日常下装尺码</label>

            <div class="col-sm-3">
                <input type="text" value="[[downDressSize]]" class="form-control observe" id="downDressSize"
                       placeholder="日常下装尺码" data-field="downDressSize"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="shoeSize">日常鞋码</label>
            <div class="col-sm-3">
                <input type="text" value="[[shoeSize]]" class="form-control observe" id="shoeSize"
                       placeholder="日常鞋码" data-field="shoeSize"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">状态</label>
            <div class="col-sm-8">
                <label style="cursor: pointer;"><input type="radio" name="status" class="observe" data-field="status"
                                                       checked value="1">启用</label>
                <label style="cursor: pointer;"><input type="radio" name="status" class="observe" data-field="status"
                                                       value="0">禁用</label>
            </div>
            <input type="hidden" id="status" class="observe" value="[[status]]" for="radio" class="observe"
                   data-field="status">
        </div>
    </div>
</script>