{template "header.html"}
<style>
.dr-notice-wrap .portlet-body { padding-top: 0; }
.dr-notice-side {
    width: 200px;
    float: left;
    border-right: 1px solid #eef1f5;
    padding: 8px 0 20px;
    min-height: 420px;
}
.dr-notice-side .nav-pills > li { float: none; margin: 0; }
.dr-notice-side .nav-pills > li > a {
    border-radius: 0;
    color: #666;
    padding: 11px 12px 11px 14px;
    border-left: 2px solid transparent;
    margin: 0;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dr-notice-side .nav-pills > li > a:hover {
    background: #f7f9fc;
    color: #333;
}
.dr-notice-side .nav-pills > li.active > a,
.dr-notice-side .nav-pills > li.active > a:hover,
.dr-notice-side .nav-pills > li.active > a:focus {
    background: #f0f7ff;
    color: #2890ff;
    border-left-color: #28b6ff;
    font-weight: 600;
}
.dr-notice-side .badge {
    float: right;
    margin-top: 1px;
    margin-left: 6px;
    background: #eef1f5;
    color: #8896a6;
    font-weight: 500;
    font-size: 11px;
    padding: 3px 6px;
}
.dr-notice-side .nav-pills > li.active > a .badge {
    background: #28b6ff;
    color: #fff;
}
.dr-notice-main {
    margin-left: 200px;
    padding: 8px 15px 20px 20px;
}
.dr-notice-main .dr-notice-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 14px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eef1f5;
}
.dr-notice-main .dr-notice-head h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.dr-notice-item {
    padding: 14px 0;
    border-bottom: 1px dashed #eef1f5;
}
.dr-notice-item:last-child { border-bottom: 0; }
.dr-notice-item .dr-notice-name {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
}
.dr-notice-item .mt-checkbox-inline {
    margin-bottom: 0;
}
.dr-notice-item .mt-checkbox {
    margin-bottom: 6px;
}
.dr-notice-warn {
    margin-left: 4px;
}
@media (max-width: 991px) {
    .dr-notice-side {
        width: 100%;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #eef1f5;
        min-height: 0;
        margin-bottom: 10px;
        padding-bottom: 0;
    }
    .dr-notice-main {
        margin-left: 0;
        padding-left: 0;
    }
}
</style>

<form action="" class="form-horizontal" method="post" name="myform" id="myform">
    {dr_form_hidden()}
    <div class="myfbody">
        <div class="portlet light bordered dr-notice-wrap">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-volume-up font-green"></i>
                    <span class="caption-subject font-green sbold">{dr_lang('通知设置')}</span>
                </div>
                <div class="actions">
                    {if !IS_OEM_CMS}
                    <a href="https://www.xunruicms.com/api/xunrui.php?at=notice" class="btn blue btn-sm" target="_blank">
                        <i class="fa fa-cloud-download"></i> {dr_lang('更多通知方式')}
                    </a>
                    {/if}
                </div>
            </div>
            <div class="portlet-body">
                <div class="clearfix">
                    <div class="dr-notice-side">
                        <ul class="nav nav-pills nav-stacked" role="tablist">
                            {php $dr_notice_n = 0;}
                            {loop $notice_config $ni $t}
                            <li class="{if !$dr_notice_n}active{/if}">
                                <a href="#dr_notice_tab_{$dr_notice_n}" data-toggle="tab" title="{$t.name}">
                                    {$t.name}
                                    <span class="badge">{php echo dr_count($t['value']);}</span>
                                </a>
                            </li>
                            {php $dr_notice_n++;}
                            {/loop}
                        </ul>
                    </div>
                    <div class="dr-notice-main">
                        <div class="tab-content">
                            {php $dr_notice_n = 0;}
                            {loop $notice_config $ni $t}
                            <div class="tab-pane {if !$dr_notice_n}active{/if}" id="dr_notice_tab_{$dr_notice_n}">
                                <div class="dr-notice-head">
                                    <h4>{$t.name}</h4>
                                    <span class="text-muted">{php echo dr_count($t['value']);} {dr_lang('项')}</span>
                                </div>

                                <div class="form-group hide">
                                    <div class="mt-checkbox-inline">
                                        {loop $notice_type $tt}
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" class="checkboxes group{md5($tt.name)}" data-set=".group{md5($tt.name)}" /> {dr_lang('批量')} <span></span>
                                        </label>
                                        {/loop}
                                    </div>
                                </div>

                                {loop $t.value $name $v}
                                <div class="dr-notice-item">
                                    <div class="dr-notice-name">{dr_lang($v.name)}</div>
                                    <div class="mt-checkbox-inline">
                                        {loop $notice_type $nkey $tt}
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" class="checkboxes group{md5($tt.name)}" name="data[{$name}][{$nkey}]" value="1" {if $value[$name][$nkey]}checked{/if} /> {dr_lang($tt.name)} <span></span>
                                        </label>
                                        {/loop}
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <a class="btn btn-sm blue" href="javascript:dr_iframe_show('{dr_lang($v.name)}', '{dr_url('member/setting_notice/edit')}&file={$name}', '90%','90%', 'nogo');">{dr_lang('内容设置')}</a>
                                        </label>
                                        {loop $notice_type $nkey $tt}
                                        {if $value[$name][$nkey] && !$v['file'][$nkey]}
                                        <label class="mt-checkbox mt-checkbox-outline dr-notice-warn">
                                            <a href="javascript:dr_iframe_show('{dr_lang($v.name)}', '{dr_url('member/setting_notice/edit')}&file={$name}', '90%','90%', 'nogo');" class="btn btn-xs red">{dr_lang('%s内容未设置', $tt.name)}</a>
                                        </label>
                                        {/if}
                                        {/loop}
                                    </div>
                                </div>
                                {/loop}
                            </div>
                            {php $dr_notice_n++;}
                            {/loop}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="portlet-body form myfooter">
        <div class="form-actions text-center">
            <button type="button" onclick="dr_ajax_submit('{dr_url('member/setting_notice/add')}&page='+$('#dr_page').val(), 'myform', '2000', '{FC_NOW_URL}')" class="btn green"> <i class="fa fa-save"></i> {dr_lang('保存')}</button>
        </div>
    </div>
</form>

{template "footer.html"}
