$(function () {
    var currentChatUser = {
    {
        request.user.pk
    }
}
    ;
    var socket = new SocketHandler();
    var form = document.getElementById('message_form');
    var csrftoken = getCookie('csrftoken');

    $("#reserve-button").on("click", function (e) {
        e.preventDefault();
        var orderId = $(this).attr('data-order-id');
        $.ajax({
            url: '/api/stages/',
            type: 'GET',
            data: {csrfmiddlewaretoken: csrftoken, 'order': orderId},
            dataType: 'json',
            success: function (json) {
                console.log(json.results);
            }
        });
    });

    function getStages(orderId, senderId, recipentId) {

        $.ajax({
            url: '/api/stages/',
            type: 'GET',
            data: {csrfmiddlewaretoken: csrftoken, 'order': orderId},
            dataType: 'json',
            success: function (json) {
                var stageCount = json.results.length;
                if (stageCount == 0) {
                    stageCountVal = 1;
                } else {
                    stageCountVal = stageCount;
                }

                var htmlInbox = "";

                var htmlInboxStage = '<p class="textStepss">Какое кол-во этапов подразумевает работа? ' +
                    '<input type="text" id="countStage" value="' + stageCountVal + '"size="3"/></p>';

                if (stageCount == 0) {
                    htmlInboxStage += '<div class="numberStepp box-sizing" id="stage1">' +
                        '<p>Этап <span class="stage-span-id">1</span></p><form class="new-stages-form" id="stage-form">' +
                        '<label for="">Название</label><input class="form-control" name="name" type="text"  />' +
                        '<label for="">Цена</label><input class="form-control" name="cost" type="text"  />' +
                        '<input class="form-control orderStagesInput" name="order" type="hidden" value="' + orderId + '"/>' +
                        '<label for="">Срок</label><input class="form-control" name="term" type="text" />' +
                        '<label for="">Результат</label><input class="form-control" name="result" type="text"  />' +
                        '<label for="">Позиция</label><input class="form-control" name="pos" value="1" type="text"  />' +
                        '</form></div>';
                }
                var statusNotAgreed = true;
                $.each(json.results, function (i, v) {
                    if (v.status == "not_agreed") {
                        htmlInbox += '<div class="numberStepp box-sizing">' +
                            '<p>Этап</p><form class="update-stages-form" data-stage-id="' + v.id + '" id="stage-form-' + v.pos + '">' +
                            '<label for="">Название</label><input class="form-control" type="text" name="name" value="' + v.name + '" />' +
                            '<label for="">Цена</label><input class="form-control" type="text" name="cost" value="' + v.cost + '" />' +
                            '<input class="form-control orderStagesInput" type="hidden" name="order" value="' + v.order + '"/>' +
                            '<label for="">Срок</label><input class="form-control" type="text" name="term" value="' + v.term + '" />' +
                            '<label for="">Результат</label><input class="form-control" type="text" name="result" value="' + v.result + '" />' +
                            '</form></div>';
                    } else {
                        statusNotAgreed = false;
                        htmlInboxStage = "";
                        htmlInbox += '<div class="numberStepp box-sizing"><div class="insetNumStepp">' +
                            '<p class="titleNumStepp"><span>Этап ' + v.pos + '</span>' + v.name + '</p>' +
                            '<p class="textNumStepp">Результаты этапа:' + v.result + '</p><div>' +
                            '<p>до Дата</p><span>' + v.cost + '<i class="fa fa-rub"></i></span></div></div></div>';

                    }
                });

                if (statusNotAgreed) {
                    htmlInbox += '<div class="box-sizing disTab" style="text-align:center;"><div class="checkbox"><input type="checkbox" style="opacity:1">Перейти в режим безопасной сделки' +
                        '</div></div><div class="textAreaBlock2 box-sizing disTab">' +
                        '<a href="#" data-sender-id="' + senderId + '" data-recipent-id="' + recipentId + '" data-order-id="' + orderId + '" id="addStagesForm">отправить на согласование</a> </div>';
                }
                htmlInbox = htmlInboxStage + htmlInbox;
                $("#order-stages").html(htmlInbox);
            }
        });
    }

    setTimeout(function () {
        $(".user-block").first().trigger('click');
    }, 10);

    setTimeout(function () {
        $(".order-block").first().trigger('click');
    }, 100);

    $("#order-stages").on('click', "#addStagesForm", function (e) {
        e.preventDefault();
        $(".new-stages-form").each(function (i, v) {

            $.ajax({
                url: '/api/stages/',
                type: 'POST',
                beforeSend: function (xhr) {
                    xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'))
                },
                data: $(this).serialize(),
                dataType: 'json',
                success: function (json) {
                    console.log(json);
                },
                error: function (e) {
                    console.log(e);
                }
            });

        });

        $(".update-stages-form").each(function (i, v) {
            var currentStageId = parseInt($(this).attr('data-stage-id'));
            $.ajax({
                url: '/api/stages/' + currentStageId + '/',
                type: 'PUT',
                beforeSend: function (xhr) {
                    xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'))
                },
                data: $(this).serialize(),
                dataType: 'json',
                success: function (json) {
                    console.log(json);
                },
                error: function (e) {
                    console.log('error');
                    console.log(e);
                }
            });
        });


        var currentOrderId = $(this).attr('data-order-id');
        var currentRecipentId = $(this).attr('data-recipent-id');

        getStages(currentOrderId, userId, currentRecipentId);

        socket.send_stages_approve({
            "format_type": "approve_stages",
            "data": {
                "sender_id": userId,
                "recipent_id": currentRecipentId,
                "order_id": currentOrderId,
            }
        });


    });

    $('#order-stages-tab').on('change', '#countStage', function () {
        var countStage = parseInt($(this).val());
        var currentCountStage = $(".numberStepp").length;

        if (countStage > currentCountStage) {
            for (var jj = currentCountStage; jj < countStage; jj++) {
                var pos = jj + 1;
                var lastFormStage = $(".numberStepp").last();
                var orderId = lastFormStage.find('.orderStagesInput').val();
                var addFormTemplate = '<div class="numberStepp box-sizing" id="stage1">' +
                    '<p>Этап <span class="stage-span-id">' + pos + '</span></p><form class="new-stages-form" id="stage-form">' +
                    '<label for="">Название</label><input class="form-control" name="name" type="text"  />' +
                    '<label for="">Цена</label><input class="form-control" name="cost" type="text"  />' +
                    '<input class="form-control orderStagesInput" name="order" type="hidden" value="' + orderId + '" />' +
                    '<label for="">Срок</label><input class="form-control" name="term" type="text" />' +
                    '<label for="">Результат</label><input class="form-control" name="result" type="text"  />' +
                    '<label for="">Позиция</label><input class="form-control" name="pos" value="' + pos + '" type="text"  />'
                '</form></div>';

                lastFormStage.after(addFormTemplate);

            }

        } else if (countStage < currentCountStage) {
            var ii = currentCountStage;
            $($(".numberStepp").get().reverse()).each(function () {
                var currenFormName = ($(this).find('form').attr('class'));
                if (ii > countStage) {
                    $(this).remove();
                }
                ii--;
            });
        }
    });

    $('.order-block').on('click', function () {
        $("#chat-order-add").css("display", "block");
        $("#formsetStage").css("display", "block");

        $('.order-block').each(function () {
            $(this).removeClass('orAct');
        });

        $(this).addClass('orAct');
        var orderId = $(this).attr('data-id');
        var recipentId = $(this).attr('data-recipent-id');
        $("#chat-order-add #orderId").val(orderId);
        $("#projectReviewId").val(orderId);
        $("#reserve-button").attr('data-order-id', orderId);
        $("#targetContractorId").val(recipentId);
        $("#chat-order-add #recipentId").val(recipentId);
        $(".orderStagesInput").val(orderId);
        var inbox = document.getElementById('message-chat-order-space');
        inbox.innerHTML = '';
        $.ajax({
            url: '/api/message',
            type: 'GET',
            data: {csrfmiddlewaretoken: csrftoken, 'order': orderId},
            dataType: 'json',
            success: function (json) {
                $.each(json.results, function (i, v) {
                    var senderName = 'Вы';
                    var className = 'youChat';

                    if (v.sender.id !== currentChatUser) {
                        senderName = v.sender.username;
                        className = '';
                    }

                    inbox.innerHTML += '<div class="col-lg-12 insetCommChat ' + className + '"><div class="topCommChat">' +
                        '<p class="nameCommChat">' + senderName + '</p><span>' + v.created + '</span></div>' +
                        '<p class="textCommChat">' + v.text + '</p></div>';
                });
            }
        });
        getStages(orderId, userId, recipentId);
    });

    // Вытащить сообщения для конактов
    $('.user-block').on('click', function () {
        var userId = $(this).attr('data-id');
        $("#contact-chat-form #recipentId").val(userId);
        $("#add-form-contractor-note #recipentNoteContractor").val(userId);

        $('.user-block').each(function () {
            $(this).removeClass('mesAct');
        });

        $(this).addClass('mesAct');
        var inbox = document.getElementById('message-chat-space');
        inbox.innerHTML = '';
        $.ajax({
            url: '/api/message',
            type: 'GET',
            data: {
                csrfmiddlewaretoken: csrftoken,
                'operand': 'in',
                'sender_id': currentChatUser,
                'recipent_id': userId
            },
            dataType: 'json',
            success: function (json) {
                $.each(json.results, function (i, v) {
                    var senderName = 'Вы';
                    var className = 'youChat';
                    if (v.sender.id == userId) {
                        senderName = v.sender.username;
                        className = '';
                    }
                    inbox.innerHTML += '<div class="col-lg-12 insetCommChat  ' + className + '"><div class="topCommChat">' +
                        '<p class="nameCommChat">' + senderName + '</p> <span>' + v.created + '</span></div>' +
                        '<p class="textCommChat">' + v.text + '</p></div>';
                });
            }
        });

    });

    $('#contact-chat-add-message').on('click', function (e) {
        e.preventDefault();
        var chatMessage = $("#chat").val();
        var recipentId = $("#recipentId").val();
        var senderId = $("#senderId").val();

        socket.add_contact_message({
            "format_type": "add_message_contact",
            "data": {
                "sender_id": senderId,
                "recipent_id": recipentId,
                "chat_message": chatMessage,
            }
        });

        $("#chat").val("");
    });

    $('#order-review-add').on('click', function () {
        alert('add review');
    });

    $('#order-chat-add-message').on('click', function (e) {
        e.preventDefault();
        var chatMessage = $("#chat-order-add #chat").val();
        var recipentId = $("#chat-order-add #recipentId").val();
        var senderId = $("#chat-order-add #senderId").val();
        var orderId = $("#chat-order-add #orderId").val();

        socket.add_contact_message({
            "format_type": "add_message_order",
            "data": {
                "sender_id": senderId,
                "recipent_id": recipentId,
                "chat_message": chatMessage,
                "order_id": orderId,

            }
        });

        $("#chat-order-add #chat").val("");
    });

});
var userId = '{{ request.user.pk }}';