function createTicketShow () {
    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/messages/support_create_ticket_form/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        // data: formData,
        success: function(data){
            if (data.user_alerts) {
                getNewMessageSession()
            }
            document.querySelector(".insert-tech-place").innerHTML = data.html;

        },
    });
}

function countLetters () {
    event.preventDefault()
    let area = document.querySelector(".el-form-create-ticket-textarea")
    let count = area.value.length
    let ins_area = document.querySelector(".letrs-count-span")
    // let spans = document.querySelectorAll(".ins-span")
    let count_div = ins_area.closest("div")
    if (count < 500) {
        let ins_area = document.querySelector(".letrs-count-span")
        ins_area.innerHTML = count
        if (count_div.classList.contains("disabled")){
            count_div.classList.remove("disabled")
        }
    }
    else {
        ins_area.innerHTML = '500'
        if (count_div.classList.contains("disabled")){
        //
        }
        else {
            count_div.classList.add("disabled")
        }


    }

}

// var input;


function inputQuest (){
    event.preventDefault()
    // let input = document.querySelector(".create-ticket-file")
    let input = document.createElement("input");
    input.setAttribute("type", "file")
    input.style.display = "none"
    input.click()
    // console.log("asd")

    return input
}


function attachFileCreateTicket () {
    let input = inputQuest()
    let file = input.files[0]
    // let file_url = URL.createObjectURL(file)



    let data = file
    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/user_account/support_tickets/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: data,
        success: function(data){
            if (data.user_alerts) {
                getNewMessageSession()
            }

            document.querySelector(".insert-tech-place").innerHTML = data.html;

        },
    });

}

function attachFilemeassge () {
    let input = inputQuest()
    let file = input.files[0]
    // let file_url = URL.createObjectURL(file)



    let data = file
    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/user_account/support_tickets/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: data,
        success: function(data){
            if (data.user_alerts) {
                getNewMessageSession()
            }

            document.querySelector(".insert-tech-place").innerHTML = data.html;

        },
    });
    input.remove()
}

function createTicket (el) {
    event.preventDefault()
    let form = el.form
    var formData = new FormData(form);
    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/messages/create_ticket/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: formData,
        success: function(data){
            if (data.user_alerts) {
                getNewMessageSession()
            }

            document.querySelector(".insert-tech-place").innerHTML = data.html;

        },
        error: function (data){

            document.querySelector(".insert-tech-place").innerHTML = data.responseJSON.html;

        }
    });
}


function selectedUserMessenger (ticket_id=null,user_id=null){
    let data = null
    let url = null
    if (ticket_id !== null){
        data = {
            'ticket_id': ticket_id
        }
        url = 'support_show_chat_by_ticket/'
    } else if (user_id !== null){
        data = {
            'user_id': user_id
        }
        url = 'show_chat_w_user/'
    }

    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/messages/' + url,
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: JSON.stringify(data),
        success: function(data){
            if (data.user_alerts) {
                getNewMessageSession()
            }


            document.querySelector(".info_profile").innerHTML = data.html;
            document.querySelector(".enter-message-inp").focus()

        },
        error: function (data){

            document.querySelector(".info_profile").innerHTML = data.responseJSON.html;

        }
    });
}

function sendMessage(id_ticket=null,sender,receiver){
    event.preventDefault()

    let text = document.querySelector(".enter-message-inp").value
    document.querySelector(".enter-message-inp").value = null

    if (text.length === 0){
    //
    }
    else {
        let data = {}
        if (id_ticket === null){
            data = {
                'sender': sender,
                'receiver': receiver,
                'text': text
            }
        } else {
             data = {
                'ticket_id': id_ticket,
                'sender': sender,
                'receiver': receiver,
                'text': text
            }
        }



        // $.ajax({
        //     headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        //     url: '/ru/messages/send_msg/',
        //     type: "POST",
        //     // async: true,
        //     cache: false,
        //     processData: false,
        //     contentType: false,
        //     // enctype: 'json',
        //     data: JSON.stringify(data),
        //     success: function(data){
        //         getNewMessageSession()
        //
        //         document.querySelector(".container-messages").innerHTML = data.html;
        //         document.querySelector(".enter-message-inp").focus()
        //
        //     },
        //     error: function (data){
        //
        //         document.querySelector(".container-messages").innerHTML = data.responseJSON.error;
        //         document.querySelector(".enter-message-inp").focus()
        //     }
        // });
        sendMessageSocket(data)
    }
}

function openTicket (ticket_id){
    let data = {
        'ticket_id': ticket_id
    }

    $.ajax({
        headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() },
        url: '/ru/messages/support_show_chat_by_ticket/',
        type: "POST",
        // async: true,
        cache: false,
        processData: false,
        contentType: false,
        // enctype: 'json',
        data: JSON.stringify(data),
        success: function(data){
            if (data.user_alerts) {
                getNewMessageSession()
            }

            document.querySelector(".info_profile").innerHTML = data.html;

        },
        error: function (data){

            document.querySelector(".info_profile").innerHTML = data.responseJSON.html;

        }
    });
}

function sendMessageEnter (e,id_ticket,sender,receiver){
    if (e.keyCode === 13){
        sendMessage(id_ticket,sender,receiver)
    }
    else {
    //
    }
}