$(function(){
	if (window.location.pathname == '/pl/sales/offer/update') {
		$('body').append(`
			<style>
				/*Прелоадер*/
				.modal-added-status {
				  position:fixed;
				  top:0;
				  left:0;
				  width:100%;
				  height:100%;
				  background:rgba(0,0,0,.5);
				  z-index:99999
				}
				.modal-block-info {
				  position:fixed;
				  top:50%;
				  left:50%;
				  transform:translate(-50%, -50%);
				  display:flex;
				  background:#fff;
				  flex-direction: column;
				  justify-content: center;
				  align-items: center;
				  padding:20px 40px;
				  border-radius:5px;
				}
				
				.massive-preloader {
				  width:75px;
				  height:75px;
				  display:block;
				  margin-bottom:20px;
				  position:relative;
				}
				
				.massive-preloader:after {
				  content:'';
				  position:fixed;
				  width:inherit;
				  height:inherit;
				  border-radius: 50%;
				  border: 3px solid transparent;
				  border-top-color: #999;
				  -webkit-animation: spin 1.5s linear infinite;
				  animation: preloader 1.5s linear infinite;
				  z-index:9999999;
				  transition: opacity .3s;
				  pointer-events:none;
				}
				
				.modal-block-text {
				  font-size:16px
				}
				
				@-webkit-keyframes preloader {
				    0%   {
				        -webkit-transform: rotate(0deg);
				        -ms-transform: rotate(0deg);
				        transform: rotate(0deg);
				    }
				    100% {
				        -webkit-transform: rotate(360deg);
				        -ms-transform: rotate(360deg);
				        transform: rotate(360deg);
				    }
				}
				@keyframes preloader {
				    0%   {
				        -webkit-transform: rotate(0deg);
				        -ms-transform: rotate(0deg);
				        transform: rotate(0deg);
				    }
				    100% {
				        -webkit-transform: rotate(360deg);
				        -ms-transform: rotate(360deg);
				        transform: rotate(360deg);
				    }
				}
			</style>
		`)
		
		$('#offerForm .save-offer').click(function(e){
			e.preventDefault()
			submitForm()
		})
		
		$(document).ajaxSuccess(function(event, xhr, settings){
			if(settings.url.includes('/pl/logic/context/select-object')) {
				addLink()
				stopDblClick()
			}
		})
	}
})

//Задаем действия по событиям клика
function stopDblClick() {
	$('.w0').on('dblclick', function(e) {
		e.stopImmediatePropagation();
		selectProduct.call(this);
	});
	
	$('.w0 .add-product').on('click', function(e) {
		e.stopImmediatePropagation();
		selectProduct.call(this);
	});
}

//Функция выбора продукта
function selectProduct() {
    let productName = $(this).parents('.has-archived-row').find('.w0[data-col-seq="1"] a:not(.add-product)').text().trim();
    let productLink = $(this).parents('.has-archived-row').find('.w0[data-col-seq="1"] a:not(.add-product)').attr('href');
    let productId = $(this).parents('.has-archived-row').find('.w0[data-col-seq="1"] a:not(.add-product)').attr('href').replace(/[^0-9]/g, '');
    if (!$(`.products span a[href="${productLink}"]`).length) {
        $('.product-list').append(`
            <div class="margin-bottom-5">
                <button class="btn btn-link btn-xs margin-right-5" onclick="$(this).parent().remove()">x</button>
                <span product-name="${productName}" product-id="${productId}">${productName} (<a href="${productLink}" target="_blank">id:${productId}</a>)</span>
            </div>
        `);
    }
    $('.products .clearfix').show()
}
		
//Добавляем кнопку выбора продукта
function addLink() {
	let inter = setInterval(function(){
		if (!$('.gc-tags-cloud ~ .products').length) {
			$('.gc-tags-cloud').after(`
				<div class="products">
					<div class="product-list"></div>
					<div class="clearfix margin-top-5" style="display:none;">
						<button class="pull-left btn btn-success" onclick="saveChoice()">Выбрать</button>
						<button class="pull-left margin-left-5 btn btn-link" onclick="resetSelection()">Сбросить</button>
					</div>
				</div>
			`)
		}
		
		if (!$('.kv-grid-table tbody tr td[data-col-seq="1"] div .add-product').length) {
			$('.kv-grid-table tbody tr td[data-col-seq="1"] div').append('<a class="add-product btn btn-default choose-row-button" style="padding: 2px 3px; display: inline-block; font-size: 90%; margin-left:5px;">Выбрать</a>');
		}
		if ($('.kv-grid-table tbody tr td[data-col-seq="1"] .add-product').length) {
			stopDblClick()
			clearInterval(inter)
		}
	},100)
}

//Сбрасываем выбор продуктов
function resetSelection() {
	$('.product-list > *').remove();
	$('.products .clearfix').hide();
}

//Сохраняем выбор продуктов
function saveChoice() {
	$('.add-product-as-params .select-object-widget').text('')
	$('.gc-modal .close-btn').click();
	$('.product-list > *').each(function(i,e) {
		$('.add-product-as-params .select-object-widget').append(`
			<div>
				<span p-id="${$(e).find('span').attr('product-id')}">${$(e).find('span').attr('product-name')}</span>
			</div>
		`)
	})
}

//Сабмитим форму
function submitForm() {
	if ($('#paramsobject-prefix_offer_id').val() == '') {
		$('.error-summary').remove()
		$('#offerForm').prepend(`
			<div class="error-summary" style="">
				<p>Пожалуйста, исправьте следующие ошибки:</p>
				<ul>
					<li>Выберите значение поля Префикс названия из списка</li>
				</ul>
			</div>
		`)
	} else if ($('#offer-title').val().length < 5){
		$('.error-summary').remove()
		$('#offerForm').prepend(`
			<div class="error-summary" style="">
				<p>Пожалуйста, исправьте следующие ошибки:</p>
				<ul>
					<li>Поле «Название» не должно быть короче 5 символов</li>
				</ul>
			</div>
		`)
	} else {
		if ($('.add-product-as-params .select-object-widget > div').length) {
			let promises = [];
			let totalAddedProducts = $('.add-product-as-params .select-object-widget > div').length; 
	    	let remainingProducts = totalAddedProducts; 
			$('body').append(`
				<div class="modal-added-status">
					<div class="modal-block-info">
						<div class="massive-preloader"></div>
						<div class="modal-block-text">Осталось добавить ${remainingProducts} продуктов</div>
					</div>
				</div>
			`);
			$('.add-product-as-params .select-object-widget > div').each(function(i,e){
			    const form = $('#offerForm');
			    const builder = new URL(form.attr('action'), location.origin);
			    const searchParams = builder.searchParams;
			    
			    if (searchParams.has('copy')) {
			        searchParams.delete('copy');
			        form.attr('action', builder.pathname + '?' + searchParams.toString());
			    }
			    
			    const formData = form.serializeArray();
			
			    formData.push({ name: 'add_product', value: '1' }); 
			    formData.push({ name: 'add_product_as', value: 'select' });
			    formData.push({ name: 'add_product_id', value: `${$(e).find('span').attr('p-id')}` }); 
			
			    const request = $.ajax({
			        type: "POST",
			        url: form.attr('action'),
			        data: formData,
			        dataType: "json"
			    }).done(() => {
	            	remainingProducts--;
	            	$('.modal-added-status .modal-block-text').text(`Осталось добавить ${remainingProducts} продуктов`);
	        	});
			    
			    promises.push(request);
			})
			
			Promise.all(promises).then(() => {
	            window.location.reload(); 
	        });
		} else {
			let form = $('#offerForm');
		    let builder = new URL(form.attr('action'), location.origin);
		    let searchParams = builder.searchParams;
		    
		    if (searchParams.has('copy')) {
		        searchParams.delete('copy');
		        form.attr('action', builder.pathname + '?' + searchParams.toString());
		    }
			    
		    const formData = form.serializeArray();
		    $.ajax({
		        type: "POST",
		        url: form.attr('action'),
		        data: formData,
		        dataType: "json"
		    }).done(() => {
	           	window.location.reload()
	       	});
		}
	}
}