{extend name="layout/default" /}

{block name="content"}
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#one" data-toggle="tab">{$title}</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div class="tab-content">
            <div class="tab-pane fade in active" id="one">
                <form role="form" method="post" action="" class="form-horizontal">
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2"></label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="alert alert-info-light">
                                <i class="fa fa-info-circle"></i>
                                请根据实际情况填写平台配置信息，配置完成后系统会自动缓存配置数据。
                            </div>
                        </div>
                    </div>
                    
                    {if condition="strpos($group, 'WechatMiniProgram') !== false"}
                    <!-- 微信小程序配置 -->
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">基本信息</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">
                                        <i class="fa fa-wechat text-success"></i>
                                        微信小程序开发信息
                                    </h3>
                                </div>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span class="text-danger">*</span>小程序AppID
                                        </label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" name="config[app_id]" class="form-control" 
                                                   value="{:isset($configs['app_id']) ? $configs['app_id']['value'] : ''}" 
                                                   placeholder="请输入小程序AppID">
                                            <span class="help-block">AppID是小程序开发标识码，配合AppSecret可调用小程序的接口能力</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span class="text-danger">*</span>小程序密钥
                                        </label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" name="config[secret]" class="form-control" 
                                                   value="{:isset($configs['secret']) ? $configs['secret']['value'] : ''}" 
                                                   placeholder="请输入小程序密钥">
                                            <span class="help-block">AppSecret是校验小程序开发者身份的密钥，具有极高的安全性</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">开启状态</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[status]" value="1" 
                                                           {if condition="isset($configs['status']) && $configs['status']['value'] == '1'"}checked{/if}>
                                                    开启
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[status]" value="0" 
                                                           {if condition="!isset($configs['status']) || $configs['status']['value'] == '0'"}checked{/if}>
                                                    关闭
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">登录配置</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">
                                        <i class="fa fa-user text-primary"></i>
                                        登录方式设置
                                    </h3>
                                </div>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">微信自动登录</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[auto_login]" value="1" 
                                                           {if condition="!isset($configs['auto_login']) || $configs['auto_login']['value'] == '1'"}checked{/if}>
                                                    开启
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[auto_login]" value="0" 
                                                           {if condition="isset($configs['auto_login']) && $configs['auto_login']['value'] == '0'"}checked{/if}>
                                                    关闭
                                                </label>
                                            </div>
                                            <span class="help-block">进入应用后，用户将会自动授权登录，未注册用户将会自动注册</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">绑定手机号</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[bind_mobile]" value="1" 
                                                           {if condition="!isset($configs['bind_mobile']) || $configs['bind_mobile']['value'] == '1'"}checked{/if}>
                                                    开启
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[bind_mobile]" value="0" 
                                                           {if condition="isset($configs['bind_mobile']) && $configs['bind_mobile']['value'] == '0'"}checked{/if}>
                                                    关闭
                                                </label>
                                            </div>
                                            <span class="help-block">授权登录后，未绑定手机号的用户，将会立即提醒绑定手机号</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/if}
                    
                    {if condition="strpos($group, 'DouyinMiniProgram') !== false"}
                    <!-- 抖音小程序配置 -->
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">基本信息</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">
                                        <i class="fa fa-music text-info"></i>
                                        抖音小程序开发信息
                                    </h3>
                                </div>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span class="text-danger">*</span>小程序AppID
                                        </label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" name="config[app_id]" class="form-control" 
                                                   value="{:isset($configs['app_id']) ? $configs['app_id']['value'] : ''}" 
                                                   placeholder="请输入抖音小程序AppID">
                                            <span class="help-block">抖音小程序应用ID</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span class="text-danger">*</span>小程序密钥
                                        </label>
                                        <div class="col-xs-12 col-sm-9">
                                            <input type="text" name="config[secret]" class="form-control" 
                                                   value="{:isset($configs['secret']) ? $configs['secret']['value'] : ''}" 
                                                   placeholder="请输入抖音小程序密钥">
                                            <span class="help-block">抖音小程序应用密钥</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">开启状态</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[status]" value="1" 
                                                           {if condition="isset($configs['status']) && $configs['status']['value'] == '1'"}checked{/if}>
                                                    开启
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[status]" value="0" 
                                                           {if condition="!isset($configs['status']) || $configs['status']['value'] == '0'"}checked{/if}>
                                                    关闭
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">登录配置</label>
                        <div class="col-xs-12 col-sm-8">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">
                                        <i class="fa fa-user text-primary"></i>
                                        登录方式设置
                                    </h3>
                                </div>
                                <div class="panel-body">
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">自动登录</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[auto_login]" value="1" 
                                                           {if condition="!isset($configs['auto_login']) || $configs['auto_login']['value'] == '1'"}checked{/if}>
                                                    开启
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[auto_login]" value="0" 
                                                           {if condition="isset($configs['auto_login']) && $configs['auto_login']['value'] == '0'"}checked{/if}>
                                                    关闭
                                                </label>
                                            </div>
                                            <span class="help-block">进入应用后，用户将会自动授权登录，未注册用户将会自动注册</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">绑定手机号</label>
                                        <div class="col-xs-12 col-sm-9">
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[bind_mobile]" value="1" 
                                                           {if condition="!isset($configs['bind_mobile']) || $configs['bind_mobile']['value'] == '1'"}checked{/if}>
                                                    开启
                                                </label>
                                            </div>
                                            <div class="radio">
                                                <label>
                                                    <input type="radio" name="config[bind_mobile]" value="0" 
                                                           {if condition="isset($configs['bind_mobile']) && $configs['bind_mobile']['value'] == '0'"}checked{/if}>
                                                    关闭
                                                </label>
                                            </div>
                                            <span class="help-block">授权登录后，未绑定手机号的用户，将会立即提醒绑定手机号</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {/if}
                    
                    <!-- 动态配置项 -->
                    {foreach name="configs" item="config" key="key"}
                    {if condition="!in_array($key, ['app_id', 'secret', 'status', 'auto_login', 'bind_mobile'])"}
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2">
                            {if condition="strpos($config.rule, 'required') !== false"}
                            <span class="text-danger">*</span>
                            {/if}
                            {$config.title}
                        </label>
                        <div class="col-xs-12 col-sm-8">
                            {switch name="config.type"}
                                {case value="string"}
                                    <input type="text" name="config[{$key}]" class="form-control" 
                                           value="{$config.value}" placeholder="请输入{$config.title}">
                                {/case}
                                {case value="boolean"}
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="config[{$key}]" value="1" 
                                                   {if condition="$config.value == '1'"}checked{/if}>
                                            是
                                        </label>
                                    </div>
                                    <div class="radio">
                                        <label>
                                            <input type="radio" name="config[{$key}]" value="0" 
                                                   {if condition="$config.value == '0'"}checked{/if}>
                                            否
                                        </label>
                                    </div>
                                {/case}
                                {case value="int"}
                                    <input type="number" name="config[{$key}]" class="form-control" 
                                           value="{$config.value}" placeholder="请输入{$config.title}">
                                {/case}
                                {case value="text"}
                                    <textarea name="config[{$key}]" class="form-control" rows="3" 
                                              placeholder="请输入{$config.title}">{$config.value}</textarea>
                                {/case}
                                {case value="array"}
                                    <textarea name="config[{$key}]" class="form-control" rows="3" 
                                              placeholder="请输入JSON格式数据">{:is_array($config.value) ? json_encode($config.value, JSON_UNESCAPED_UNICODE) : $config.value}</textarea>
                                {/case}
                                {default /}
                                    <input type="text" name="config[{$key}]" class="form-control" 
                                           value="{$config.value}" placeholder="请输入{$config.title}">
                            {/switch}
                            {if condition="$config.tip"}
                            <span class="help-block">{$config.tip}</span>
                            {/if}
                        </div>
                    </div>
                    {/if}
                    {/foreach}
                    
                    <div class="form-group">
                        <label class="control-label col-xs-12 col-sm-2"></label>
                        <div class="col-xs-12 col-sm-8">
                            <button type="submit" class="btn btn-success btn-embossed">
                                <i class="fa fa-save"></i> 保存配置
                            </button>
                            <a href="{:url('platform/index')}" class="btn btn-default btn-embossed">
                                <i class="fa fa-arrow-left"></i> 返回
                            </a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
$(document).ready(function() {
    // 表单验证
    $('form').validate({
        rules: {
            'config[app_id]': {
                required: true,
                minlength: 10
            },
            'config[secret]': {
                required: true,
                minlength: 10
            }
        },
        messages: {
            'config[app_id]': {
                required: "请输入AppID",
                minlength: "AppID长度不能少于10位"
            },
            'config[secret]': {
                required: "请输入密钥",
                minlength: "密钥长度不能少于10位"
            }
        },
        submitHandler: function(form) {
            var $form = $(form);
            var $btn = $form.find('button[type="submit"]');
            
            $btn.prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> 保存中...');
            
            $.ajax({
                url: $form.attr('action'),
                type: 'POST',
                data: $form.serialize(),
                dataType: 'json',
                success: function(data) {
                    if (data.code === 1) {
                        Toastr.success(data.msg || '保存成功');
                        setTimeout(function() {
                            window.location.reload();
                        }, 1000);
                    } else {
                        Toastr.error(data.msg || '保存失败');
                    }
                },
                error: function() {
                    Toastr.error('网络错误，请重试');
                },
                complete: function() {
                    $btn.prop('disabled', false).html('<i class="fa fa-save"></i> 保存配置');
                }
            });
            
            return false;
        }
    });
});
</script>
{/block}