var apiDomain = 'https://solutionsupport.21vbluecloud.com/';


var bcResourceUrl = 'https://bcssstorage.blob.core.chinacloudapi.cn/consultation/';
var bcStyleUrl = bcResourceUrl + 'style.css';
var bcJqueryUrl = bcResourceUrl + 'jquery-3.6.0.min.js';

var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = bcStyleUrl;
document.getElementsByTagName("head")[0].appendChild(link);

//var script = document.createElement("script");
//script.setAttribute('type', 'text/javascript');
//script.setAttribute("src", bcJqueryUrl);
//document.getElementsByTagName("head")[0].appendChild(script);

//script.onload = function () {
//    main()
//}

var bcBtn = document.createElement('button');
bcBtn.id = "bcConsultation";
bcBtn.className = "bc-btn bc-btn-bluecloud";
bcBtn.innerHTML = "联系我们";
document.body.appendChild(bcBtn);

var bcBox = document.createElement('div');
bcBox.className = "bc-box bc-hide";
bcBox.innerHTML = `
  <div class="bc-box-header">
  在线创建工单
  <button class="bc-btn bc-btn-close">×</button>
  </div>
  <div class="bc-box-content">
  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_servicetype">服务类型</label>
    <select name="" id="new_servicetype">
      <option value="100000001">技术支持</option>
      <option value="100000000">非技术支持</option>
    </select>
  </div>
  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_questiontype">支持类别</label>
    <select name="" id="new_questiontype">         
      <option value="100000007">售前&使用咨询</option>
      <option value="100000005">故障处理</option>
      <option value="100000008">服务开通</option>
      <option value="100000009">其他</option>          
    </select>
  </div>

  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_name">服务主题</label>
    <input type="text" id="new_name">
  </div>

  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_description">服务详情</label>
    <textarea name="" cols="30" rows="5" id="new_description" placeholder=""></textarea>
    <div>
      <input type="file" name="" id="new_description_upload">
    </div>
  </div>

  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_firstname">姓名</label>
    <input type="text" id="new_firstname">
  </div>

  <div class="bc-form-item">
    <span class="bc-star bc-unvisible">*</span>
    <label for="new_phone">电话号码</label>
    <input type="text" id="new_phone">
  </div>
  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_email">邮箱</label>
    <input type="text" id="new_email">
  </div>
  <div class="bc-form-item">
    <span class="bc-star">*</span>
    <label for="new_company">公司名称</label>
    <input type="text" id="new_company">
  </div>
 
  </div>
  <div class="bc-box-footer">
  <button class="bc-btn bc-btn-submit" id="consulationCommit">提交</button>
  <p class="bc-alert-info bc-unvisible">提交成功！</p>
  </div>`;

document.body.appendChild(bcBox);

/*function main() {*/
    var fetchTokenPath = apiDomain + 'api/AMPToJarvisAPI/token';
    var fetchTokenParams = {
        username: 'newbizcase',
        password: '123456',
        grant_type: 'password'
    };

    var pushInfoPath = apiDomain + 'api/BCSSCECSAggresmartToJarvis/Create';
    var uploadFilePath = apiDomain + 'api/BCSSCECSAggresmartToJarvis/UploadFile';

    var new_dataresources = {
        'BCCS': '100000002',
        'CECS': '100000003',
        'ISV': '100000004',
        'MSP': '100000005',
        'SolutionStore': '100000006',
        'AggreSmartHomePage': '100000007',
    }

    var options1 =
        `<option value="100000007">售前&使用咨询</option>
    <option value="100000005">故障处理</option>
    <option value="100000008">服务开通</option>
    <option value="100000009">其他</option>`;
    var options2 =
        `<option value="100000000">商务咨询</option>
    <option value="100000001">账单问题</option>
    <option value="100000003">审核问题</option>
    <option value="100000002">订阅管理</option>
    <option value="100000004">测试申请</option>
    <option value="100000009">其他</option>`;

    var token = '';
    var msgsource = getSource();
    var loading = false;
    var timer = null;
    var annotationid = '';

    $(document).on('click', '#bcConsultation', function () {
        $('.bc-box').removeClass('bc-hide');
    });

    $(document).on('click', '.bc-box .bc-btn-close', function () {
        $('.bc-box').addClass('bc-hide');
    });

    $(document).on('change', '#new_servicetype', function () {
        console.log($(this))
        var serviceType = $(this).val();
        if (serviceType === '100000001') {
            $('#new_questiontype').html(options1)

        } else if (serviceType === '100000000') {
            $('#new_questiontype').html(options2)
        }
    });

    $(document).on('click', '.bluecloud-consult-btn', function () {
        $('#bcConsultation').click();
    })

    $(document).on('change', '#new_description_upload', function () {
        console.log($(this))
        console.log($(this)[0].files[0]);
        var file = $(this)[0].files[0];
        if (!file) return;
        var formData = new FormData();
        formData.append('f', file);
        fetchTokenFun(function (headertokn) {
            $.ajax({
                headers: {
                    // 'Content-Type': 'application/json',
                    'Authorization': headertokn,
                },
                url: uploadFilePath,
                type: 'post',
                data: formData,
                processData: false,
                contentType: false,
                success: function (res) {
                    if (res && res.status) {
                        annotationid = res.result
                    } else {
                        alert('上传失败！')
                    }
                },
                error: function () {
                    alert('上传失败！')
                }
            })
        })
    })

    $(document).on('click', '#consulationCommit', function () {
        if (loading) return;
        var servicetype = $("#new_servicetype").val();
        var questiontype = $("#new_questiontype").val();
        var name = $.trim($('#new_name').val());
        var description = $.trim($('#new_description').val());
        var firstname = $.trim($('#new_firstname').val());
        var phone = $.trim($('#new_phone').val());
        var email = $.trim($('#new_email').val());
        var company = $.trim($('#new_company').val());
        if (!name || !description || !firstname || !email || !company) {
            alert('请填写必填项');
            return;
        }
        loading = true;
        $('.bc-btn-submit').html('提交中...');
        fetchTokenFun(function (headertokn) {
            $.ajax({
                type: 'post',
                headers: {
                    'Content-Type': 'application/json',
                    'Authorization': headertokn,
                },
                url: pushInfoPath,
                data: JSON.stringify({
                    servicetype: servicetype,
                    questiontype: questiontype,
                    name: name,
                    description: description,
                    firstname: firstname,
                    phone: phone,
                    email: email,
                    company: company,
                    dataresource: msgsource,
                    annotationid: annotationid
                }),
                success: function (res) {
                    // console.log(res)
                    if (res && res.status) {
                        // alert('提交成功！')
                        loading = false;
                        resetForm();
                        $('.bc-btn-submit').html('提交');
                        $('.bc-alert-info').removeClass('bc-unvisible');
                        if (timer) clearTimeout(timer)
                        timer = setTimeout(function () {
                            $('.bc-alert-info').addClass('bc-unvisible');
                            // console.log('tttttt')
                        }, 5000);
                    } else {
                        alert('提交失败！');
                        loading = false;
                        $('.bc-btn-submit').html('提交');
                    }

                },
                error: function (res) {
                    // console.log(res)
                    alert('提交失败！')
                    $('.bc-btn-submit').html('提交');
                }
            })
        })
     });


    function fetchTokenFun(callback) {
        $.ajax({
            type: 'post',
            url: fetchTokenPath,
            data: fetchTokenParams,
            success: function (res) {
                // console.log(res)
                token = res;
                headerToken = 'Bearer ' + res.access_token;
                callback(headerToken);
            },
            error: function (res) {
                // console.log(res)
                alert('获取token失败')
            }
        })
    }

    function getSource() {
        var script = document.getElementById('bluecloud-support-script');
        var source = script ? script.getAttribute('msg-source') : '';

        var s = new_dataresources[source] || new_dataresources.SolutionStore;
        return s;
    }

    function resetForm() {
        $('#new_name').val('');
        $('#new_description').val('');
        $('#new_firstname').val('');
        $('#new_phone').val('');
        $('#new_email').val('');
        $('#new_company').val('');
        $('#new_description_upload').val('');
    }

/*}*/