{extend name="main" /}

{block name="body"}
{include file="breadcrumb" /}
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body" pad15="">
                    <div class="layui-form"  lay-filter="demand_detail" >
                        <div class="layui-form-item">
                            <label class="layui-form-label">Name：</label>
                            <span class="layui-form-label layui-label-detail" id="name" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Token：</label>
                            <span class="layui-form-label layui-label-detail" id="token" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Auction Type：</label>
                            <span class="layui-form-label layui-label-detail" id="auction_type" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Second Delta：</label>
                            <span class="layui-form-label layui-label-detail" id="second_delta" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Win Notifier：</label>
                            <span class="layui-form-label layui-label-detail" id="win_notifier" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">计费类型：</label>
                            <span class="layui-form-label layui-label-detail" id="price_model" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Daily Request Cap：</label>
                            <span class="layui-form-label layui-label-detail" id="daily_request_cap" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Daily Revenue Cap：</label>
                            <span class="layui-form-label layui-label-detail" id="daily_revenue_cap" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Bundle黑名单：</label>
                            <span class="layui-form-label layui-label-detail" id="bundle_blacklist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Bundle白名单：</label>
                            <span class="layui-form-label layui-label-detail" id="bundle_whitelist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Domain黑名单：</label>
                            <span class="layui-form-label layui-label-detail" id="domain_blacklist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Domain白名单：</label>
                            <span class="layui-form-label layui-label-detail" id="domain_whitelist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Supply白名单：</label>
                            <span class="layui-form-label layui-label-detail" id="supply_whitelist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Supply黑名单：</label>
                            <span class="layui-form-label layui-label-detail" id="supply_blacklist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Country白名单：</label>
                            <span class="layui-form-label layui-label-detail" id="country_whitelist" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Country黑名单：</label>
                            <span class="layui-form-label layui-label-detail" id="country_blacklist" ></span>
                        </div>
                        {if $is_auth == '1'}
                        <div class="layui-form-item">
                            <label class="layui-form-label">Account Manager：</label>
                            <span class="layui-form-label layui-label-detail" id="account_manager" ></span>
                        </div>
                        {/if}
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">Comment：</label>
                            <div class="layui-input-block">
                                <textarea id="comment" disabled class="layui-textarea" placeholder=""></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Report Api Url：</label>
                            <span class="layui-form-label layui-label-detail" style="width: 900px" id="api_url" ></span>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Roku Bundle映射：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" id="change_roku_bundle" name="change_roku_bundle" disabled lay-skin="switch" lay-text="开启|关闭">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">内部测试：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" id="is_internal_test" name="is_internal_test" disabled lay-skin="switch" lay-text="开启|关闭">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">过滤无效设备ID：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" id="filter_invalid_ifa" name="filter_invalid_ifa" disabled lay-skin="switch" lay-text="开启|关闭">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">Status：</label>
                            <div class="layui-input-block">
                                <input type="checkbox" id="demand_status" name="status" disabled lay-skin="switch" lay-text="开启|关闭">
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" id="go_back">返回</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<input id="copy_content" style="display:none;">
{/block}

{block name="css"}
<style>
    .layui-label-detail {
        text-align: left;
    }
    .layui-form-label {
        width: 150px;
    }
    .layui-input-block {
        margin-left: 185px;
    }

</style>
{/block}
{block name="js"}
<script>

    layui.use('form', function(){
        var form = layui.form;

        let demand_detail_url = '/admin/demand/detail';
        let demand_id = getQueryString('demand_id');

        let sdate = funGetUTCDateStr(-1)
        let edate = funGetUTCDateStr(0)


        $.ajax({
            url: demand_detail_url,
            type: 'post',
            data: {'demand_id': demand_id},
            dataType: "json",
            success: function (result) {

                if (result.code == 1) {
                    let detail_info = result.data;
                    let api_url = detail_info['report_api'];
                    // let api_url = "http://api.adx.roockmobile.com/api/dsp?dsp_id="+detail_info['id']+"&token="+detail_info['token']+"&form="+sdate+"&to="+edate;

                    $('#api_url').html(api_url + `<span style="padding-left: 10px;color: #1e4add;" onclick="copyInfo('${api_url}')">复制</span>`);
                    //循环给字段赋值
                    $.each(detail_info, function (key, value) {
                        if (key == 'type'){
                            value = SUPPLY_TYPE[value];
                        }
                        if (key == 'protocol'){
                            value = SUPPLY_PROTOCOL[value];
                        }
                        $("#"+key).html(value)
                    });
                    //处理开关状态
                    $('#demand_status').val(detail_info['status'])
                    if (detail_info['status'] == 8001){
                        $('#demand_status').attr('checked','true');
                        form.render('checkbox');
                    }

                    $('#test_mode').val(detail_info['test_mode'])
                    if (detail_info['test_mode'] == 8001){
                        $('#test_mode').attr('checked','true');
                        form.render('checkbox');
                    }
                    $('#is_internal_test').val(detail_info['is_internal_test'])
                    if (detail_info['is_internal_test'] == 8001){
                        $('#is_internal_test').attr('checked','true');
                        form.render('checkbox');
                    }
                    $('#change_roku_bundle').val(detail_info['change_roku_bundle'])
                    if (detail_info['change_roku_bundle'] == 8001){
                        $('#change_roku_bundle').attr('checked','true');
                        form.render('checkbox');
                    }
                    $('#filter_invalid_ifa').val(detail_info['filter_invalid_ifa'])
                    if (detail_info['filter_invalid_ifa'] == 8001){
                        $('#filter_invalid_ifa').attr('checked','true');
                        form.render('checkbox');
                    }
                } else {
                    layer.alert("数据加载失败,请重试")
                }
            },
            error: function (e) {
                layer.alert("数据加载错误！")
            },

        });

        $('#go_back').click(function (){
            history.go(-1);
        });

    });

    function copyInfo(content){
        $('#copy_content').val(content).show();
        let ele = document.getElementById('copy_content');
        ele.select();
        let status = document.execCommand('Copy');
        $('#copy_content').hide();
        if (status){
            layer.msg('复制成功');
        }else{
            layer.msg('复制失败');
        }
    }

    function funGetUTCDateStr(p_count) {
        let dd = new Date();
        dd.setUTCDate(dd.getUTCDate() + p_count);
        let y = dd.getUTCFullYear();
        let m = dd.getUTCMonth() + 1;//获取当前⽉份的⽇期
        m = m < 10 ? ('0' + m) : m;
        let d = dd.getUTCDate();
        d = d < 10 ? ('0' + d) : d;
        return y + "-" + m + "-" + d;
    }


</script>
{/block}