{include file="public/header" /}
<div id="append_parent"></div>
<div id="ajaxwaitid"></div>

<div class="page">
    <div class="fixed-bar">
        <div class="item-title">
            <div class="subject">
                <h3>配送地区</h3>
                <h5></h5>
            </div>
            {include file="public/admin_items" /}
        </div>
    </div>
    <div class="explanation" id="explanation">
        <div class="title" id="checkZoom">
            <h4 title="提示相关设置操作时应注意的要点">操作提示</h4>
            <span id="explanationZoom" title="收起提示" class="arrow"></span>
        </div>
        <ul>
            <li>此处只能设置平台自营店铺支持货到付款的地区，注意：只有开启货到付款时以下设置的地区才会生效</li>
            <li>选择完子地区确认后，系统并未保存，需要点击页面底部的保存按钮系统才会保存设置的地区</li>
        </ul>
    </div>
    <form id="area_form" method="post">
        <input type="hidden" name="form_submit" value="ok" />
        <input type="hidden" name="county" id="county" value="" />
        <table id="table_area_box" class="ds-default-table">
            <thead>
            <tr class="thead">
                <th class="w10"></th>
                <th class="w120">省</th>
                <th>市</th>
            </tr>
            </thead>
            <tbody>
            {volist name="province_array" id="pinfo" key="pid"}
            <tr>
                <td></td>
                <td><label>
                    <input type="checkbox" {php} if (array_key_exists($pid, $province_checked_array)) echo 'checked';{/php} value="{$pid}" name="province[]">
                    <strong>{$pinfo.area_name}</strong></label></td>
                <td>
                    {notempty name="pinfo.child"}
                   {volist name="pinfo.child" id="city_name" key="city_id"}
                    <div class="area-list">
                        <label>
                            <input <?php if (isset($city_checked_array[$city_id])) echo 'checked';?> type="checkbox" nc_province="{$pid}" value="{$city_id}" name="city[]">
                            {$city_name}
                        </label>
                        (<span city_id="{$city_id}" title="已选下级地区">{present name="city_checked_child_array[$city_id]"}{:count($city_checked_child_array[$city_id])}{/present}</span>)
                        <a city_id="{$city_id}" nc_title="{$city_name}" province_id="{$pid}" nc_type="edit" href="javascript:void(0);" title="选择下级地区">
                            <i class="icon-pencil">编辑</i>
                        </a>
                    </div>
                    {/volist}
                    {/notempty}
                </td>
            </tr>
            {/volist}

            </tbody>
            <tfoot>
            <tr class="tfoot">
                <td colspan="15"><a href="JavaScript:void(0);" class="btn" id="submitBtn"><span>{$Think.lang.ds_submit}</span></a></td>
            </tr>
            </tfoot>
        </table>
    </form>

</div>
<style>
    #table_area_box .area-list {
        vertical-align: top;
        display: inline-block;
        *display: inline;
        width: 200px;
        margin: 0 0 10px 0;
        *zoom: 1;
    }
</style>
<script src="{:config('url_domain_root')}static/home/js/area_array.js"></script>
<script src="{:config('url_domain_root')}static/home/js/common.js"></script>
<script src="{:config('url_domain_root')}static/plugins/js/dialog/dialog.js"></script>
<link rel="stylesheet" href="{:config('url_domain_root')}static/plugins/js/dialog/dialog.css">
<script type="text/javascript">

    //将系统已选择的县ID放入JS数组
    var CUR_COUNTY = new Array();
    {notempty name="city_checked_child_array"}
    {volist name="city_checked_child_array" id="county_ids" key="city_id"}
            CUR_COUNTY[{$city_id}] = new Array();
    {volist name="county_ids" id="v"}
                CUR_COUNTY[{$city_id}][{$v}] = true;
            {/volist}
        {/volist}
    {/notempty}

    $(function(){

        //省点击事件
        $('input[name="province[]"]').on('click',function(){
            if ($(this).is(':checked')){
                $('input[nc_province="' + $(this).val() + '"]').each(function(){
                    $(this).prop('checked',true);
                    if (typeof nc_a[$(this).val()] == 'object') {
                        county_array = nc_a[$(this).val()];
                    } else {
                        county_array = new Array();
                    }
                    CUR_COUNTY[$(this).val()] = new Array();
                    for(i = 0; i < county_array.length; i++) {
                        CUR_COUNTY[$(this).val()][county_array[i][0]] = true;
                    }
                    count = county_array.length;
                    $('span[city_id="'+$(this).val()+'"]').html(count);
                });
            }else{
                $('input[nc_province="' + $(this).val() + '"]').each(function(){
                    $(this).prop('checked',false);
                    CUR_COUNTY[$(this).val()] = undefined;
                    $('span[city_id="'+$(this).val()+'"]').html(0);
                });
            }
        });

        //点击编辑事件
        $('a[nc_type="edit"]').on('click',function(){
            if (typeof CUR_COUNTY[$(this).attr('city_id')] == 'object'){
                cur_county = CUR_COUNTY[$(this).attr('city_id')];
            }else{
                cur_county = new Array();
            }
            var province_array = nc_a[$(this).attr('city_id')];
            if (typeof nc_a[$(this).attr('city_id')] == 'object'){
                county_array = nc_a[$(this).attr('city_id')];
            }else{
                county_array = new Array();
            }
            if (county_array.length == 0) {
                alert('下面没有子地区，无需要编辑');
                return;
            }
            county_html = '<table id="table_area_box_edit" class="table tb-type2"><tbody><tr class="noborder"><td city_id="'+$(this).attr('city_id')+'" province_id="'+$(this).attr('province_id')+'">';
            for(i = 0; i < county_array.length; i++){
                county_html += '<label><input type="checkbox"';
                if (typeof(cur_county[county_array[i][0]]) != 'undefined') {
                    county_html += ' checked ' ;
                }
                county_html += (' value="'+county_array[i][0]+'" name="county[]">' + county_array[i][1] + '</label>');
            }
            county_html += '</td></tr><tr><td class="align-center"><a id="county_submit" class="btn" href="JavaScript:void(0);"><span>确认</span></a></td></tr><tr class="noborder"><td class="align-center" style="color:#f30;">确认后，还需要点击页面底部的保存按钮完成保存操作</td></tr></tbody></table>';
            html_form('select_county', '选择 '+ $(this).attr('nc_title') +' 子地区', county_html, 500,1);
        });

        //选择市级事件
        $('input[name="city[]"]').on('click',function(){
            if ($(this).attr('checked')) {
                if (typeof nc_a[$(this).val()] == 'object') {
                    county_array = nc_a[$(this).val()];
                } else {
                    county_array = new Array();
                }
                CUR_COUNTY[$(this).val()] = new Array();
                for(i = 0; i < county_array.length; i++) {
                    CUR_COUNTY[$(this).val()][county_array[i][0]] = true;
                }
                count = county_array.length;
                if ($('input[nc_province="'+$(this).attr('nc_province')+'"]').size() == $('input[nc_province="'+$(this).attr('nc_province')+'"]:checked').size()) {
                    $('input[value="'+$(this).attr('nc_province')+'"]').attr('checked',true);
                } else {
                    $('input[value="'+$(this).attr('nc_province')+'"]').attr('checked',false);
                }
            } else {
                CUR_COUNTY[$(this).val()] = undefined;
                count = 0;
                $('input[value="'+$(this).attr('nc_province')+'"]').attr('checked',false);
            }
            $('span[city_id="'+$(this).val()+'"]').html(count);
        });

        //弹出县编辑确认事件
        $('body').on('click','#county_submit',function(){
            cur_td = $('.dialog_content > table > tbody > tr > td');
            cur_checkbox = cur_td.find('input[type="checkbox"]');
            cur_checkbox.each(function(){
                if ($(this).attr('checked')) {
                    if (typeof CUR_COUNTY[cur_td.attr('city_id')] != 'object') {
                        CUR_COUNTY[cur_td.attr('city_id')] = new Array();
                    }
                    CUR_COUNTY[cur_td.attr('city_id')][$(this).val()] = true;
                } else {
                    if (typeof CUR_COUNTY[cur_td.attr('city_id')] == 'object') {
                        if (typeof CUR_COUNTY[cur_td.attr('city_id')][$(this).val()] != 'undefined') {
                            CUR_COUNTY[cur_td.attr('city_id')][$(this).val()] = undefined;
                        }
                    }
                }
            });
            cur_new_county = cur_td.find('input[type="checkbox"]:checked').size();
            $('span[city_id="'+cur_td.attr('city_id')+'"]').html(cur_new_county);
            if (cur_checkbox.size() == cur_new_county) {
                v = true;
            } else {
                v = false;
            }
            $('input[value="'+cur_td.attr('city_id')+'"]').attr('checked',v);

            if ($('input[nc_province="'+cur_td.attr('province_id')+'"]').size() == $('input[nc_province="'+cur_td.attr('province_id')+'"]:checked').size()) {
                $('input[value="'+cur_td.attr('province_id')+'"]').attr('checked',true);
            } else {
                $('input[value="'+cur_td.attr('province_id')+'"]').attr('checked',false);
            }

            DialogManager.close('select_county');
        });

        //表单提交事件
        $("#submitBtn").click(function(){
            var county_id_str = '';
            for(var city_id in CUR_COUNTY) {
                for(var county_d in CUR_COUNTY[city_id]) {
                    if (typeof(CUR_COUNTY[city_id][county_d]) != 'undefined') {
                        county_id_str += county_d + ',';
                    }
                }
            }
            $("#county").val(county_id_str);
            $("#area_form").submit();
        });
    });
</script>