{php $this->template('header')}
	
	<style>
		img{
			width:.3rem;
		}
		.bui-choose.active:before, .bui-choose:checked:before, .bui-like.active:before, .bui-like:checked:before, .bui-fav.active:before, .bui-fav:checked:before, .bui-checkbox.active:before, .bui-checkbox:checked:before, .bui-radio.active:before, .bui-radio:checked:before{
		    
		    color: #ea413c;
		}
		#province,#city,#district{
			margin-left: .2rem;
		}
		#xuanze{
			color: #888;
			font-size: .25rem;
		}
		.bui-levelselect .select-value .active{
			border-bottom: 2px solid #ea413c;
			
		} 
		.bui-levelselect .bui-list .bui-btn.active{
			color: #ea413c;
		} 
	</style>
	
	<div class="bui-page ">
		<main>
		        <ul class="bui-list">
            <li class="bui-btn bui-box clearactive">
                <label class="bui-label">联系人</label>
                <div class="span1">
                    <input type="text" id="name" class="bui-input" value="{$address['name']}" placeholder="请输入联系人">
                </div>
            </li>
            <li class="bui-btn bui-box clearactive">
                <label class="bui-label"></label>
                <div class="span1"> 
                    <input type="radio" class="bui-radio" name="sex" value="1" {if $address['sex']!=2}checked {/if}> 先生
                    <input type="radio" class="bui-radio" name="sex" value="2" {if $address['sex']==2}checked {/if}> 女士
                </div>
            </li>
            <li class="bui-btn bui-box clearactive">
                <label class="bui-label">电话</label>
                <div class="span1">
                    <input type="text" id="phone" class="bui-input" value="{$address['phone']}" placeholder="请输入联系电话">
                </div>
            </li>
        </ul>
        <hr> 
        <div class="bui-panel address-item">
            <div class="bui-panel-head bui-box-align-middle" id="chooseCity">
                <div class="span1">
	                <div class="bui-box">
	                	<i class="icon">
	                		<img src="{$public}img/icon-location.png">{if $address['province']==''} <span id="xuanze">请选择地址</span> {/if}
	                	</i> 
			            <div class="selected-val" id="province">  </div>
			            <div class="selected-val" id="city"> </div>
			            <div class="selected-val" id="district"> </div>
			        </div>
                </div>
                <i class="icon-listright"></i>
            </div>
            <div class="bui-panel-main">
                <ul class="bui-list">
                    <li class="bui-btn bui-box clearactive">
                        <label class="bui-label">详细地址</label>
                        <div class="span1">
                            <input type="text" id="address" class="bui-input" value="{$address['address']}" placeholder="楼号、门牌号等，例如：16号楼123室">
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <footer class="container-xy">
		    <div id="saveAddress" class="bui-btn round danger">保存</div>
		</footer>
    </main>

			

	</div>
	
	

	<script>
 
		bui.ready(function(){
			var citySelect = null;
			loader.import("{$public}js/city.js?time={php echo time()}", function() {

			    // 普通初始化
			    citySelect = bui.levelselect({
			        data: citys,
			        title: "所在地区",
			        log: true,
			        placeholder:'请选择您的城市',
			        value:["{$address['province']}","{$address['city']}","{$address['district']}"],
			        trigger: ".selected-val",
			        level: 3,
			        field: {
			            name: "n",
			            data: ["c", "a"],
			        }
			    })

			})
			$("#chooseCity").on("click", function() {
			    citySelect.show();
			    citySelect.on("change",function () {
			        $('#xuanze').text('');
			    });
			    citySelect.off("change",function () {
			        
			    });
			})
 			
		})
		
		$('#saveAddress').click(function(r){

			var id={php echo val(input('get.id'),0)};

			var data={id:id};
			var inp=['name','phone','address'];
			for (var i = 0; i < inp.length; i++) {
				data[inp[i]]=$('#'+inp[i]).val();
			}
			data.province=$('#province').text();
			data.city=$('#city').text();
			data.district=$('#district').text();

			data.sex=$('input[name=sex]:checked').val();



			if(data.name==''||data.phone==''||data.district==''){
              bui.hint("请认真填写资料");
              return false;
			}

			$.post('',data,function(r){

				if (r.code) {

					msg('添加成功',1);
					setTimeout(function(){
						window.location.href=document.referrer; 
					},2000)
				}else{

					return msg(r.msg,1);


				}


			})
		})


	</script>