[{assign var="oDetailsProduct" value=$quantityItem->oArticle}]
[{if !$oDetailsProduct->isMaterialStatusNoLongerProduced() && !$oDetailsProduct->isPriceZero() && $oDetailsProduct->getStockStatus() == -1 && !$oxcmp_user->isB2B()}]
<div class="mb-2">
			<input type="hidden" name="emailForSubscription" id="emailForSubscription" value="[{$oxcmp_user->oxuser__oxusername->value}]" />
			<span id="emailForSubscriptionResponse" class="w-100" style="display;none"></span>
			<button type="submit" id="subscribeBtn" class="w-100 btn btn-outline-secondary" data-user="[{$oxcmp_user->oxuser__oxid->value}]" data-anid="[{$oDetailsProduct->oxarticles__oxid->value}]" data-token="[{$oViewConf->getSessionChallengeToken()}]">[{oxmultilang ident="SUBSCRIBE_FOR_STOCK_EMAIL"}]</button>
</div>
[{else}]
[{$smarty.block.parent}]
[{/if}]

[{capture assign="sAddButtonWithFunctionsSubscribe"}]
    [{strip}]
			$('#subscription input,select,textarea').not('[type=submit]').jqBootstrapValidation();
			$('#subscribeBtn').off('click').on('click', function(ev)
			{
				ev.preventDefault();
				const successText = '[{oxmultilang ident="SUBSCRIBE_FOR_STOCK_SUCCESS"}]';
				const errorText = '[{oxmultilang ident="SUBSCRIBE_FOR_STOCK_FAILED"}]';
				const user = $(this).attr('data-user');
				const anid = $(this).attr('data-anid');
				const stoken = $(this).attr('data-token');
				const email = $('#emailForSubscription').val();
				const validEmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email);

				if ( (validEmail || user !== 'guest') && anid && user && email ) {
					/* submit form with email address */
					const params = [];
					const loc = window.location;
					params.push(`user=${user}`);
					params.push(`email=${encodeURIComponent(email)}`);
					params.push(`anid=${anid}`);
					params.push(`cl=subscribe`);
					params.push(`fnc=setArticle`);
					params.push(`stoken=${stoken}`);
					
					$(this).attr('disabled', 1).attr('type','button');

					$.ajax({
						type: 'GET',
						url: loc.protocol + '//' + loc.hostname + '/index.php?' + params.join('&'),
						dataType: 'json',
						success: function(data) {
							if (data.success) {
								$('#emailForSubscription').addClass('text-success').attr('disabled','disabled');
								$('#emailForSubscriptionResponse').addClass('text-success').text(successText).show();
							} else {
								$('#emailForSubscription').addClass('text-danger');
								$('#emailForSubscriptionResponse').addClass('text-danger').text(errorText).show();
							}
						},
						error: function() {
							$('#emailForSubscriptionResponse').addClass('text-danger').text(errorText).show();
							$('#emailForSubscription').addClass('text-danger');
						}
					});
				} else {
				 $('#emailForSubscription').addClass('border-danger');
				}
			} );
    [{/strip}]
[{/capture}]

[{oxscript add=$sAddButtonWithFunctionsSubscribe}]