$(function() {
    $(document)
        .on('click', '.remove-order-product', function(e) {
            e.preventDefault();
            $(this)
                .parents('.row-order-product')
                .remove();
        });
    $(document)
        .on('click', '.variant-to-order', function(e) {
            e.preventDefault();
            var id = $('#add-to-order');
            var count = $('#count-to-order');
            var order = $(this)
                .data('id');
            if (id.val() && count.val()) {
                var selector = '#order-product-pjax';
                showLoader(selector);
                $.post('/admin/order/add-to-order', {
                    id: id.val(),
                    count: count.val(),
                    order: order
                }, function() {
                    $.pjax.reload(selector, {
                        timeout: 5000,
                        fragment: selector
                    });
                });
                id.val(null)
                  .trigger('change');
                count.val(null)
                     .trigger('change');
            }
        });
});
function showLoader(container) {
    $(container)
        .prepend('<div class="loader-wrapper"></div>');
}