@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="siteInfoForm">
            <input type="hidden" id="id" name="id" value="${item.id}">
            <div class="row">
                <div class="col-sm-12">
                    <div class="">
                        <h3 style="margin-left: 100px;">站点信息</h3>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">站点名称：</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" id="name" name="name" value="${item.name}">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">所属城市：</label>
                        <div class="col-sm-2">
                            <select class="form-control" id="provinceCode" onchange="TSiteInfoDlg.provinceChange(this)">
                                <option value="">选择省</option>
                                @for(obj in provinceList){
                                <option value="${obj.code}" ${obj.code == item.provinceCode ? 'selected=selected' : ''}>${obj.name}</option>
                                @}
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control" id="cityCode" onchange="TSiteInfoDlg.cityChange(this)">
                                <option value="">选择市</option>
                                @for(obj in cityList){
                                <option value="${obj.code}" ${obj.code == item.cityCode ? 'selected=selected' : ''}>${obj.name}</option>
                                @}
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control" id="districtCode">
                                <option value="">选择区</option>
                                @for(obj in areaList){
                                <option value="${obj.code}" ${obj.code == item.districtCode ? 'selected=selected' : ''}>${obj.name}</option>
                                @}
                            </select>
                        </div>
                    </div>

                    <div class="">
                        <h3 style="margin-left: 100px;margin-top: 70px;">站点区域</h3>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">区域名称：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="areaName" name="areaName">
                        </div>
                        <label class="col-sm-1 control-label">类型：</label>
                        <div class="col-sm-2"  style="display: flex;align-items: center;">
                            <div class="radio radio-info radio-inline">
                                <input type="radio" id="areaType1" value="1" name="areaType" ${checked1} disabled onclick="TSiteInfoDlg.areaTypeClick(1)">
                                <label for="areaType1"> 行政区域 </label>
                            </div>
                            <div class="radio radio-success radio-inline">
                                <input type="radio" id="areaType2" value="2" name="areaType" ${checked2} disabled onclick="TSiteInfoDlg.areaTypeClick(2)">
                                <label for="areaType2"> 电子围栏 </label>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <#button btnCss="info" name="添加" id="ensure" icon="fa-check" clickFun="TSiteInfoDlg.addArea()"/>
                        </div>
                    </div>
                    <div class="form-group" id="areaType1Div" style="display: ${type1};">
                        <label class="col-sm-2 control-label">行政区域：</label>
                        <div class="col-sm-2">
                            <select class="form-control" id="provinceCode1" onchange="TSiteInfoDlg.provinceChange1(this)">
                                <option value="">选择省</option>
                                @for(obj in provinceList){
                                <option value="${obj.code}">${obj.name}</option>
                                @}
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control" id="cityCode1" onchange="TSiteInfoDlg.cityChange1(this)">
                                <option value="">选择市</option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <select class="form-control" id="districtCode1">
                                <option value="">选择区</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" id="areaType2Div" style="display: ${type2};">
                        <label class="col-sm-2 control-label">电子围栏：</label>
                        <div class="col-sm-8">
                            <div id="container" style="height: 350px;width: 1000px;"></div>
                            <div class='info' style="margin-top:10px;position: absolute; z-index: 999; left: 20px; width: 450px;">操作说明：圆和矩形通过拖拽来绘制，其他覆盖物通过点击来绘制</div>
                            <div class="input-card" style='margin-top:28px;width: 100rem; z-index: 999; bottom: 20px;'>
                                <div class="input-item">
                                    <!--<input type="radio" name='func' checked="" value='marker'><span class="input-text">画点</span>-->
                                    <!--<input type="radio" name='func' value='polyline'><span class="input-text">画折线</span>&nbsp;&nbsp;-->
                                    <input type="radio" name='func' value='polygon'><span class="input-text" style='width:5rem;'>画多边形</span>&nbsp;&nbsp;
                                    <!--<input type="radio" name='func' value='rectangle'><span class="input-text" style='width:5rem;'>画矩形</span>&nbsp;&nbsp;-->
                                    <input type="radio" name='func' value='circle'><span class="input-text" style='width:5rem;'>画圆</span>
                                </div>
                                <div class="input-item">
                                    <input id="clear" type="button" class="btn" value="清除" />
                                    <input id="close" type="button" class="btn" value="关闭绘图" />
                                    <input type="button" class="btn" value="开始编辑" onclick="editAll()" />
                                    <input type="button" class="btn" value="结束编辑" onclick="closeEdit()" />
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <label style='color:grey'>行政区边界查询</label>
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown" class="btn btn-white dropdown-toggle"
                                                type="button">行政级别
                                        </button>
                                    </div>
                                    <select id="level" class="form-control">
                                        <option value="district">区</option>
                                        <option value="city">市</option>
                                        <option value="province">省</option>
                                    </select>

                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-btn">
                                        <button data-toggle="dropdown" class="btn btn-white dropdown-toggle"
                                                type="button">名称/adcode
                                        </button>
                                    </div>
                                    <input id='district' class="layui-input form-control" type="text" value=''>
                                </div>
                            </div>
                            <input id="find" type="button" class="btn btn-primary btn-sm" value="查询" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">已添加区域</label>
                        <div class="col-sm-6">
                            <div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
                                <table class="table table-striped table-bordered table-hover table-condensed">
                                    <thead>
                                    <tr>
                                        <th style="width: 300px;text-align: center;">添加时间</th>
                                        <th style="width: 300px;text-align: center;">区域名称</th>
                                        <th style="width: 100px;text-align: center;">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="areaValue">
                                    @for(obj in locationList!){
                                    <tr class="areaValueClass">
                                        <td style="text-align: center;"><input type="hidden" id="areaType1" name="areaType1" value="${obj.type}">
                                            <input type="hidden" id="time" name="time" value="${obj.addTime}">${obj.addTime}</td>
                                        <td style="text-align: center;">
                                            <input type="hidden" id="id" name="id" value="${obj.id}">
                                            <input type="hidden" id="name" name="name" value="${obj.name}">
                                            <input type="hidden" id="provinceCode1" name="provinceCode1" value="${obj.provinceCode}">
                                            <input type="hidden" id="province1" name="province1" value="${obj.province}">
                                            <input type="hidden" id="cityCode1" name="cityCode1" value="${obj.cityCode}">
                                            <input type="hidden" id="city1" name="city1" value="${obj.city}">
                                            <input type="hidden" id="districtCode1" name="districtCode1" value="${obj.districtCode}">
                                            <input type="hidden" id="district1" name="district1" value="${obj.district}">
                                            <input type="hidden" id="coordinate1" name="coordinate1" value="${obj.coordinate}">
                                            ${obj.name}</td>
                                        <td style="text-align: center;"><button onclick="deleteSub(this)">移除</button></td>
                                    </tr>
                                    @}
                                    </tbody>
                                </table>
                            </div>
                        </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="TSiteInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TSiteInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode: "f4241876b072db561dc69b2857032738",
    };
</script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=fb70a54f977723c9cac44bc903936746&plugin=AMap.MouseTool,AMap.DistrictSearch,AMap.PolyEditor,AMap.RectangleEditor,AMap.CircleEditor"></script>
<script src="${ctxPath}/static/modular/system/tSite/electricFence.js"></script>
<script src="${ctxPath}/static/modular/system/tSite/tSite_info.js"></script>
@}