<!--模特管理界面-->
<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="">拍摄复尺</a></li>
                <li>模特管理</li>
            </ul>
            <div>
                <div style="width: 30%;float: left;">
                    <h4>{{typeName}}</h4>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contentpanel">
    <div class="panel panel-default" style="...">
        <div class="panel-heading">
            <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>
                <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 id="content-list"></div>
    <input type="hidden" id="aa" value="{{type}}"/>
</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">头像</label>
            <input type="hidden" value="[[id]]" id="id"/>

            <div class="col-sm-6">
                <input type="file" value="[[avatar]]" class="form-control avatar" id="avatar" name="avatar" placeholder="头像" required="required"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="modelName">姓名</label>

            <div class="col-sm-3">
                <input type="text" value="[[modelName]]" class="form-control" id="modelName" placeholder="姓名" required="required"/>
            </div>

            <label class="col-sm-2 control-label" for="englishName">英文名</label>

            <div class="col-sm-3">
                <input type="text" value="[[englishName]]" class="form-control" id="englishName" placeholder="英文名" required="required"/>
            </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" id="nationality" placeholder="国籍" required="required"/>
            </div>

        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label" for="height">身高</label>

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

            <div class="col-sm-3">
                <input type="number" value="[[weight]]" class="form-control" id="weight"
                       match="numbers" placeholder="体重(kg)" required="required"/>
            </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" id="dressSize" placeholder="穿衣尺码" required="required"/>
            </div>
            <label class="col-sm-2 control-label" for="shoeSize">鞋码</label>

            <div class="col-sm-3">
                <input type="text" value="[[shoeSize]]" class="form-control" id="shoeSize" placeholder="鞋码" required="required"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">三围</label>

            <div class="col-sm-3">
                <input type="number" value="[[Bust]]" class="form-control" id="Bust"
                       match="numbers" placeholder="胸围(cm)" required="required"/>
            </div>
            <div class="col-sm-3">
                <input type="number" value="[[waist]]" class="form-control" id="waist"
                       match="numbers" placeholder="腰围(cm)" required="required"/>
            </div>
            <div class="col-sm-3">
                <input type="number" value="[[hips]]" class="form-control" id="hips"
                       match="numbers" placeholder="臀围(cm)" required="required"/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label" for="modelCard">模特卡</label>

            <div class="col-sm-10">
                <input type="file" value="[[modelCard]]" class="form-control modelCard" id="modelCard" name="modelCard" placeholder="模特卡" required="required"/>
            </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" checked value="1">启用</label>
                <label style="cursor: pointer;"><input type="radio" name="status" value="0">禁用</label>
            </div>
            <input type="hidden" id="status" value="[[status||1]]" for="radio" required>
        </div>
        
    </div>
</script>