@layout("/common/_container.html"){
<style>
    .avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        height: 100px;
        width: 100px;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }

    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 100px;
        height: 100px;
        line-height: 100px;
        margin-top: 32px;
        text-align: center;
    }

    .avatar {
        width: 100px;
        height: 100px;
        display: block;
    }

    .col-sm-12 {
        margin-top: 20px;
    }

    .col-sm-12 select {
        height: 33px;
    }


</style>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=77b37f0753049c4e712ea79a24e0719c"></script>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="carInfoForm">
            <div class="form-group">
                <input hidden id="role" value="${role}">

                <div style="display:flex">
                    <label class="col-sm-3 control-label">*用户手机号：</label>
                    <input type="number" id="phone" name="type" placeholder="请输入">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button type="button" class="btn btn-primary" onclick="THuiminCardInfo.checkUser()">搜索
                    </button>
                </div>
            </div>
            <div class="form-group" id="users">
                <label class="col-sm-3 control-label">*绑定人员信息：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="userList" name="userList">

                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">订单类型：</label>
                <div class="col-sm-9" style="padding-top: 7px;">赠送</div>
            </div>

            @if(role==1){
            <div class="form-group">
                <label class="col-sm-3 control-label">*所属运营商：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="account" name="account" onchange="THuiminCardInfo.getStores(this)">
                        <option value="">请选择运营商</option>
                        <option value="0">平台</option>
                        @for(i in operators){
                        <option value="${i.id}">${i.name}</option>
                        @}
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">*可用门店：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="shopId" name="shopId" onchange="THuiminCardInfo.getCards(this)">
                        <option value="">选择门店</option>

                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">选择惠民卡：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="cards" name="cards" >
                        <option value="">选择惠民卡</option>
                    </select>
                </div>
            </div>
            @}

            @if(role==2){
            <div class="form-group" id="shop">
                <label class="col-sm-3 control-label">所属门店：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="shopId" name="shopId" onchange="THuiminCardInfo.getCards(this)" >
                        <option value="">选择门店</option>
                        @for(i in stores){
                        <option value="${i.id}">${i.name}</option>
                        @}
                    </select>
                </div>
            </div>
            <div class="form-group" id="card">
                <label class="col-sm-3 control-label">选择惠民卡：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="cards" name="cards" >
                        <option value="">选择惠民卡</option>
                    </select>
                </div>
            </div>
            @}
            @if(role==3){
            <div class="form-group" id="card">
                <label class="col-sm-3 control-label">选择惠民卡：</label>
                <div class="col-sm-9">
                    <select class="form-control" id="cards" name="cards" >
                        <option value="">选择惠民卡</option>
                        @for(i in cards){
                        <option value="${i.id}">${i.name}</option>
                        @}
                    </select>
                </div>
            </div>
            @}
        </div>
    </div>

    <div class="row btn-group-m-t">
        <div class="col-sm-10 col-sm-offset-5">
            <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="THuiminCardInfo.addSubmit()"/>
            <#button btnCss="danger" name="关闭" id="cancel" icon="fa-eraser" clickFun="THuiminCardInfo.close()"/>
        </div>
    </div>

</div>


<script src="${ctxPath}/modular/system/tHuiminCard/tHuiminCard3.js"></script>
<script src="${ctxPath}/js/vue/vue.js"></script>
<script src="${ctxPath}/js/elementui/index.js"></script>
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">

@}