{extend name="admin@public/base" /}
{block name="main-content"}
	<div class="page-content">

		<div class="row maintop">
			<div class="col-xs-5 col-sm-2  margintop5">
				<a href="{:url('admin/Region/region_add')}">
					<button class="btn btn-sm btn-danger">
						<i class="ace-icon fa fa-bolt bigger-110"></i>
						添加区域
					</button>
				</a>
			</div>
			<form name="admin_list_sea" class="form-search" id="list-filter" method="post" action="{:url('admin/Region/region_list')}">
				<div class="col-xs-12 col-sm-4  margintop5">
					<select name="province" id="province" class="ajax_change2">
						<option value="">省份</option>
						{foreach name="province_list" item="v"}
						<option value="{$v.id}" {if condition="$province eq $v.id"}selected="selected"{/if}>{$v.name}</option>
						{/foreach}
					</select>
					<select name="city" id="city" class="ajax_change">
						<option value="">市</option>
						{foreach name="city_list" item="v"}
						<option value="{$v.id}" {if condition="$city eq $v.id"}selected="selected"{/if}>{$v.name}</option>
						{/foreach}
					</select>
				</div>
				<div class="col-xs-12 col-sm-3  margintop5">
					<div class="input-group">
						<span class="input-group-addon">
							<i class="ace-icon fa fa-check"></i>
						</span>
						<input type="text" name="key" id="key" class="form-control" value="{$val}" placeholder="输入名称查询" />
						<span class="input-group-btn">
							<button type="submit" class="btn btn-sm  btn-purple ajax-search-form">
								<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
								搜索{$province;$city}
							</button>
						</span>
					</div>
				</div>
				<div class="col-xs-4 col-sm-3 margintop5">
					<div class="input-group-btn">
						<a href="{:url('admin/Region/region_list')}">
							<button type="button" class="btn btn-sm  btn-purple ajax-display-all">
								<span class="ace-icon fa fa-globe icon-on-right bigger-110"></span>
								显示全部
							</button>
						</a>
					</div>
				</div>
			</form>
		</div>

		<div class="row">
			<div class="col-xs-12">
				<div>
					<table class="table table-striped table-bordered table-hover" id="dynamic-table">
						<thead>
						<tr>
							<th class="hidden-xs">ID</th>
							<th>上级区域</th>
							<th>区域名称</th>
							<th style="border-right:#CCC solid 1px;">操作</th>
						</tr>
						</thead>

						<tbody id="ajax-data">
							{include file="region/ajax_region_list"/}
						</tbody>
					</table>

				</div>
			</div>
		</div>
	</div><!-- /.page-content -->
{/block}
{block name="scripts"}
<script type="text/javascript" src="__PUBLIC__/others/region.js"></script>
<script>
	function changeProvice() {
		loadRegion('province',2,'city','{:url('admin/Ajax/getRegion')}');
	}
</script>
{/block}