$ = jQuery;
$(document).ready(function () {
    $('body').on('click', '.dev-edit-project', function (e) {
        $('.dev-project-id').val($(this).data('id'));
        $('.dev-project-title').val($(this).data('title'));
        $('.dev-project-content').val($(this).data('content'));
        $('.dev-project-sp').val($(this).data('sp'));
        $('.dev-project-type').val($(this).data('type'));
        $('.dev-contract-url').attr('href', $(this).data('contract'))
    });

    $('body').on('change', '.owner_has_double_roles', function(){
        $($(this).parent().parent().children('select')[0]).prop('disabled', function(i, v) { return !v; });
    });

    jQuery('#edit-project').submit(function (e) {
        e.preventDefault();
        var message = $(this).attr("data-error");
        var form_data = new FormData(this);
        form_data.append('action', 'edit_project');
        showLoader()
        $.ajax({
            type: 'POST',
            url: ajax_object.ajax_url,
            data: form_data,
            contentType: false,
            processData: false,
            success: function (response) {
                hideLoader();
                if (response.success) {
                    location.reload();
                } else {
                    $("#edit-project-form").modal("hide");
                    $(".container.employer-dashboard")
                        .prepend(`<div class="alert alert-danger">${message}</div>`);
                }
            },
            error: function (response) {
                hideLoader()
                $('#edit-title-help').hide();
                $('#edit-description-help').hide();
                $('#edit-contractFile-help').hide();
                $('#edit-service_provider-help').hide();
                $('#edit-type-help').hide();
                $('#edit-contractFileMime-help').hide();
                errors = response.responseJSON.data;
                for (var key in errors) {
                    if (errors.hasOwnProperty(key)) {
                        if (key == 'contractFile') {
                            if (errors['contractFile'] == "invalid mime type") {
                                $('#edit-contractFileMime-help').show();
                            } else {
                                $('#edit-' + key + '-help').show();
                            }
                        } else if (key == 'title') {
                            var titleSmall = $('#edit-title-help');
                            titleSmall.text(errors[key]);
                            titleSmall.show();
                        } else {
                            $('#edit-' + key + '-help').show();
                        }
                    }
                }
            }
        });
    });

    jQuery('#new-project').submit(function (e) {
        e.preventDefault();
        var form_data = new FormData(this);
        form_data.append('action', 'store-project');
        showLoader()
        $.ajax({
            type: 'POST',
            url: ajax_object.ajax_url,
            data: form_data,
            contentType: false,
            processData: false,
            success: function (response) {
                hideLoader()
                data = response.data;
                link = data.link;
                $('#show-project-link').attr('href', link);
                $('#title-help').hide();
                $('#description-help').hide();
                $('#contractFile-help').hide();
                $('#service_provider-help').hide();
                $('#type-help').hide();
                $('#contractFileMime-help').hide();
                $("#new-project-form").modal('hide');
                $("#project-added").modal('show');
                $('.dev-project-added').show();
                $('.dev-project-edited').hide();
            },
            error: function (response) {
                hideLoader()
                $('#title-help').hide();
                $('#description-help').hide();
                $('#contractFile-help').hide();
                $('#service_provider-help').hide();
                $('#type-help').hide();
                $('#contractFileMime-help').hide();
                errors = response.responseJSON.data;
                for (var key in errors) {
                    if (errors.hasOwnProperty(key)) {
                        if (key == 'contractFile') {
                            if (errors['contractFile'] == "invalid mime type") {
                                $('#contractFileMime-help').show();
                            } else
                                $('#' + key + '-help').show();
                        } else if (key == 'title') {
                            var titleSmall = $('#title-help');
                            titleSmall.text(errors[key]);
                            titleSmall.show();
                        } else {
                            $('#' + key + '-help').show();
                        }
                    }
                }
            }
        });
    });

    $('#project-added').on('hidden.bs.modal', function () {
        window.location.reload();
    });

    $('#edit-project-form').on('hidden.bs.modal', function () {
        reset_edit_modal();
    });

    $('#new-project-form').on('hidden.bs.modal', function () {
        reset_modal();
    });

    $(".cancel-project-form").click(function (event) {
        reset_modal();
    });

    $(".close-project-form").click(function (event) {
        reset_modal();
    });

    $(".close-edit-project-form").click(function (event) {
        reset_edit_modal();
    });

    $(".custom-file-input").on("change", function () {
        var fileName = $(this).val().split("\\").pop();
        $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
    });

    $('#project-added').on('hidden.bs.modal', function () {
        window.location.reload();
    })

    jQuery('#delete-project').submit(function(e) { // handle the submit event
        e.preventDefault();
        showLoader()
        $.ajax({
            type: 'POST',
            url: ajax_object.ajax_url,
            data: formData = $(this).serialize() + '&action=delete-project',
            success: function(response) {
                $("#delete-project-form").modal('hide');
                window.location = response.data.redirect_url;
            },
            error: deleteSubmissionError
        });
    });

    jQuery('#accept-deletion-request').submit(function(e) { // handle the submit event
        e.preventDefault();
        showLoader();

        $.ajax({
            type: 'POST',
            url: ajax_object.ajax_url,
            data: formData = $(this).serialize() + '&action=delete-project',
            success: function(response) {
                $("#accept-deletion-request-form").modal('hide');
                window.location = response.data.redirect_url;
            },
            error: deleteSubmissionError
        });
    });

    jQuery('#reject-deletion-request').submit(function(e) { // handle the submit event
        e.preventDefault();
        showLoader();

        $.ajax({
            type: 'POST',
            url: ajax_object.ajax_url,
            data: formData = $(this).serialize() + '&action=reject-deletion-request',
            success: function(response) {
                $("#reject-deletion-request-form").modal('hide');
                window.location.reload();
            },
            error: deleteSubmissionError
        });
    });

    function deleteSubmissionError(err) {
        hideLoader();
        $("#delete-project-form").modal('hide');
        $("#active_teleworkers").show();
    }

    $("#cancel-delete-project").click(function(event) {
        $("#delete-project-form").modal('hide');
    });


    function reset_modal() {
        $('.input-error').removeClass('input-error');
        $('#title-help').hide();
        $('#description-help').hide();
        $('#contractFile-help').hide();
        $('#service_provider-help').hide();
        $('#type-help').hide();
        $('#contractFileMime-help').hide();
        $('#self_monitoring-help').hide();
        $("#new-project")[0].reset();
        $(".custom-file-label").empty();
        $("#new-project-form").modal('hide');
        $('.dev-project-added').hide();
        $('.dev-project-edited').hide();
        if($('.owner_has_double_roles').length != 0){
            $('.owner_has_double_roles').prop("checked", false);
            $('.dev-new-project-sp').removeAttr('disabled')
        }
    }

    function reset_edit_modal() {
        $('.input-error').removeClass('input-error');
        $('#edit-title-help').hide();
        $('#edit-description-help').hide();
        $('#edit-contractFile-help').hide();
        $('#edit-service_provider-help').hide();
        $('#edit-type-help').hide();
        $('#self_monitoring-help').hide();
        $('#edit-contractFileMime-help').hide();
        $("#edit-project")[0].reset();
        $('#project-type').val('');
        $(".custom-file-label").empty();
        $("#edit-project-form").modal('hide');
        $('.dev-project-added').hide();
        $('.dev-project-edited').hide();
        if($('.owner_has_double_roles').length != 0){
            $('.owner_has_double_roles').prop("checked", false);
            $('.dev-project-sp').removeAttr('disabled')
        }
    }

});