<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
	<title>Epsilon Pharmacy</title>
	<link rel="stylesheet" href="/css/style.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

</head>
<body>
	<div class="overlay"></div>
		
	 <input type="hidden" id="_csrf" name="_csrf" value="cfdfd018-cc17-4b8c-8c45-626ad98871e6"/>
     <input type="hidden" id="_csrf_header" name="_csrf_header" value="X-XSRF-TOKEN"/>
	 
	 <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
	 
<div class="login__wrapper"  style="display:none;z-index: 10">
		<div class="inner">
			<div class="box">
				<a  class="close__button"><img src="/img/closecheck.png" alt="closecheck"></a>
				<div class="logo">
					<img src="img/logofoot.svg" alt="logo">
				</div>
				<div class="desc">
					<h2>User Login</h2>
					<form action="">
						<div class="group__input">
							<p>Username</p>
							<input type="text" name="iduser" id="inpUsername"  >
						</div>
						<div class="group__input">
							<p>Password</p>
							<input type="password" id="inpPasword" name="password" placeholder="">
							<a  class="eye">
								<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M17 7C7 7 3 16 3 16C3 16 7 25 17 25C27 25 31 16 31 16C31 16 27 7 17 7Z" stroke="#2C2E2F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								<path d="M17 21C19.7614 21 22 18.7614 22 16C22 13.2386 19.7614 11 17 11C14.2386 11 12 13.2386 12 16C12 18.7614 14.2386 21 17 21Z" stroke="#2C2E2F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
								</svg>
							</a>
						</div>
						<div class="group__submit" id="container__btnlogin">
							<button type="button"  class="clslogin">LOGIN</button>
						</div>
						<div class="bottom">
							<p>Don't have an account? <a class="btn_become_member">Sign Up</a></p>
							<a class="password__button"> Forgot Password?</a>
						</div>
						<div class="double">								   
							<p style="color: red;font-size: 14px" id="msglogin"> </p>									
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	
	
    <div class="password__wrapper"  style="display:none;z-index: 10">
		<div class="inner">
			<div class="box">
				<a  class="close__button"><img src="img/closecheck.png" alt="closecheck"></a>
				<div class="logo">
					<img src="img/logofoot.svg" alt="logo">
				</div>
				<div class="desc" id="divFormrecover">					
					<h2>Password recovery</h2>
					<form action="">
						<div class="group__input">
							<p>Email</p>							
							<input type="text" id="emailrecover" placeholder="Enter your email">
						</div>
					
						<div class="group__submit" id="container__btnrecover_pass">
							<button type="button"  class="btnrecoverpass">RECOVER PASSWORD</button>
						</div>
						<div class="bottom">
							<p>Remembered your password?? <a class="login__button"> Login</a></p>
							
						</div>
						<div class="double">								   
							<p style="color: red;font-size: 14px" id="msglogin"> </p>									
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<!--  -->
	<div class="general_info"  style="display:none;z-index: 10">
		<div class="inner">
			<div class="box">
				<a  class="close__button"><img src="img/closecheck.png" alt="closecheck"></a>
				<div class="logo">
					<img src="img/logofoot.svg" alt="logo">
				</div>
				<div class="desc" id="divGeneralInfo">">					
					<h2>Password recovery</h2>
					<div id="general_msg"></div>
				</div>
			</div>
		</div>
	</div>
	<!--  -->

<div class="modal__wrapper" style="display:none;">
		<div class="inner__modal">
			<div class="modal__box detailpro"  style="width: 700px">
				<a  class="close__desktop"><img src="/img/xclose.svg" alt="xclose"></a>
				<a  class="close__mobile"><img src="/img/close.svg" alt="close"></a>
				<div class="modal__container">
					<div  id="detmodal" style="text-align: center">
						
					</div>
				</div>
			</div>
		</div>
	</div>				
	

	<!-- BOOKINGS -->
	<div class="modal__wrapper" style="display:none;">
		<div class="inner__modal">
			<div class="modal__box bookings" >
				<a  class="close__desktop"><img src="/img/xclose.svg" alt="xclose"></a>
				<a  class="close__mobile"><img src="/img/close.svg" alt="close"></a>
				<div class="modal__container">
					<h3>Book a pharmacy service</h3>
					<input type="hidden" id="inptIdService">
					<input type="hidden" id="inptIdProfessional">
					<input type="hidden" id="inptIdBooking" value="-1">
					<div class="inner " id="divBooking" style="text-align: center">
						<h2>Loading services</h2>
						<img src="/img/loading.gif" style="height: 40px;width: 40px">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- BOOKINGS -->
	
	<!--INI FORM TELEHEALTH-->
	<div class="modal__wrapper" style="display:none;">
		<div class="inner__modal">
			<div class="modal__box telehealth">
				<a href="#" class="close__desktop"><img src="/img/xclose.svg" alt="xclose"></a>
				<a href="#" class="close__mobile"><img src="/img/close.svg" alt="close"></a>
				<div class="modal__container">
					<div class="inner">
						<div class="media__">
							<img src="https://www.hipharmacy.au/pharmacies/epsilon/branches/epsilon/signmedia.jpg" alt="signmedia">
						</div>
						<div class="form__wrapper" >							
								<h2>Contact Telehealth</h2>								
								<div class="group__input">
									<p>Full Name</p>
									<input type="text" id="tlhfullname" placeholder="Fullname" >
								</div>
								<div class="double__group">
									<div class="group__input">
										<p>Email</p>
										<input type="text" id="tlhemail" placeholder="Email" >
									</div>
									<div class="group__input">
										<p>Phone</p>
										<input type="text" id="tlhphone" placeholder="Phone" >
									</div>
								</div>
								<div class="group__submit2" id="divButtonSignup">
									<button type="button" class="submittelehealth">Get a prescription</button>
								</div>
							</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--END FORM TELEHEALTH-->
	
	
	<!-- PRESCRIPTION -->
	<div class="modal__wrapper" style="display:none;">
		<div class="inner__modal">
			<div class="modal__box mod_prescription" style="width: 400px">
				<a href="#" class="close__desktop"><img src="/img/xclose.svg" alt="xclose"></a>
				<a href="#" class="close__mobile"><img src="/img/close.svg" alt="close"></a>
				<div class="modal__container" >
					<h3 id="typeNamePresc">Upload Prescription</h3>
					<br>
					<form id="formUpladPresc" enctype="multipart/form-data">
					<input type="hidden" id="codTypePresc" >
					
					<div class="group__input">
						<p >Brief Description</p>
						<input type="text" id="descriptionPresc">
					</div>
					<br>
					<div class="group__input">
						<p >Upload File</p>
						
						  <input type="file" id="filePhoto" accept="image/png, image/jpeg, image/jpg" name="file" >						
					</div>
					</form>
					<br>
					<br>
					<div class="group__submit2" id="divButtonUploadScript">
						<button type="button" class="submitUploadScript" style="color:#ffffff;background-color: #58C9EA;" >Upload script</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="modal__wrapper" style="display:none;">
		<div class="inner__modal">
			<div class="modal__box mod_show_prescription" style="width: 400px">
				<a href="#" class="close__desktop"><img src="/img/xclose.svg" alt="xclose"></a>
				<a href="#" class="close__mobile"><img src="/img/close.svg" alt="close"></a>
				<div class="modal__container" id="containerModalPrescription">
				
				</div>
			</div>
		</div>
	</div>
	<!-- PRESCRIPTION -->
	
	<!-- INI upload when signing up -->
    <div style="display: none" >
        <div style="width: 500px;height: 400px;" id="divcontent_resp_signed">
           <div style="text-align: center;margin-top: 100px;"><span><img src="../img/success.svg" alt="success"></span> 
            <br><br>
                    <div id="msg_signed"></div>
                   <br>
                   <div class="divcontent_resp_signed">
	                    <br> Would you like to upload a prescription or a TGA-related document?                    
	                    <div id="divLoadPrescSignup">	                      
		                    <br>
		                    <div style="display: flex;justify-content: space-between; ; width: 100%">
		                          <button type="button" class="submit-button btn_upload_presc_sign_modal" style="width:130px">Upload Now</button>
		                          <button type="button" class="submit-button btn_close_noupload"  style="width:130px">Close</button>
		                    </div>	                    
	                    </div>
                   </div>
                    <br>
            </div>
        </div>
    </div>
    
    
    <div class="modal__wrapper" style="display:none;">
		<div class="inner__modal">
			<div class="modal__box mod_prescription_sign" style="width: 400px">
				<a href="#" class="close__desktop"><img src="/img/xclose.svg" alt="xclose"></a>
				<a href="#" class="close__mobile"><img src="/img/close.svg" alt="close"></a>
				<div class="modal__container" >
					<h3 id="typeNamePresc">Upload Document</h3>
					<br>
					<form id="formUpladPrescSign" enctype="multipart/form-data">
						<input type="hidden" id="iduser" value="-1">
						<div class="group__input" style="margin-bottom: 15px">
							<p >Type Document</p>
							<select id="cmbType"  class="short-form-text-field" style="width: 100%;height: 40px; ">				
							    <option value="1">Prescription</option>
							    <option value="2">TGA Document</option>
							</select>
						</div>
						<div class="group__input">
							<p >Brief Description</p>
							<input type="text" id="descriptionPrescSign">
						</div>
						<br>
						<div class="group__input">
							<p >Upload File</p>						
							  <input type="file" id="filedocsign" accept="image/png, image/jpeg, image/jpg" name="filedocsign" >						
						</div>
					</form>
					<br>
					<br>
					<div class="group__submit2" id="divButtonUploadScriptSign">
						<button type="button" class="btn_uploadprescsign">Upload script</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- END upload when signing up -->
		
	 <div id="divModal"></div>
	 <script>

$(document).on('click','.clcdetail',function(e){

	 $.ajax({
			url : '/user/detailpurchase?idPurchase='+$(this).data('id'),
			type : 'get',
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$('#detmodal').html(response);				
				$('.detailpro').closest(".modal__wrapper").fadeIn(300);
				$('body,html').css("overflow-y" ,"hidden");
			}
		});
});


//--------

$(document).on('click','.btn__search_catalogue',function(event) {
	  
	  event.stopPropagation();
	  var name=$("#txtSearch").val();
	  if(name===""){
		  return;
	  }
		$.ajax({
			url : '/user/seachbyname?pageFrom=0&name='+$("#txtSearch").val(),
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResultUser").html(response);
			}
		});
	});
//----------

 
$(document).on('click','.cls_select_shipping',function(e){
	
	$('.cls_select_shipping').removeClass('current');		
	$(this).addClass('current');

	const withDelivery = ($(this).data('id')==='post');
	
	$.ajax({
		url : '/shoppingcart/select-type-shipping',
		type : 'POST',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Authorization': window.sessionStorage.getItem('Authorization')
		},
		data:{
			withDelivery: withDelivery
		},		
		success : function(resp, status, xhr) {
	 
			$('#total_delivery').html('$'+resp.shippingCost);
			$('#total').html('$'+resp.totalWithShipping);

		}
	});	
});


$(document).on('click','.cls__upload_presc',function(e){
		
	$('#typePresc').val($(this).data('type'));
	const nameType = $(this).data('type')==1 ?'Upload Prescription':'Upload TGA Document';
	$('#typeNamePresc').html(nameType);
	$('#codTypePresc').val($(this).data('type'));
	
	$('.mod_prescription').closest(".modal__wrapper").fadeIn(300);
	$('body,html').css("overflow-y" ,"hidden");
});

$(document).on('click','.submitUploadScript',function(e){
	 
	const fileInput = document.getElementById('filePhoto');

	if (fileInput.files.length <= 0){
		alert('You need to select a file');
		return;
	}
	
	var file = $('#filePhoto')[0].files[0];
    var data = new FormData();
    data.append('file', file);
    data.append('type',$('#codTypePresc').val());
    data.append('description',$('#descriptionPresc').val());
    
    var comp = $('#divButtonUploadScript').html();
	
    $("#divButtonUploadScript").html('<center>Uploading, please wait ....</center>');
    var thiscomp = $(this);
    
    $.ajax({
		url : '/user/upload-photo-script',
		type : 'post',
		data: data,
   	    processData: false,
        contentType: false,
		headers: {
			 [$('#_csrf_header').val()]: $('#_csrf').val(),
	    },		    
		beforeSend : function() {		
			$("#divButtonUploadScript").html('<center>Uploading, please wait ....</center>');
		},
		success : function(resp, status, xhr) {
							
			if(!resp.ok){
				alert(resp.msg);
			}
			$('#divButtonUploadScript').html(comp);
				
			document.getElementById('formUpladPresc').reset();
			$(".modal__wrapper").fadeOut(300);
			$('body,html').css("overflow-y" ,"initial");
			
		}
	}).fail( function( jqXHR, textStatus, errorThrown ) {
		
		var responseText = jQuery.parseJSON(jqXHR.responseText);
		alert('Error when uploading. Cause:' +responseText.message);
		document.getElementById('formUpladPresc').reset();
		$('#divButtonUploadScript').html(comp);
		$('#divCargando').remove();
	});
});


$(document).on('click', '.preview_prescription' ,function (event) {
	
	
	const comp = $('#containerModalPrescription').html();
	
	
	$.ajax({
		url : '/user/preview-prescription?id='+$(this).data('id'),
		type : 'GET',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Authorization': window.sessionStorage.getItem('Authorization')
		},	    
		beforeSend : function() {						
		},
		success : function(resp, status, xhr) {
	 
			$('#containerModalPrescription').html('<img src="data:image/png;base64, '+resp+'">');

			$('.mod_show_prescription').closest(".modal__wrapper").fadeIn(300);
			$('body,html').css("overflow-y" ,"hidden");
			 event.preventDefault();

		}
	}).fail( function( jqXHR, textStatus, errorThrown ) {
		
	
	});
	
});


$(document).on('click', '.clsrequestproduct' ,function (event) {
	
	event.preventDefault();
	
	if(!confirm('Confirm to request access to this product?')){
		return;
	}
	const id=$(this).data('idprod');
	
	$.ajax({
		url : '/user/request-pop-product?idProduct='+id,
		type : 'get',		
		beforeSend : function() {
			// perform the action..
		},
		success : function(resp, status, xhr) {
			if(resp.requested){				
				$('#divRequestedPOP'+id).html('Product requested');
			}
		  alert(resp.msg);
		},
		 error: function(XMLHttpRequest, textStatus, errorThrown) { 
			 
		} 
	});
});

$(document).on('click', '.clsprofile' ,function (event) {
	
	$.ajax({
		url : '/user/profilepage',
		type : 'GET',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Authorization': window.sessionStorage.getItem('Authorization')
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(resp, status, xhr) {
		  $("#divResult").html(resp);
		},
		 error: function(XMLHttpRequest, textStatus, errorThrown) { 
			 window.location.reload();	
		} 
	});
});

$(document).on('click', '.clssetting' ,function (event) {
	
	$.ajax({
		url : '/user/settingpage',
		type : 'get',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Authorization': window.sessionStorage.getItem('Authorization')
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(resp, status, xhr) {
		  $("#divResult").html(resp);
		},
		 error: function(XMLHttpRequest, textStatus, errorThrown) { 
			 window.location.reload();	
		} 
	});

});


$(document).on('click', '.sidemenu' ,function (event) {

	event.preventDefault();
	 
	$('.sidemenu').removeClass("current");
	$(this).addClass('current');
	
	$.ajax({
		url : '/user'+$(this).data('ref'),
		type : 'get',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Authorization': window.sessionStorage.getItem('Authorization')
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(response, status, xhr) {
			$("#divResultUser").html(response);				
		},
		 error: function(XMLHttpRequest, textStatus, errorThrown) { 
			 window.location.reload();	
		}    
	});
});

$(document).on('change','.cls_reminder',function(e){
	
	$.ajax({
		url : '/user/set-reminder',
		type : 'post',					
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Authorization': window.sessionStorage.getItem('Authorization')
		},	
		data:{
			"idAssignment": $(this).data('id'),
			"hasReminder": $(this).is(':checked')			
		},
		success : function(response, status, xhr) {
		
		},
		error: function(resp){
		   alert(resp);	
		}
	});
	
});

$(document).on('click','.saveSetting',function(e){

	if($('#oldPassword').val()=='' || $('#password').val()=='' || $('#confitmPassword').val()==''){
		return;
	}
	e.preventDefault();
	
	if(!confirm('Confirm to change the password?')){
		return;
	}
	
	 $.ajax({
			url : '/user/savesetting',
			type : 'post',			
			contentType: "application/json",
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
				'Authorization': window.sessionStorage.getItem('Authorization')
			},
			beforeSend : function() {
				// perform the action..
			},
			
			data:JSON.stringify({
				"oldPassword": $('#oldPassword').val(),
			    "password": $('#password').val(),
				"confitmPassword": $('#confitmPassword').val()				
			}),
			success : function(response, status, xhr) {
				alert(response);
			},
			error: function(resp){
			   alert(resp);	
			}
		});
});

$(document).on('click','.btnSaveInfo',function(event){
		
	event.stopPropagation();
	
	if(!confirm('Confirm to save information?')){
		return;
	}
	
	 $.ajax({
			url : '/user/savecontact',
			type : 'post',
			dataType: 'json',
			 contentType: "application/json",
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),			
				'Authorization': window.sessionStorage.getItem('Authorization')
			},
			beforeSend : function() {
				// perform the action..
			},			
			data:JSON.stringify({
				fullname: $('#inpUserFullname').val(),
				email: $('#inpEmail').val(),
				address: $('#inpDirec').val(),
				city: $('#inpCity').val(),
				country: $('#codCountry').val(),
				zipCode:$('#inpZipcode').val() ,
                phone: $('#inpMobile').val(),
				state: 	$('#inpState').val()
			}),
			success : function(resp, status, xhr) {
				if(resp){
					alert('Saved with success');
					
					$('#pFullname').html('Full Name: '+$('#inpUserFullname').val());
					$('#pAddress').html('Address: '+$('#inpDirec').val());
					$('#pNumber').html('Number: '+$('#inpMobile').val());
					$('#pEmail').html('Email: '+$('#inpEmail').val());
				}
			}, 
			error: function(XMLHttpRequest, textStatus, errorThrown) {
	        	console.log(XMLHttpRequest);	
			} 	
		});
});

$(document).on('click', '.clslogout' ,function (event) {
	
	$.ajax({
        type: "get",
        url: "/user/logout",
        dataType: 'json',
        headers: {
        		[$('#_csrf_header').val()]: $('#_csrf').val(),
        },
        success: function (data, textStatus, jqXHR) {
       	 
            window.sessionStorage.setItem("Authorization",'');          
		    window.location.reload();
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
        	window.sessionStorage.setItem("Authorization",'');
			window.location.reload();	
		} 	 		
	});	
});

</script>	
	 
	
<script>



/*<![CDATA[*/
const opn = null;
/*]]>*/

$(document).ready(function(){
	if(opn){
		$('#liMedicare').click();
	}		
});

$('.contact__menu>a').on('click' ,function(e){
	e.preventDefault();
	if ($(this).hasClass('active')) {
		$(this).removeClass('active');
		$('.contact__menu .dropdown__wrapper').fadeOut(300);
	} else {
		$(this).addClass('active');
		$('.contact__menu .dropdown__wrapper').fadeIn(300);
	}
});

$(document).on('click','.cls__about', function() {
		document.getElementById('footer').scrollIntoView({ behavior: 'smooth' });
 });		

 $(document).on('click','.cls__faq', function() {			
   document.getElementById('faq').scrollIntoView({ behavior: 'smooth' });
  });

$(document).on('click','.password__button' ,function(e){	
	e.preventDefault();
	
	 $(this).closest(".login__wrapper").fadeOut(300);	 
	 $('.box').closest('.password__wrapper').fadeIn(300);
	 $('body,html').css("overflow-y" ,"hidden");
});

//-----INI telehealth-----

$(document).on('click', '.liMedicare' ,function (event) {
	
	
	$.ajax({
		url : '/retrieve-tokentelehealth',		
		type : 'GET',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(rs, status, xhr) {
			if(rs.login){
				$('#divMsgPpo').html(rs.msg);
				$('#divMsgPpo').show();		
				$('.modal__box.login').closest('.modal__wrapper').fadeIn(300);
				$('body,html').css("overflow-y"  ,"hidden");
			}else{
				const a= document.getElementById('ahealth');
				const href= a.href;
			    a.href = href+'&pharmaId='+rs.token;
			    a.click();
				a.href = href;
			}
		}
	});
});


//-----END telehealth-----

$(document).on('click', '.goprofile' ,function (event) {
	location.replace('/home-logged');
});



$(document).on('click', '.loadmoreprodsrch' ,function (event) {
	
	var source=$("#source").val();
	var search=$("#txtSearch").val();
	var pageFrom=$("#pageFrom").val();
	var idSubcat=$("#idSubcat").val();
	var namecategory=$("#namecategory").val();
	var namesubcategory=$("#namesubcategory").val();
	$.ajax({
		url : '/'+source+'?pageFrom='+pageFrom+'&name='+search+'&idSubcat='+idSubcat+'&namecategory='+namecategory+'&namesubcategory='+namesubcategory,		
		type : 'post',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(prods, status, xhr) {
			$('#btnLoadProdIni').remove();
			$("#divparam").remove();
			$("#divProdWrapper").append(prods);	
		}
	});
});

$(document).on('click', '.btn_become_member' ,function (event) {	
	location.replace('/signin-page');
});

console.log('login');
$(document).on('click', '.clslogin' ,function (event) {

	const comp = $('#container__btnlogin').html();
	$('#container__btnlogin').html('validating, please wait...');
	$('#msglogin').html('');
	setTimeout(function () {
		$.ajax({
	        type: "post",
	        url: "/user/login",
	        async: false,
	        headers: {
	        		[$('#_csrf_header').val()]: $('#_csrf').val(),
	                "Authorization": "Basic " + btoa($('#inpUsername').val() + ":" + $('#inpPasword').val())
	        },
	        success: function (data, textStatus, jqXHR) {
	       	 
	            window.sessionStorage.setItem("Authorization",jqXHR.getResponseHeader('Authorization'));
	            $('.modal__box.login').closest('.modal__wrapper').fadeOut(200);
	            location.replace('/home-logged');		    
	        },
	        error: function(XMLHttpRequest, textStatus, errorThrown) {
	        	$('#msglogin').html('Invalid credentials');
	        	$('#container__btnlogin').html(comp);
			} 	 		
		});
	}, 200);
		
});

$(document).on('click','.btnrecoverpass',function(event){	
	   event.preventDefault();
		 var comp = $('#container__btnrecover_pass').html();
		 
		 $('#container__btnrecover_pass').html('validating...')
		$.ajax({
			url : '/user/recoverpass?email='+$('#emailrecover').val(),
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(resp, status, xhr) {
				event.preventDefault();
				if(resp){
					$('#divFormrecover').html('<div style="text-align: center;"><img src="../img/success.svg" alt="success"></div> <br>A new temporary password has been sent to your email address.<br> Please follow the instructions in the email to change your password.');	
				}else{
					$('#divFormrecover').html('<span  style="text-align: center;"><br>Could not restore password. Please try again later');
				}
				
			}
		});
	});

$(document).on('click','.submitsignup',function(event){	
	
   event.preventDefault();
   
   if($('#firstname').val().trim()=='' || $('#lastname').val().trim()=='' || $('#phone').val().trim()==''|| $('#email').val().trim()==''){
	   alert('Fields are required');
	   return;
   }
   if (!ValidateEmail($('#email').val().trim())) {
		alert('Invalid email address');
		return;
	}
  
	 compDivFormsignup=$('#divFormsignup').html();
	 $('#divButtonSignup').html('<div style="text-align:center"><img src="/img/loading.gif" style="height: 20px;width: 20px"> Please wait...</div>');
	$.ajax({
		url : '/user/signupuser',
		type : 'post',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
			'Accept': 'application/json',
		    'Content-Type': 'application/json'
		},
		data:JSON.stringify({					
			"fullname": $('#firstname').val()+' '+$('#lastname').val(),
		     "firstname":$('#firstname').val(),
		     "lastname":$('#lastname').val(),
		     "phone":$('#phone').val(),
		     "email":$('#email').val(),
		     "address":$('#address').val(),
		     "country":$('#cod_country').val(),
		     "state":$('#state').val(),
		     "city":$('#city').val(),
		     "zipCode":$('#zipCode').val(),
		     "password":$('#password').val(),
		     }), 
	
		success : function(map, status, xhr) {
			event.preventDefault();
			
			event.preventDefault();
			alert(map.msg);
			
			if(map.ok){
				
				$('#iduser').val(map.iduser);
				//$('#msg_signed').html(map.msg);				 
				//$('#divFormsignup').html($('#divcontent_resp_signed').html());
				
				/*
				$('#divFormsignup').html('<div style="text-align: center;margin-top: 100px;"><span><img src="../img/success.svg" alt="success"></span> <br><br>'+map.msg+'<br>'+
				'<br> Would you like to upload a prescription or a TGA-related document?" <br> Document : <input type="file"><button>Upload</button>'
				+'</div>');
				*/
			}else{
				
				$('.login__button').click();
				//$('.box').closest('.login__wrapper').fadeIn(300);
				//$('body,html').css("overflow-y" ,"hidden");
				//$('#detmodal').html('<div style="text-align: center">'+map.msg+'</div><br><div style="width: 100%"><a class="password__button" style="float:right;margin-right:10px;cursor:pointer; font-size:14px; color:grey!important">Forgot password?</a></div>');
			}
			
		}
	});
});


$(document).on('click','.btn_upload_presc_sign_modal',function(e){
     $('.modal__box.mod_prescription_sign').closest('.modal__wrapper').fadeIn(300); 	
});


$(document).on('click','.btn_close_noupload',function(e){
    $('.homelink').click();
});


$(document).on('click','.btn_uploadprescsign',function(e){
	 
	const fileInput = document.getElementById('filedocsign');

	if (fileInput.files.length <= 0){
		alert('You need to select a file');
		return;
	}
	
	var file = $('#filedocsign')[0].files[0];
    var data = new FormData();
    data.append('file', file);
    data.append('idUser',$('#iduser').val() );
    data.append('description', $('#descriptionPrescSign').val());
    data.append('type', $('#cmbType').val());
    var comp = $('#divButtonUploadScriptSign').html();
	
    $("#divButtonUploadScriptSign").html('<center>Uploading, please wait ....</center>');
    var thiscomp = $(this);
    
    $.ajax({
		url : '/user/upload-document-sign-up',
		type : 'post',
		data: data,
   	    processData: false,
        contentType: false,
		headers: {
			 [$('#_csrf_header').val()]: $('#_csrf').val(),
	    },		    
		beforeSend : function() {		
			$("#divButtonUploadScriptSign").html('<center>Uploading, please wait ....</center>');
		},
		success : function(resp, status, xhr) {
							
			if(!resp.ok){
				alert(resp.msg);
			}
			
			$('#divButtonUploadScriptSign').html('<div style="text-align: center">'+resp.msg+'</div>');
			
			$('.divcontent_resp_signed').hide();
				
			document.getElementById('formUpladPrescSign').reset();			
			
		}
	}).fail( function( jqXHR, textStatus, errorThrown ) {
		
		var responseText = jQuery.parseJSON(jqXHR.responseText);
		alert('Error when uploading. Cause:' +responseText.message);
		document.getElementById('formUpladPrescSign').reset();
		$('#divButtonUploadScript').html(comp);
		$('#divCargando').remove();
	});
});

/*
if(document.getElementById("txtSearch").getAttribute('listener') !== 'true') {
	document.getElementById("txtSearch").addEventListener("keypress", function(event) {
		
		  if (event.key === "Enter") {
		
		    event.preventDefault();
		    // Trigger the button element with a click
		    
		    $("#btnSearch").click();
		  }
		});	
}

*/

$(document).on('click', '.info' ,function (event) {
	event.preventDefault();
	
	
	$.ajax({
		url : '/retrieveproduct?idProduct='+$(this).data('id'),
		type : 'get',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(page, status, xhr) {
			event.preventDefault();

			$('#divModal').html(page);
			$('.modal__box.product').closest('.modal__wrapper').fadeIn(300);
			$('body,html').css("overflow-y"  ,"hidden");				
		}
	});

});


// Each input with class numeric will allow to input only numbers
$(document).on("input", ".numeric", function() {
    this.value = this.value.replace(/\D/g,'');
});

// ------------------------

// $(document).on('click', '.optmenu' ,function (event) {
// 	document.getElementById('myMenu').style.display='none';    	
// });


$(document).on('click', '.showmenu' ,function (event) {
	
	const box = document.getElementById('idGroup');
	var x= parseInt(event.clientX)-50;
	var y =parseInt(event.clientY)-10;
	
	box.style.position = 'absolute';
	box.style.top = y+'px';
	box.style.left = x+'px';
	//$('#idbtn').trigger('click');
	document.getElementById('myMenu').style.display='block';
	event.stopPropagation();
});

function closeligin(){	
	$('#usermodal').dialog('close');
};

function showlogin(){
	
	$.ajax({
		url : '/user/loginpage',
		type : 'get',		
		beforeSend : function() {
			// perform the action..
		},
		success : function(resp, status, xhr) {
			$('#usermodal').html(resp);
		    
		}
	});
}

const host = "https:\/\/shop.epsilonpharmacy.com.au:443";
$(document).on('click','.homelink', function() {
    window.location.href = host;
});


$(document).on('click', '.claslang' ,function (event) {
	$('#lang').val(this.dataset.lang);
	$("#frmlang").submit();
});
	
$(document).on('click', '.loadmorclass' ,function (event) {
	
	var idscat=this.dataset.idcat;
	$.ajax({
		url : '/loadmoreproductsubcat?idSubcat'+idscat+'&from=21',
		type : 'post',
		headers: {
			[$('#_csrf_header').val()]: $('#_csrf').val(),
		},
		beforeSend : function() {
			// perform the action..
		},
		success : function(prods, status, xhr) {
			$("#moreprod"+idscat).html(prods);			
		}
	});
});
	
	/*
function scrollToAnchor(){
    var aTag = $("#anc");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}*/
	
	$("#spnWishList").click(function() {
		
		$.ajax({
			url : '/wishlist',
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResult").html(response);
			}
		});
		
	});
	
	
	
	$('#spnShopByBrands').click(function(){
		event.stopPropagation();
		$.ajax({
			url : '/shopbybrands',
			type : 'get',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResult").html(response);
			}
		});
	});
	
	
	function addProduct(id,qty){	
		event.stopPropagation();
		
		const idPrice = ($('#idPrice').val()?$('#idPrice').val():-1);
		
		$.ajax({
			url : '/shoppingcart/addProduct?id='+id+'&quantity='+qty+'&idPrice='+idPrice,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(map, status, xhr) {
				
              $("#popMessage").html(map.popMessage);
				
				if(!map.isTherePopMessage){
				
					$('#spnCountProdCart').html(map.totalProds);
					$('#subt'+id).html('$'+map.subtotal);
					$('#total').html('$'+map.total);
					$('#divSubtotal').html('$'+map.total);
					$('#totalCart').html('$'+map.total);	
					$('#spnSubtotal').html(map.subtotal);
					$("#qty"+id).val(map.quantity);
					$("#qtypopup").val(map.quantity);
					
					if(map.msg){
						$("#msglimit").show();
						$('#msglimit').delay(2000).fadeOut(2000);
					}
				}
				/*
				$('#spnCountProdCart').html(map.totalProds);
				$('#subt'+id).html('$'+map.subtotal);
				$('#total').html('$'+map.total);
				$('#divSubtotal').html('$'+map.total);
				$('#totalCart').html('$'+map.total);	
				$('#spnSubtotal').html(map.subtotal);
				$("#qty"+id).val(map.quantity);
				$("#qtypopup").val(map.quantity);
				
				if(map.msg){
					$("#msglimit").show();
					$('#msglimit').delay(2000).fadeOut(2000);
				}	*/			
			}
		});	
	}
	
	$(document).on('click', '.lessprod' ,function (event) {
		event.stopPropagation();
		var id;
		var num;
		if(this.dataset.id){
		  id=this.dataset.id
		  num=parseInt($('#qty'+this.dataset.id).val())-1;
		  if(num>0)
		  $("#qty"+id).val(num);
		  
		}else{
		  id=$('#inptIdProd').val();
		  num=parseInt($("#qtypopup").val())-1;
		  if(num>0)
		  $("#qtypopup").val(num);
		}	
		
		if(num===0){
			deleteFromCart(id);
		}else{
			 addProduct(id,-1);
		}	
	});
	
	$(document).on('click', '.moreprod' ,function (event) {
		event.stopPropagation();
		var id;
		var num;
		if(this.dataset.id){
		  id=this.dataset.id
		  
		}else{
		  id=$('#inptIdProd').val();
		}
		
		 addProduct(id,1);				 	
	});

	
	$(document).on('click', '.addtocart' ,function (event) {
		event.stopPropagation();
		var id = this.dataset.id;
		var idPrice = ($('#cmbPrices').val()?$('#cmbPrices').val():-1);
		
		$.ajax({
			url : '/shoppingcart/addProduct?id='+id+'&quantity=1&idPrice='+idPrice,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(map, status, xhr) {
				$('#spnCountProdCart').html(map.totalProds);
								
				const elems = document.getElementsByName('add'+id);

					elems.forEach(i => {
						i.style.backgroundColor='green';
						i.innerHTML='<img src="/img/check.svg" onclick="deletefromcartCheck('+id+')" alt="check">';						
					});
			}
		});
	});

	function deleteFromCart(id){
		
		event.stopPropagation();
		if(!confirm("Confirm to delete from cart "+ $('#name'+id).html()+" ?")){
			event.stopPropagation();
			return;	
		}		
		
		$.ajax({
			url : '/shoppingcart/deletefromcart?id='+id,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(map, status, xhr) {
				$('#spnCountProdCart').html(map.totalProds);
				$('#total').html(map.total);
				$('#divSubtotal').html('$'+map.total);
				$('#divTotal').html('$'+map.total);
				$("#tr"+id).remove();
				$("#btnAddToCartPopup").show();
				$("#divCouter").hide();
				$("#btnShopNowPopup").show();
				if($('#divCouterSeo')){
					$('#divCouterSeo').hide();
					$('#btnAddToCartSeo').show();		
					$('#btnShopNowPopupSeo').show();
				}
				$('#btnShowCartDet').hide();
				if(parseInt(map.totalProds)===0){
					window.location.reload();	
				}
				if($('#inptIdProd') && $('#add'+$('#inptIdProd').val())){
					const elems = document.getElementsByName('add'+id);
					
					elems.forEach(a => {
					  a.style.backgroundColor='#ABABAB';
					  a.innerHTML='<img class="addtocart" data-id="'+id+'" src="/img/plus.svg" alt="plus">';	
					});						
				}				
			}
		});
	}
	
	
	//$(document).on('click', '.deletefromcartCheck' ,function (event) {
	function deletefromcartCheck(id){
		event.stopPropagation();
		if(!confirm("Confirm to delete from cart ?")){
			event.stopPropagation();
			return;	
		}		
		
		$.ajax({
			url : '/shoppingcart/deletefromcart?id='+id,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(map, status, xhr) {
				$('#spnCountProdCart').html(map.totalProds);
				
				
				if($('#inptIdProd') && $('#add'+$('#inptIdProd').val())){					
				 
					const elems = document.getElementsByName('add'+id);
					
					elems.forEach(a => {
					  a.style.backgroundColor='#ABABAB';
					  a.innerHTML='<img class="addtocart" data-id="'+id+'" src="/img/plus.svg" alt="plus">';	
					});				
				}
			}
		});
	};

	$(document).on('click','.pick__price .elem__price' ,function(e){
		
		var id = $('#inptIdProd').val();
		
		if(id===undefined){
			id = $('#inptIdProdSeo').val();
		}
		
		var obj=this;
		var idPrice = $(this).data('price');
		 $.ajax({
				url : '/prescriptionPrice?idPrice='+idPrice+'&idProduct='+id,
				type : 'post',
				headers: {
					[$('#_csrf_header').val()]: $('#_csrf').val(),
				},
				beforeSend : function() {
					// perform the action..
				},
				success : function(map, status, xhr) {				
					
					$("#idPrice").val(idPrice);
					$("#spnPriceprod").html(map.price);
					$("#spnSubtotal").html(map.subtotal);
					$("#qtypopup").val(map.quantity);
					$('#subt'+$('#inptIdProd').val()).html(map.subtotal);
					
					//$('#price'+$('#inptIdProd').val()).html(map.price);
					
					//++++++++++++*/
					e.preventDefault();
					if (!$(obj).hasClass('active')) {
						$(obj).closest('.pick__price').find('.active').removeClass('active');
						$(obj).addClass('active');
						$(obj).closest('.pick__price').find("input").val($(obj).attr("data-price"));
					}	
					
					$('#total').html(map.total);
					$('#divSubtotal').html('$'+map.total);
					
					if($('#divTotal')){
						$('#divTotal').html(map.total);					
					}
					
				}
			});
	});
  
  $("#btnSearch").click(function(event) {
	  event.stopPropagation();
	  var name=$("#txtSearch").val();
	  if(name===""){
		  return;
	  }
		$.ajax({
			url : '/seachbyname?pageFrom=0&name='+$("#txtSearch").val(),
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResult").html(response);
			}
		});
	});
  
  
	$(document).on('click','.btnaddwish',function(event){
			
    	event.stopPropagation();
    	var id=$('#inptIdProd').val();
    	if(!id){
    		id =$('#inptIdProdSeo').val();
    	}
		
		$.ajax({  
			url : '/addtowishlist?idProduct='+id,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(added, status, xhr) {
					$('#heartAddToWishListPopup').css("color",(added?"blue":"red"));
					$('#heartAddToWishListSeo').css("color",(added?"blue":"red"));
					$('#heart'+id).css("color",(added?"white":"red"));
			}
		});
    });
	
	$(document).on('click', '.heart' ,function (event) {

		event.stopPropagation();
		var id=this.dataset.id;
		
		$.ajax({  
			url : '/addtowishlist?idProduct='+this.dataset.id,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(added, status, xhr) {
				
					const elems = document.getElementsByName('heart'+id);

					elems.forEach(i => {
					  i.style.color = (added?"white":"red"); 
					});			
			}
		});
	});
	
	$(document).on('click','.cls_show_cart',function(e) {
		$("#divShoppingCart").click();
		e.preventDefault();
		$(this).closest('.modal__wrapper').fadeOut(300);
		$('body,html').css("overflow-y" ,"initial");
	});
	
	$("#divShoppingCart").click(function(event) {
		event.stopPropagation();
		if(parseInt($("#spnCountProdCart").html())===0){
			return;
		}
		
		$.ajax({
			url : '/shoppingcart/showcart',
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {				
				$("#divResultUser").html(response);		
			}
		});
	});

	
	$(document).on('click', '.prdcat' ,function (event) {
		event.stopPropagation();
		id = this.dataset.id;

		$.ajax({
			url : '/productsbycategory?idCategory='+id,
			type : 'get',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResult").html(response);
			}
		});
	});
	
    $(document).on('click', '.shopnow' ,function (event) {
		
    	event.stopPropagation();
    	id = this.dataset.id;
    	
    	var idPrice=$('.active').data('price');
    	if(idPrice===undefined){
          idPrice=-1;
    	}
    	
		$.ajax({
			url : '/shoppingcart/shopProductNow?id='+id+'&quantity=1&idPrice='+idPrice,
			type : 'post',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResultUser").html(response);				
				$('#spnCountProdCart').html(parseInt($('#spnCountProdCart').html())+1);
				
				event.preventDefault();
				$('#divModal').fadeOut(200);
				$("body,html").css("overflow-y" , "initial");
			}
		});
	});	
	
    
   $(document).on('click', '.goto_details' ,function (event) {
		
    	event.stopPropagation();
    	
		$.ajax({
			url : '/shoppingcart/goto-detail',
			type : 'get',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResultUser").html(response);
			}
		});
	});	
   
   /*
   $(document).on("click",'.step__one>a' ,function(e){
		
		alert('step__one>a. Save contact');
		e.preventDefault();

        if($('#inpNamem').val()=='' || $('#inpEmail').val()=='' || $('#inpMobile').val()==''){
        	$("#contactrequired").show();
			$('#contactrequired').delay(2000).fadeOut(2000);
        	return;
        }

        if(!ValidateEmail($('#inpEmail').val())){
        	alert("Invalid email address!");
        	return;
        }
        
	    	$.ajax({
				url : '/shoppingcart/savecontact',
				type : 'POST',
				headers: {
					[$('#_csrf_header').val()]: $('#_csrf').val(),
					'Accept': 'application/json',
				    'Content-Type': 'application/json'
				},
				data:JSON.stringify({					    	 
				     "fullname":$('#inpName').val(),
				     "phone":$('#inpMobile').val(),
				     "email":$('#inpEmail').val()			     
				     }), 
				beforeSend : function() {
					// perform the action..
				},
				success : function(branches, status, xhr) {
					
					$('.element__').css("display" , "none");
					$('.element__.step2').fadeIn(300);
					$('.element__').removeClass("current");
					$('.element__.step2').addClass("current");
					$('.step:nth-child(1)').addClass('filled').removeClass("active")
															.next().addClass('active');
				}
			});
	    
	});
	
   */
   console.log('continue_payment');
   $(document).on('click', '.continue_payment' ,function (event) {
		
   	event.stopPropagation();
   	

    if($('#inpName').val()=='' || $('#inpEmail').val()=='' || $('#inpMobile').val()=='' || $('#inpAddress').val()==''){
    	$("#contactrequired").show();
		$('#contactrequired').delay(2000).fadeOut(2000);
    	return;
    }

    if(!ValidateEmail($('#inpEmail').val())){
    	alert("Invalid email address!");
    	return;
    }
    
		$.ajax({
			url : '/shoppingcart/payment-page',
			type : 'post',			
			contentType: "application/json",
			data: JSON.stringify({
				 "address":$('#inpAddress').val(),
			     "city":$('#inpCity').val(),	     
			     "zipcode":$('#inpZipcode').val(),
			     "state":$('#inpState').val(),
			     "fullname":$('#inpName').val(),
			     "phone":$('#inpMobile').val(),
			     "email":$('#inpEmail').val(),
			     "cod_country": $('#cod_country').val(),
			     }),
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(response, status, xhr) {
				$("#divResultUser").html(response);
				//$("#divResult").html(response);
			},error: function (XMLHttpRequest, textStatus, errorThrown) {
				alert('Error when retrieving payment page. Please try again later.');
			}
		});
	});
    
 $(document).on('click','.prdscat',function(){
		    var id = this.id;
		    var namesubcategory = escape(this.text);
		    var namecategory = escape(this.dataset.ncat);
		    
			$.ajax({
				url : '/productsbysubcategory?idSubcat='+id+'&pageFrom=0&namesubcategory='+namesubcategory+'&namecategory='+namecategory,
				//		url : '/productsbysubcategory',
				type : 'get',
				headers: {
					[$('#_csrf_header').val()]: $('#_csrf').val(),
					'Accept': 'application/json',
					'Content-Type': 'application/x-www-form-urlencoded'
				},
				/*
				data: {
					idSubcat: id,
					pageFrom: 0,
					namesubcategory: namesubcategory,
					namecategory: namecategory
				},*/
				beforeSend : function(xhr) {
				},
				success : function(response, status, xhr) {
					$("#divResult").html(response);
					
				}
			});
	});

 $(document).on('click', '.consult_booking', function () {

	 if($('#email_consult').val()==='' || $('#date_consult').val() === '') {
		 alert('Fields are required');
		 return;
		 
	 }
	 
	 let body = 'Hello Epsilon Clinics Team,%0A%0A My name is '+$('#txtPatientName').html()
	 +', and I am an existing patient. I would like to book a review appointment.%0A%0A'
	 +' Preferred days/times: '+document.getElementById('date_consult').value+'%0A%0A'
	 +' Phone number: '+$('#hdnUserphone').val()+'%0A'
	 +' Email consult: '+$('#email_consult').val()+'%0A%0A'
	 +' Thank you, and I look forward to your reply.%0A%0A'
	 +' Kind regards,%0A'
	 + $('#txtPatientName').html();
	 
	 body = body.replace(/ /g, '%20');
	 
	 document.getElementById('mailto_consult').href="";	 
     document.getElementById('mailto_consult').href="mailto:patients@epsilonclinics.com.au?subject=Booking%20consult&body="+body;
     document.getElementById('mailto_consult').click();
     
 });
 
//-------------------------------SALES-------------
$(document).on("click",'.close__desktop, .close__mobile',function(e){	
	e.preventDefault();
	$(this).closest(".modal__wrapper").fadeOut(300);
	$('body,html').css("overflow-y" ,"initial");
});
  
  
	$(document).on("change",'.element__.step2 .double__radio input', function(e){
		
		$('.step:nth-child(3)').removeClass('filled').removeClass("active");
		if ($(this).val() == "couriers") {
			$('.courier').fadeIn(300);
			$('.select__pickup').css("display"  ,"none");
			$('#btnPlaceOrder').hide();
		}
		if ($(this).val() == "local") {
			$('.courier').css("display" ,"none");
			$('.select__pickup').fadeIn(300);
			
			$('.step:nth-child(3)').removeClass('filled').addClass("active");
			$('#btnPlaceOrder').show();	

			 $('#inpAddress').val('');
		     $('#inpCity').val('');   
		     $('#inpZipcode').val('');
		     $('#inpState').val('');
		     $('#inpInstruction').val('');		      
			
		}
	});
	
	
	$(document).on('click','.grid__couriers>a' ,function(e){
	
	
		e.preventDefault();
		$(this).closest('.grid__couriers').find('.active').removeClass('active');
		$(this).addClass('active');
	});
	
	// Step button for cart.html which will hide second step and show first one
	$(document).on('click' ,'.step2 .back__button',function(e){
		
		e.preventDefault();
		$('.element__').css("display" , "none");
		$('.element__.step1').fadeIn(300);
		$('.element__').removeClass("current");
		$('.element__.step1').addClass("current");
		$('.step:nth-child(1)').removeClass('filled').addClass("active");
		$('.step:nth-child(2)').removeClass('filled').removeClass("active");
		$('.step:nth-child(3)').removeClass('filled').removeClass("active");
	});
	

	function ValidateEmail(input){
	  var mailformat = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	  if(input.match(mailformat)){
	    return true;
	  }
	   else{
	    return false;
	   }
	}
	
	
	function scrollToAnchor(aid){
	    var aTag = $("a[name='"+ aid +"']");
	    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
	}




	$(document).on('click','.place__order',function(){
		var idBranch=-1;
		
		if(document.getElementById('radio2').checked){		
			idBranch=$('#cmbBranch').val();
			
			if(idBranch<0){
				return;		
			}
		}
		
		$.ajax({
			url : '/shoppingcart/placeorder?idBranch='+idBranch,
			type : 'post',
			contentType: "application/json",
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				$("#calcMessage").html('<img src="/imgs_old/loading.gif" style="height: 20px;width: 20px"> Proceeding to checkout..');
			  $('#btnPlaceOrder').hide();
			},
			success : function(msg, status, xhr) {
				
				if(msg!=''){
					event.preventDefault();	
					$('#divMsgPresc').html(msg);
					$(this).closest('.modal__wrapper').fadeOut(300);
					$('.modal__box.prescription').closest('.modal__wrapper').fadeIn(300);	
					$('body,html').css("overflow-y"  ,"hidden");
				}else{
					document.getElementById("formCheckout").submit();	
				}
				
			}
		});
		
	});

	$(document).on('click','.btnplaceorderpresc',function(){
		document.getElementById("formCheckout").submit();
	});


	//$('#btnCalcShipping').click(function(){
	$(document).on('click','.calc_shipping',function(){

	    if($('#inpAddress').val()==''||
	    	     $('#inpCity').val()==''||   
	    	     $('#inpZipcode').val()==''||
	    	     $('#inpState').val()=='' ||
	    	     $('#inpInstruction').val()==''){    	
		  alert('All fields are required');
		  return;
	    }

	    var dat=JSON.stringify({			
	    	 "country":  $('#cod_country').val(),
			 "address":$('#inpAddress').val(),
		     "city":$('#inpCity').val(),	     
		     "zipcode":$('#inpZipcode').val(),
		     "state":$('#inpState').val(),
		     "fullname":$('#inpName').val(),
		     "phone":$('#inpMobile').val(),
		     "mail":$('#inpEmail').val(),
		     "instructions":$('#inpInstruction').val(),
		     "cod_country": $('#cod_country').val(),
		     }); 
	    
		$.ajax({
			url : '/shoppingcart/estimatecost',
			type : 'post',
			data: dat,
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
				 'Accept': 'application/json',
			     'Content-Type': 'application/json' 
			},
			beforeSend : function() {
				$("#calcMessage").html('<img src="/imgs_old/loading.gif" style="height: 20px;width: 20px"> Calculating price..');
			},
			success : function(map, status, xhr) {
				    
				var opts='';
				var list = map.lstShipping;

				if(!list || list.length===0){
					
					$("#totalShipping").html(map.totalShipping);
		 			$("#divTotal").html(map.divTotal);	 			
		 			$("#nameShippingSelected").html(map.message);	 			
		 				 			
		 			//$('#btnPlaceOrder').show();
		 			document.getElementById("btnPlaceOrder").style.display = "block";	
		 			
				}
				
				if(list){
								
					for(var i=0;i<list.length;i++){
						
						opts+='<a class="shipping-option" style="cursor:pointer" id="shdiv'+list[i].id+'" data-id="'+list[i].id+'"><div class="left__" >'
						opts+='<span>'+(list[i].type==='sendle'?'Sendle':'Australia post')+'</span>'
						opts+='<p>'+list[i].name+'</p>'
						opts+='<span class="date">'+list[i].eta+'</span></div>'
						opts+='<div class="right__"><p>$'+list[i].price+'</p></div></a>'				  
					}
				}
				$('#divCouriers').html(opts);
				$('#divShipping').show();
	 			$("#calcMessage").html("");
			}
		});
	});

	
	$(document).on('click', '.shipping-option' ,function (event) {
		
		$('#divCheckout').hide();
		var id = $(this).data('id');
		
		$.ajax({
			url : '/shoppingcart/selectshippingoption?id='+id,
			type : 'post',		
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val(),
			},
			beforeSend : function() {
				$("#calcMessage").html('<img src="/imgs/loading.gif" style="height: 20px;width: 20px">');
			},
			success : function(map, status, xhr) {
				
				$("#totalShipping").html('$'+map.selectedShipping.price);
	 			$("#totalCart").html('$'+map.total);
	 			
	 			$("#nameShippingSelected").html((map.selectedShipping.type==='sendle'?'Sendle':'Australia post')+'<br>'+map.selectedShipping.name);
	 			
	 			document.getElementById("btnPlaceOrder").style.display = "flex";
	 			
	 			$('.step:nth-child(3)').removeClass('filled').addClass("active");
	 			const divs = [...document.querySelectorAll(".shipping-option")];
	 			
	 			for(var i=0;i<divs.length;i++){ 				
	 				$('#'+divs[i].id).css("border", "1px solid grey");
	 			}
	 			
	 			$('#shdiv'+id).css("border", "2px solid #EC6A1B");
	 			
	 			$('#calcMessage').html('')
	 			$('#divCheckout').show();
			}
		});
	});
	  


	$(document).on('click','.clear_shoppingcart',function(e){
		
		e.preventDefault();
		if(!confirm('Confirm delete all items')){
			return;
		}

		$.ajax({
			url : '/shoppingcart/clearshoppingcart',
			type : 'POST',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},			
			beforeSend : function() {
				// perform the action..
			},
			success : function(branches, status, xhr) {
				window.location.reload();
			}
		});
	});

	$(document).on('click', '.deletefromcart' ,function (event) {
		event.preventDefault();
		deleteFromCart(this.dataset.id);	
	});
	
	$('.booking__button').on("click" ,function(e){
		e.preventDefault();
		$(this).closest('.modal__wrapper').fadeOut(300);		
		$('.modal__box.bookings').closest('.modal__wrapper').fadeIn(300);
		$('body,html').css("overflow-y" ,"hidden");	
		loadPageServices();
		
	});
	
	
	
	function loadPageServices(){
	
		$.ajax({
			url : '/bookings/retrieve-serivices',
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},			
			beforeSend : function() {
				// perform the action..
			},
			success : function(resp, status, xhr) {
				$('#divBooking').html(resp);
			}
		});
	}
	
	$(document).on('change','.cls_select_service' ,function(e){
		
        e.preventDefault();
		
		if($('#cmbService').val()==-1){
			return;
		}
		
		$.ajax({
			url : '/bookings/professionals-by-service',
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},
			data: {
				"idService": $('#cmbService').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(resp, status, xhr) {
				$("#cmbProfessional").empty();
				var dropdown = $("#cmbProfessional");
				
				for(var i=0;i<resp.length;i++){
				   dropdown.append($('<option></option>').val(resp[i].idProfessional).html(resp[i].nameProfessional));
				}
			}
		});		
	});
	
	
    $(document).on('click','.clc_next_calendar' ,function(e){
		
        e.preventDefault();
		
		if($('#cmbService').val()==-1){
			alert('Please select service and profesional');		
			return;
		}
		
		
		if($('#cmbService') && $('#cmbProfessional') && $('#cmbService').val() && $('#cmbProfessional').val()){
			$('#inptIdService').val($('#cmbService').val());
			$('#inptIdProfessional').val($('#cmbProfessional').val());
		}/*
		else{
			$('#inptIdService').val($('#cmbService').val());
			$('#inptIdProfessional').val($('#cmbProfessional').val());
		}*/
		
		$.ajax({
			url : '/bookings/calendar-page',
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},
			data: {
				"idService": $('#inptIdService').val(),
				"idProfessional": $('#inptIdProfessional').val(),
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(resp, status, xhr) {
				
				$('#divBooking').html(resp);
				
				//------restrict days---
				var arrayDates=["20-06-2024","21-06-2024","22-06-2024","23-06-2024","24-06-2024"];
				//------restrict days---
				
				$('#bookingCalendar').datepicker({
					inline:true,
					autoPick:true,
					minDate: 0,
					startDate: '-0m',
					beforeShowDay: function(date) {
			         alert(date);
			            return [isAllowedWeekday(date), ""];
			        }
					/*beforeShowDay: function(date){
						
						var string = jQuery.datepicker.formatDate('dd-mm-yy',date);
					
						return [arrayDates.indexOf(string)== -1];
					}*/
				});
				
				
			},
			error(x,a){
				alert(a);
			}
		});		
	});
    
    
  $(document).on('click','.clc_next_booking' ,function(e){
		
        e.preventDefault();
		
		if($('#cmbService').val()==-1){
			alert('Please select service and profesional');		
			return;
		}
		
		$.ajax({
			url : '/bookings/booking-page',
			type : 'GET',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},
			data: {			
				"idService": $('#inptIdService').val(),
				"idProfessional": $('#inptIdProfessional').val(),
				"date": $('#bookingCalendar').datepicker('getDate')
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(resp, status, xhr) {
			    
			    let mainDiv='<div class="form__wrapper" style="text-align: center;width: 100%;overflow-y:scroll;max-height:200px; margin-bottom:20px">';
			    let hoursDiv='';
			    const thisTime = resp.thisTime;
			    const dateBooking = resp.dateBooking;
			    
			    if(resp.agenda.length===0){
			    	mainDiv+='There is no hours available for this date'
			    }
			    
				for(var i=0;i<resp.agenda.length ;i++){
					
					const blocks = resp.agenda[i][1];
					
					for(var j=0;j<blocks.length ;j++){
					
					    var booking = blocks[j][1];
					    
					    if(!booking &&  thisTime<parseInt(dateBooking+blocks[j][0].toString())){												
							hoursDiv+= '<div class="hour" data-idbooking="'+dateBooking+blocks[j][0].toString()+''+'">'
							hoursDiv+= blocks[j][0].toString().substring(0,2)+':'+blocks[j][0].toString().substring(2,4);
							hoursDiv+= '</div>';							
						}
					}
				}				
				mainDiv += hoursDiv+'</div>';
				mainDiv +='<div class="group__submit cls_div_booking" style="text-align: center;">'
   						+'   <button type="button" style="width: 45%;float: left;margin-left: 10px" class="clc_next_calendar">"Back"</button>'
   						+'   <button type="button" style="width: 45%;float: left;margin-left: 10px" class="cls_booking">"Next"</button>'
   						+'</div>'
				$('#divBooking').html(mainDiv);
			}
		});		
	});
  
  $(document).on('click','.hour' ,function(e){
		 $('.hour').css("background-color", "white");
		 $('.hour:hover').css("background-color", "#6AD9BE");
		 $(this).css("background-color", "#6AD9BE");
		 $('#inptIdBooking').val($(this).data('idbooking'));
  });
  
  $(document).on('click','.cls_booking' ,function(e){
			
  		if($('#inptIdBooking').val()==-1){
  			alert('Select hour and press button book');  		
			return;	
		}
  		
  		e.preventDefault();
  		
  		if(!confirm('Confirm the booking?')){
  			return;
  		}
  		
		 $.ajax({
			url : '/bookings/perform-booking',
			type : 'POST',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},
			data: {			
				"idService": $('#inptIdService').val(),
				"idProfessional": $('#inptIdProfessional').val(),
				"idBooking": $('#inptIdBooking').val()
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(resp, status, xhr) {
			    
				if(resp){
					alert('The booking was made successfuly');
				}else{
					alert('Could not perform the booking, please try again later');				
				}
				
				$('.modal__box.bookings').closest('.modal__wrapper').fadeOut(200);
			}
		});		
  });
  

  $(document).on('click','.cls_request' ,function(e){
		
		
		e.preventDefault();
		
		/*
		if(!confirm('Confirm to request price for this product?')){
			return;
		}*/
		
		let id = ($('#inptIdProdSeo').val()?$('#inptIdProdSeo').val():$('#inptIdProd').val());
		id = (id?id:$(this).data('id'));
		
		
		 $.ajax({
			url : '/request-product',
			type : 'POST',
			headers: {
				[$('#_csrf_header').val()]: $('#_csrf').val()
			},
			data: {			
				"idProduct": id,
			},
			beforeSend : function() {
				// perform the action..
			},
			success : function(rs, status, xhr) {
			    

				if(rs.login){
					$('#divMsgPpo').html(rs.msg);
					$('#divMsgPpo').show();
					$('.modal__box.login').closest('.modal__wrapper').fadeIn(300);
					$('body,html').css("overflow-y"  ,"hidden");
				}else{
					if(rs.resp){
						alert('The request was made successfuly');
						$('#btnRequestPrice'+id).hide();
						$('#msgreqprice'+id).html('The price is being confirmed');
						$('#msgreqprice'+id).show();
						$('#divMessagerequest').html('The price is being confirmed');					
					}else{
						alert('Could not perform the request, please try again later');				
					}
					
					$('.modal__box.login').closest('.modal__wrapper').fadeOut(200);	
				}
				
				
			}
		});		
});
  
    
</script>
	<script src="/js/script.js"></script>
	
	<script>
	$('.close__button').hide();
			$('.box').closest('.login__wrapper').fadeIn(300);
			$('body,html').css("overflow-y" ,"hidden");
		
	</script>
</body>
</html>