var productsListTemplate = `
<div class="col-12 product productitem mb-3" id="{{item.id}}" data-item="{{item}}">
	<div class="card shadow-sm">
		<div class="card-body">
			<div class="row">
				<div class="col-4 col-md-3 col-lg-2 text-center">
					<img class="prod-image productimage" src="{{productimage}}" alt="{{item.details}}">
				</div>
				<div class="col-4 col-md-6 col-lg-8">
					<div class="tag catname">{{item.CategoryName}}</div>
					<div class="productname">
						<a href="{{viewlink}}">{{item.details}}</a>
					</div>
				</div>
				<div class="col-4 col-md-3 col-lg-2 text-center">
					<div class="text-center badge bg-light border border-danger text-danger discounttag">{{discount}}</div>
					<div class="price price">{{pricetag}}</div>
					<div class="buttons">{{add2cart}}</div>
				</div>
			</div>
		</div>
	</div>
</div>
`;

var productsListCSS = `
<style type="text/css">
.productitem .card-title, .productitem .card-body .catname { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.productitem .card-body img { width: 100%; height: 100%; max-height: 120px; object-fit: contain; }
.productitem .card-body .discounttag { float: right; position: absolute; z-index: 3; }
.productitem .price { font-size: 1.125rem; font-weight: bold; margin-bottom: 2rem; }
.productitem .price s { font-size: 0.75rem; display: block; margin-bottom: 0.5rem; margin-left: -4rem; }
</style>
`;

var companyDetail = '{"id":"101","Name":"Asset Recovery Zone","Address":"2901 Carmody Blvd.","Country":"Usa","State":"Oh","City":"Middletown","Zip":"45042","Phone":"1-513-423-8866","Notes":null,"Deleted":"0","Url":"assetrecoveryzone.com","Logo":"65b800681451d.png","Street2":null,"Time_Zone":"America\/New_York","Email":"ASSETRECOVERY@INTERSCOPEMFG.COM","AccountTypeId":"1","isDemo":null,"SubscriptionActive":"1","Subscription_Expiration":"2024-08-23 11:27:25","SubscriptionName":"Free","Subscription_Period":"Monthly","SubscriptionId":"1","AutoRenewActive":"1","billing_agreement_id":"I-VBBHSD2DY6SM","webPageActive":"1","braintreeSubscriptionId":null,"EstimatedNo":null,"teamSize":null}';