WE 'God of War' P99 Style 6mm Airsoft Pistol Tan RIF GBB

WE 'God of War' P99 Style 6mm Airsoft Pistol Tan RIF GBB

Be the first to review this product

SKU: WE0084-1

Availability: In stock

6mm Gas blow back pistol

Quantity

Spread the cost with

View Options

Payl8r is a simple payment option that enables you to buy the items you want today, and spread the cost over a period that suits you. Minimum order of £50.

More Information

Manufacturer	WE
SKU	WE0084-1
Calibre	6mm (Airsoft)
Mechanism	Gas Blow Back

Details

This uses a 23 BB capacity double stack magazine, metal slide, fixed sights, plastic grips, working de-cocker, and a cocked indicator in the back of the slide. This is firing up to 330 fps with green gas. As this has a metal top slide, we recommend using Green gas with this pistol.

This uses WE's new tried and tested larger nozzle, which allows for a much faster travelling slide and greater gas efficiency. It feels snappier in the hand and can manage a lot more shots per as fill compared to older WE pistols.

</p> <p><span style="text-decoration: underline; color: #000000; font-size: medium;"><strong><span style="text-decoration: underline;"> You MUST be 18 or over to purchase this.</span></strong></span></p> <p><span style="font-size: medium; color: #ff0000;"><strong><a title="BB Guns & The Law" href="https://www.surplusstore.co.uk/bb-gun-law/" target="_blank" rel="noopener"><span style="color: #ff0000;">Please note this is a VCRA applicable Realistic Imitation Firearm. You must be UKARA registered (or have a defence under the VCRA) to purchase this as is, for more information please click here. Please contact us or state your UKARA registration number in the comments box when you order.</span></a></strong></span></p> <p><span style="font-size: medium; color: #ff0000;"><strong><a title="BB Guns & The Law" href="https://www.surplusstore.co.uk/bb-gun-law/" target="_blank" rel="noopener"><span style="color: #ff0000;">If needed we can spray this for you (at an extra cost of £10.00) so that it meets the requirements to allow anyone over 18 to purchase this. Please select this option from the menu above.</span></a></strong></span></p> <p><span style="color: #000000; font-size: medium;"> </span></p></div>  <script> const description = document.getElementById("description"); const gallery = document.getElementById("prod-gallery"); const mainInfo = document.getElementById("maininfoinner"); var viewportWidth = window.innerWidth || document.documentElement.clientWidth; if (viewportWidth < 1024 && viewportWidth > 768) { gallery.after(description); } else { mainInfo.after(description); } window.addEventListener('resize', function () { viewportWidth = window.innerWidth || document.documentElement.clientWidth; if (viewportWidth < 1024 && viewportWidth > 768) { gallery.after(description); } else { mainInfo.after(description); } }, false); </script> </div> </section> </div> <div class="fbt"> <script> function bssFBT() { return { qty:'1', contentPop:'', openPop: false, selectAll: true, show : true, toggleCheckboxProducts() { this.selectAll = !this.selectAll checkboxes = document.querySelectorAll('.fbt-product-select'); [...checkboxes].map((el) => { el.checked = this.selectAll; }) }, validate : function(formData) { return formData.get('fbt-product-select[]') === null; }, closePopup : function () { this.openPop = false, location.reload(); }, addProduct : function (form,url){ const formData = new FormData(form); if(this.validate(formData)){ alert('Please select product'); } else { fetch(url,{ headers:{ contentType: `application/x-www-form-urlencoded; charset=UTF-8`, }, body: formData, method: `POST`, mode: `cors`, credentials: `include` }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.contentPop = obj; this.openPop = true; }) } }, changeProduct(ele){ document.getElementById("preview_"+ ele.id).parentNode.parentNode.style.display = ele.checked ? "flex" : "none"; let numberProduct = document.querySelectorAll('.fbt-product-select'); let groupedProduct = 0; let countProduct = 0; document.querySelectorAll('.preview_product').forEach(function (element){ if(element.getAttribute("name") === 'grouped'){ groupedProduct++; } }) numberProduct.forEach(function (element){ if(element.checked === true){ countProduct++; } }) this.show= groupedProduct + countProduct > 0 ? true : false; }, changeAllProduct(ele){ let groupedProduct = false; document.querySelectorAll('.preview_product').forEach(function (element){ if(element.getAttribute("name") !== 'grouped'){ element.parentNode.parentNode.style.display = ele.checked ? "flex" : "none"; } else { groupedProduct = true; } }) this.show= !groupedProduct ? ele.checked : true; } } } </script> <div x-data="bssFBT()"> <div id="slideFBT" x-show="show"> <section> <div class="relative"> <div class="border-b border-ssSand mb-32"> <h2 class="text-productPricing md:text-productName uppercase font-bold pb-15"> Frequently Bought Together </h2> </div> <div class="relative w-full overflow-x-hidden"> <div class="relative flex flex-wrap w-full overflow-auto js_slides snap" @scroll.debounce="calcActive" > <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="3996" data-price="119.990000"> <div> <div id="preview_product_445" class="preview_product" name="simple"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/7488fbfc0c300d149ff2cb35bebb06e5/w/e/we-p99-tan-1.jpg" alt="WE 'God of War' P99 Style 6mm Airsoft Pistol Tan RIF GBB" loading="lazy" width="" height=""> </div> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <span class="product-item-link"> <strong>This Item:</strong> WE 'God of War' P99 Style 6mm Airsoft Pistol Tan RIF GBB </span> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £119.99 </div> </div> </div> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="1864" data-price="12"> <div> <div id="preview_product_1864" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product1864')}" type="checkbox" id="product_1864" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="1864" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty1864')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_1864" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/blaster-devil-0-25g-3000.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/3/0/3000-0.25-devil-blaster.jpg" alt="Blaster Devil 0.25g 6mm BBs Now 3300 Bottles" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/blaster-devil-0-25g-3000.html"> Blaster Devil 0.25g 6mm BBs Now 3300 Bottles </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £12.00 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '1864', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="1924" data-price="9.99"> <div> <div id="preview_product_1924" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product1924')}" type="checkbox" id="product_1924" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="1924" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty1924')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_1924" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/nuprol-2-0-green-gas.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/n/u/nuprol-2.0-green-gas.jpg" alt="Nuprol 2.0 High Performance Green Gas" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-2-0-green-gas.html"> Nuprol 2.0 High Performance Green Gas </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £9.99 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '1924', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="1925" data-price="14.99"> <div> <div id="preview_product_1925" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product1925')}" type="checkbox" id="product_1925" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="1925" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty1925')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_1925" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/nuprol-3-0-gas.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/n/u/nuprol-3.0-new.jpg" alt="Nuprol 3.0 High Power Airsoft Gas" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-3-0-gas.html"> Nuprol 3.0 High Power Airsoft Gas </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £14.99 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '1925', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="2929" data-price="12.99"> <div> <div id="preview_product_2929" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product2929')}" type="checkbox" id="product_2929" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="2929" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty2929')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_2929" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/g-g-4000-0-25g-bb.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/g/_/g_g-0.25g-bbs.jpg" alt="G&G PSBP 4000 0.25g 6mm BBs" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/g-g-4000-0-25g-bb.html"> G&G PSBP 4000 0.25g 6mm BBs </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £12.99 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '2929', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="4424" data-price="14.99"> <div> <div id="preview_product_4424" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product4424')}" type="checkbox" id="product_4424" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="4424" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty4424')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_4424" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/nuprol-pistol-case-green-wave.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/n/u/nuprol-nhc-06-pistol-case-green.jpg" alt="Nuprol Hard Pistol Case Green Wave Foam" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-pistol-case-green-wave.html"> Nuprol Hard Pistol Case Green Wave Foam </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £14.99 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '4424', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="4425" data-price="14.99"> <div> <div id="preview_product_4425" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product4425')}" type="checkbox" id="product_4425" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="4425" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty4425')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_4425" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/nuprol-pistol-case-grey-wave.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/n/u/nuprol-nhc-06-pistol-case-grey.jpg" alt="Nuprol Hard Pistol Case Grey Wave Foam" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-pistol-case-grey-wave.html"> Nuprol Hard Pistol Case Grey Wave Foam </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £14.99 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '4425', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> <div class="w-1/2 relative fbt-item _selected px-12 pb-12" data-id="4426" data-price="14.99"> <div> <div id="preview_product_4426" class="preview_product" name="simple"> <div class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer"> <input @change="{$dispatch('product4426')}" type="checkbox" id="product_4426" class="fbt-product-select absolute right-4 top-2 text-ssGreen w-20 h-20 z-50 cursor-pointer" value="4426" @click="calculateFinalPrice()" checked> <input @change="{$dispatch('qty4426')}" x-ref="qty" x-model="qty" type="text" class="hidden" id="qty_4426" placeholder="0" value="1" > </div> <a href="https://www.surplusstore.co.uk/nuprol-pistol-case-tan-wave.html" class="relative flex items-center bg-white pt-[100%]" tabindex="-1"> <div class="relative w-full"> <div class="img-overlay">   </div> <img class="object-contain m-auto w-full product-image-photo" style="max-height:220px;height:100vh;" src="https://www.surplusstore.co.uk/media/catalog/product/cache/1259e36015315731243970e044a27e09/n/u/nuprol-nhc-06-pistol-case-tan.jpg" alt="Nuprol Hard Pistol Case Tan Wave Foam" loading="lazy" width="" height=""> </div> </a> <div class="fbt-preview1 w-full"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-pistol-case-tan-wave.html"> Nuprol Hard Pistol Case Tan Wave Foam </a> </div> <div class="pt-1 text-ssSand font-bold text-productPricing"> £14.99 </div> </div> </div> <script> // Define the redirectComponent function in the global scope function redirectComponent() { return { handleRedirect() { setTimeout(() => { window.location.href = 'https://www.surplusstore.co.uk/checkout/cart'; // URL should be in quotes }, 4000); } }; } function productfail() { return { id : '4426', openPopup : false, content: '', doPostRequest(form) { const action = form.action; const formData = new FormData(form); fetch(action, { headers: { contentType: "application/x-www-form-urlencoded; charset=UTF-8", }, body: formData, method: "POST", mode: "cors", credentials: "include", }) .then(response => { return response.json(); }) .then(response => { let obj = response.popup.replace(/[\n\t'']+/g, ''); this.content = obj; this.openPopup = true; /*let event = new CustomEvent("showpop"+this.id, {bubbles: true, detail: this.content}); // (2) document.getElementById('popup_'+this.id).dispatchEvent(event);*/ this.contentPop = obj; }) } }; } </script> <script> function calculateFinalPrice(){ setTimeout(function(){ var prices = document.querySelectorAll('#product_fbt_form_popup table tr .price-wrapper '); var finalPrice = 0; prices.forEach(function (price, index) { const isVisible = window.getComputedStyle(price.closest('tr')).display !== 'none'; if(isVisible){ finalPrice += +price.dataset.priceAmount; } }); document.querySelector('#fbtAddToBasketValue').innerHTML = '£' + finalPrice.toFixed(2); },500) } calculateFinalPrice(); </script> </div> </div> </div> </div> </div> </section> </div> <form x-ref="form" action="https://www.surplusstore.co.uk/fbt/wishlist/Add/" method="post" id="product_fbt_form_popup"> <input name="form_key" type="hidden" value="k6Dx3W2hBWg05NDJ" /> <table class="fbt-preview2 max-w-lg hidden"> <thead> <tr> <th>Products Name</th> <th>Qty</th> <th>Unit Price</th> </tr> </thead> <tbody> <tr class="h-12" x-data="{product3996: true}" x-show="product3996" @product3996.window="{product3996 = $event.target.checked}" @allproduct.window="{product3996 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"> WE 'God of War' P99 Style 6mm Airsoft Pistol Tan RIF GBB </span> </td> <td> <div x-data="{qty3996 : 1}"> <span x-text="qty3996" @qty3996.window="{qty3996 =$event.target.value}" class="fbt-qty" name="3996_qty">1</span> <input style="display: none" type="text" class="fbt-qty" name="3996_qty" placeholder="0" :value="qty3996"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="3996" data-price-box="product-id-3996"> <span class="price-container price-final_price tax weee"> <span id="product-price-3996" data-price-amount="119.990000" data-price-type="finalPrice" class="price-wrapper "> <span class="price"> £119.99 </span> </span> </span> </div> </td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_3996" class="fbt-product-select12" value="3996" :checked="product3996" checked="checked"> </td> </tr> <tr class="h-12" x-data="{product1864: true}" x-show="product1864" @product1864.window="{product1864 = $event.target.checked}" @allproduct.window="{product1864 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="Blaster Devil 0.25g 6mm BBs Now 3300 Bottles" href="https://www.surplusstore.co.uk/blaster-devil-0-25g-3000.html"> Blaster Devil 0.25g 6mm BBs Now 3300 Bottles</a> </span> </td> <td> <div x-data="{qty1864 : 1}"> <span x-text="qty1864" @qty1864.window="{qty1864 =$event.target.value}" class="fbt-qty" name="1864_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="1864_qty" placeholder="0" :value="qty1864"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="1864" data-price-box="product-id-1864"> <span class="price-container price-final_price tax weee" > <span id="product-price-1864" data-price-amount="12" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£12.00</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_1864" class="fbt-product-select12" value="1864" :checked="product1864"> </td> </tr> <tr class="h-12" x-data="{product1924: true}" x-show="product1924" @product1924.window="{product1924 = $event.target.checked}" @allproduct.window="{product1924 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="Nuprol 2.0 High Performance Green Gas" href="https://www.surplusstore.co.uk/nuprol-2-0-green-gas.html"> Nuprol 2.0 High Performance Green Gas</a> </span> </td> <td> <div x-data="{qty1924 : 1}"> <span x-text="qty1924" @qty1924.window="{qty1924 =$event.target.value}" class="fbt-qty" name="1924_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="1924_qty" placeholder="0" :value="qty1924"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="1924" data-price-box="product-id-1924"> <span class="price-container price-final_price tax weee" > <span id="product-price-1924" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£9.99</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_1924" class="fbt-product-select12" value="1924" :checked="product1924"> </td> </tr> <tr class="h-12" x-data="{product1925: true}" x-show="product1925" @product1925.window="{product1925 = $event.target.checked}" @allproduct.window="{product1925 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="Nuprol 3.0 High Power Airsoft Gas" href="https://www.surplusstore.co.uk/nuprol-3-0-gas.html"> Nuprol 3.0 High Power Airsoft Gas</a> </span> </td> <td> <div x-data="{qty1925 : 1}"> <span x-text="qty1925" @qty1925.window="{qty1925 =$event.target.value}" class="fbt-qty" name="1925_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="1925_qty" placeholder="0" :value="qty1925"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="1925" data-price-box="product-id-1925"> <span class="price-container price-final_price tax weee" > <span id="product-price-1925" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_1925" class="fbt-product-select12" value="1925" :checked="product1925"> </td> </tr> <tr class="h-12" x-data="{product2929: true}" x-show="product2929" @product2929.window="{product2929 = $event.target.checked}" @allproduct.window="{product2929 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="G&G PSBP 4000 0.25g 6mm BBs" href="https://www.surplusstore.co.uk/g-g-4000-0-25g-bb.html"> G&G PSBP 4000 0.25g 6mm BBs</a> </span> </td> <td> <div x-data="{qty2929 : 1}"> <span x-text="qty2929" @qty2929.window="{qty2929 =$event.target.value}" class="fbt-qty" name="2929_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="2929_qty" placeholder="0" :value="qty2929"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="2929" data-price-box="product-id-2929"> <span class="price-container price-final_price tax weee" > <span id="product-price-2929" data-price-amount="12.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£12.99</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_2929" class="fbt-product-select12" value="2929" :checked="product2929"> </td> </tr> <tr class="h-12" x-data="{product4424: true}" x-show="product4424" @product4424.window="{product4424 = $event.target.checked}" @allproduct.window="{product4424 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="Nuprol Hard Pistol Case Green Wave Foam" href="https://www.surplusstore.co.uk/nuprol-pistol-case-green-wave.html"> Nuprol Hard Pistol Case Green Wave Foam</a> </span> </td> <td> <div x-data="{qty4424 : 1}"> <span x-text="qty4424" @qty4424.window="{qty4424 =$event.target.value}" class="fbt-qty" name="4424_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="4424_qty" placeholder="0" :value="qty4424"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="4424" data-price-box="product-id-4424"> <span class="price-container price-final_price tax weee" > <span id="product-price-4424" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_4424" class="fbt-product-select12" value="4424" :checked="product4424"> </td> </tr> <tr class="h-12" x-data="{product4425: true}" x-show="product4425" @product4425.window="{product4425 = $event.target.checked}" @allproduct.window="{product4425 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="Nuprol Hard Pistol Case Grey Wave Foam" href="https://www.surplusstore.co.uk/nuprol-pistol-case-grey-wave.html"> Nuprol Hard Pistol Case Grey Wave Foam</a> </span> </td> <td> <div x-data="{qty4425 : 1}"> <span x-text="qty4425" @qty4425.window="{qty4425 =$event.target.value}" class="fbt-qty" name="4425_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="4425_qty" placeholder="0" :value="qty4425"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="4425" data-price-box="product-id-4425"> <span class="price-container price-final_price tax weee" > <span id="product-price-4425" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_4425" class="fbt-product-select12" value="4425" :checked="product4425"> </td> </tr> <tr class="h-12" x-data="{product4426: true}" x-show="product4426" @product4426.window="{product4426 = $event.target.checked}" @allproduct.window="{product4426 = $event.target.checked}"> <td class="px-6 w-8/12"> <span class="product name product-item-name"><a class="product-item-link" title="Nuprol Hard Pistol Case Tan Wave Foam" href="https://www.surplusstore.co.uk/nuprol-pistol-case-tan-wave.html"> Nuprol Hard Pistol Case Tan Wave Foam</a> </span> </td> <td> <div x-data="{qty4426 : 1}"> <span x-text="qty4426" @qty4426.window="{qty4426 =$event.target.value}" class="fbt-qty" name="4426_qty" >1</span> <input style="display: none" type="text" class="fbt-qty" name="4426_qty" placeholder="0" :value="qty4426"> </div> </td> <td class="text-center w-full"> <div class="price-box price-final_price" data-role="priceBox" data-product-id="4426" data-price-box="product-id-4426"> <span class="price-container price-final_price tax weee" > <span id="product-price-4426" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div></td> <td class="hidden"> <input type="checkbox" name="fbt-product-select[]" id="product_4426" class="fbt-product-select12" value="4426" :checked="product4426"> </td> </tr> </tbody> </table> <div class="block md:flex border-t border-ssSand mt-32 pt-24 justify-between items-start"> <div class="w-full md:w-1/2 mb-5 lg:mb-0 text-productName text-almostBlack font-bold flex"> Total<span class="block lg:hidden xl:block ml-2"> price</span>: <span id="fbtAddToBasketValue" class="text-ssSand ml-2"></span> </div> <div class="py-0.5 relative"> <button class="btn btn-large w-full min-h-50 relative" @click.prevent="addProduct($refs.form,'https://www.surplusstore.co.uk/fbt/cart/addMultiple/')" @click="loadingFBT()" type="button" title="Add all products to Cart"> <span>Add All To Basket</span> </button> </div> </div> </form> <div id="popup" x-show="openPop" @continue.window="closePopup()" @closePop.window ="closePopup()" @countdown.window="closePopup()" x-transition style="display: none;"> <div class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 z-99"> <div @click.away="closePopup()" class="inline-block overflow-auto bg-white shadow-xl rounded-lg p-10" style="max-height:450px'"> <div x-ref="popup" x-html="contentPop" class="max-h-96"></div> <input type="hidden" name="" id="currency-add" value="£"> </div> </div </div> </div> <script> function actionPopup() { return { countdown : 500, init(){ var Interval = window.setInterval(() => { if(this.countdown > 0) {this.countdown = this.countdown - 1;} else { location.reload(); window.clearInterval(Interval);} }, 1000) } } } function loadingFBT(){ document.querySelector('#product_fbt_form_popup .btn-large span').classList.add('loading-sm'); document.querySelector('#product_fbt_form_popup .btn-large span').innerHTML = ''; setTimeout(function(){ checkForTextWord('success'); },2000) } function checkForTextWord(word) { const popup = document.querySelector('.popup'); if(popup){ const content = popup.textContent || popup.innerText; if (content.includes(word)) { location.href = "https://www.surplusstore.co.uk/checkout/cart" } } } </script> </div> </div> <section class="col-span-2"> <div class="product-slider order-4 w-full flex flex-wrap mt-48 md:mt-32"> <div class="w-full"> <section class="text-gray-700 body-font lg:px-4"> <div class="relative"> <div class="border-b border-ssSand mb-32"> <h2 class="text-smh2 md:text-productName uppercase font-bold pb-15"> Related Products </h2> </div> <div class="related-products max-w-fullWidth m-auto"> <div class="hidden lg:block glide__arrows absolute z-auto right-5 top-0" data-glide-el="controls"> <button class="glide__arrow glide__arrow--left hidden lg:inline w-32 h-32 mx-2 text-black bg-ssGreen rounded-full outline-none focus:outline-none" data-glide-dir="<"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5 m-auto text-white" width="25" height="25"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path> </svg> </button> <button class="glide__arrow glide__arrow--right w-32 h-32 mx-2 text-black bg-ssGreen rounded-full outline-none focus:outline-none" data-glide-dir=">"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5 m-auto text-white" width="25" height="25"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path> </svg> </button> </div> <div class="glide__track flex-none relative w-full overflow-x-hidden focus-within:ring-1 active:ring-0 ring-blue-500 ring-opacity-50" data-glide-el="track"> <ul class="glide__slides new-carousel relative w-full overflow-auto transition-all js_slides snap"> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL2JiLWd1bnMvcmVhbGlzdGljLWJiLXBpc3RvbHMvZ2FzL3dlLWN1c3RvbS1iaWctYmlyZC1ibGFjay1ibGFjay1zbGlkZS1hbmQtZ29sZC1iYXJyZWwtYWlyb2Z0LXBpc3RvbC5odG1s/product/1864/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="n5v3ArN2ba6w7wkT" /> <input type="hidden" name="product" value="1864"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"282","item_list_name":"Airsoft\/Airsoft Pistols\/Gas","items":[{"item_name":"Blaster Devil 0.25g 6mm BBs Now 3300 Bottles","item_id":"asa002","price":12,"index":null,"item_category":"Airsoft","item_list_name":"Airsoft\/Airsoft Pistols\/Gas","item_list_id":"282","item_brand":"ASG","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/blaster-devil-0-25g-3000.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-1864.window="$el.src = $event.detail" alt="Blaster Devil 0.25g 6mm BBs Pack of 3000" title="Blaster Devil 0.25g 6mm BBs Pack of 3000" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/3/0/3000-0.25-devil-blaster.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/blaster-devil-0-25g-3000.html"> Blaster Devil 0.25g 6mm BBs Now 3300 Bottles </a> </div> <script> function initPriceBox__670ab132c9ef0() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670ab132c9ef0()" @update-prices-1864.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="1864" data-price-box="product-id-1864"> <span class="price-container price-final_price tax weee" > <span id="product-price-1864" data-price-amount="12" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£12.00</span></span> </span> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(1864)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(1864)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL2JiLWd1bnMvcmVhbGlzdGljLWJiLXBpc3RvbHMvYmVyZXR0YS12YXJpYW50cy93ZS1tOTJhMS12Mi1nYmItNm1tLWFpcnNvZnQtcGlzdG9sLmh0bWw~/product/1924/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="qrEFLRNjtB0EfG0e" /> <input type="hidden" name="product" value="1924"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"205","item_list_name":"Airsoft\/Airsoft Pistols\/Beretta & Variants","items":[{"item_name":"Nuprol 2.0 High Performance Green Gas","item_id":"GAS012","price":9.99,"index":null,"item_category":"Airsoft","item_list_name":"Airsoft\/Airsoft Pistols\/Beretta & Variants","item_list_id":"205","item_brand":"Nuprol","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/nuprol-2-0-green-gas.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-1924.window="$el.src = $event.detail" alt="Nuprol 2.0 High Performance Green Gas" title="Nuprol 2.0 High Performance Green Gas" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/n/u/nuprol-2.0-green-gas.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-2-0-green-gas.html"> Nuprol 2.0 High Performance Green Gas </a> </div> <script> function initPriceBox__670abb21c319e() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670abb21c319e()" @update-prices-1924.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="1924" data-price-box="product-id-1924"> <span class="price-container price-final_price tax weee" > <span id="product-price-1924" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£9.99</span></span> </span> <a href="https://www.surplusstore.co.uk/nuprol-2-0-green-gas.html" class="minimal-price-link"> <span class="price-container price-final_price tax weee" > <span class="price-label">As low as</span> <span id="1924" data-price-amount="9" data-price-type="" class="price-wrapper " >£9.00</span> </span> </a> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(1924)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(1924)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL2JiLWd1bnMvcmVhbGlzdGljLWJiLXBpc3RvbHMvYmVyZXR0YS12YXJpYW50cy93ZS1tOTJhMS12Mi1nYmItNm1tLWFpcnNvZnQtcGlzdG9sLmh0bWw~/product/1925/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="qrEFLRNjtB0EfG0e" /> <input type="hidden" name="product" value="1925"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"205","item_list_name":"Airsoft\/Airsoft Pistols\/Beretta & Variants","items":[{"item_name":"Nuprol 3.0 High Power Airsoft Gas","item_id":"gas008","price":14.99,"index":null,"item_category":"Airsoft","item_list_name":"Airsoft\/Airsoft Pistols\/Beretta & Variants","item_list_id":"205","item_brand":"Nuprol","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/nuprol-3-0-gas.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-1925.window="$el.src = $event.detail" alt="Nuprol 3.0 High Power Airsoft Gas" title="Nuprol 3.0 High Power Airsoft Gas" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/n/u/nuprol-3.0-new.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-3-0-gas.html"> Nuprol 3.0 High Power Airsoft Gas </a> </div> <script> function initPriceBox__670abb21cd558() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670abb21cd558()" @update-prices-1925.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="1925" data-price-box="product-id-1925"> <span class="price-container price-final_price tax weee" > <span id="product-price-1925" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> <a href="https://www.surplusstore.co.uk/nuprol-3-0-gas.html" class="minimal-price-link"> <span class="price-container price-final_price tax weee" > <span class="price-label">As low as</span> <span id="1925" data-price-amount="13.33" data-price-type="" class="price-wrapper " >£13.33</span> </span> </a> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(1925)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(1925)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL3ZmYy0xOTExLXRhY3RpY2FsLWN1c3RvbS02bW0tZ2JiLWFpcnNvZnQtcGlzdG9sLmh0bWw~/product/2929/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="HGIXeLMq4MPhjZIf" /> <input type="hidden" name="product" value="2929"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":null,"item_list_name":null,"items":[{"item_name":"G&G PSBP 4000 0.25g 6mm BBs","item_id":"ASA008","price":12.99,"index":null,"item_category":"Airsoft","item_list_name":null,"item_list_id":null,"item_brand":"G&G","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/g-g-4000-0-25g-bb.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-2929.window="$el.src = $event.detail" alt="G&G PSBP 4000 0.25g 6mm BBs" title="G&G PSBP 4000 0.25g 6mm BBs" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/g/_/g_g-0.25g-bbs.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/g-g-4000-0-25g-bb.html"> G&G PSBP 4000 0.25g 6mm BBs </a> </div> <script> function initPriceBox__670ab7d6cf218() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670ab7d6cf218()" @update-prices-2929.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="2929" data-price-box="product-id-2929"> <span class="price-container price-final_price tax weee" > <span id="product-price-2929" data-price-amount="12.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£12.99</span></span> </span> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(2929)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(2929)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> <div class="w-full js_slide"> <div class="item product product-item flex flex-col w-full "> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"282","item_list_name":"Airsoft\/Airsoft Pistols\/Gas","items":[{"item_name":"Nuprol 2.0 Mini High Performance Green Gas","item_id":"GAS018","price":6,"index":null,"item_category":"Airsoft","item_list_name":"Airsoft\/Airsoft Pistols\/Gas","item_list_id":"282","item_brand":"Nuprol","item_stock_status":"Out of stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/nuprol-2-0-mini-green-gas.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-4040.window="$el.src = $event.detail" alt="Nuprol 2.0 Mini High Performance Green Gas" title="Nuprol 2.0 Mini High Performance Green Gas" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/n/u/nuprol-2-0-mini-green-gas_1.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-2-0-mini-green-gas.html"> Nuprol 2.0 Mini High Performance Green Gas </a> </div> <script> function initPriceBox__670ab132d1ba6() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670ab132d1ba6()" @update-prices-4040.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="4040" data-price-box="product-id-4040"> <span class="price-container price-final_price tax weee" > <span id="product-price-4040" data-price-amount="6" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£6.00</span></span> </span> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(4040)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(4040)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </div> </div> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL2JiLWd1bnMvcmVhbGlzdGljLWJiLXBpc3RvbHMvZ2FzL3dlLWN1c3RvbS1iaWctYmlyZC1ibGFjay1ibGFjay1zbGlkZS1hbmQtZ29sZC1iYXJyZWwtYWlyb2Z0LXBpc3RvbC5odG1s/product/4424/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="n5v3ArN2ba6w7wkT" /> <input type="hidden" name="product" value="4424"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"282","item_list_name":"Airsoft\/Airsoft Pistols\/Gas","items":[{"item_name":"Nuprol Hard Pistol Case Green Wave Foam","item_id":"HCA034","price":14.99,"index":null,"item_category":"Airsoft","item_list_name":"Airsoft\/Airsoft Pistols\/Gas","item_list_id":"282","item_brand":"Nuprol","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/nuprol-pistol-case-green-wave.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-4424.window="$el.src = $event.detail" alt="Nuprol Hard Pistol Case Green" title="Nuprol Hard Pistol Case Green" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/n/u/nuprol-nhc-06-pistol-case-green.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-pistol-case-green-wave.html"> Nuprol Hard Pistol Case Green Wave Foam </a> </div> <script> function initPriceBox__670ab132d56c6() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670ab132d56c6()" @update-prices-4424.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="4424" data-price-box="product-id-4424"> <span class="price-container price-final_price tax weee" > <span id="product-price-4424" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(4424)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(4424)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL2JiLWd1bnMvcmVhbGlzdGljLWJiLXBpc3RvbHMvYnktcHJpY2UvdW5kZXItMTAwL3dlLWN0MjUtc2lsdmVyLXJpZi5odG1s/product/4425/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="dAAUkOaqqbfJZK2A" /> <input type="hidden" name="product" value="4425"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"286","item_list_name":"Airsoft\/Airsoft Pistols\/By Price\/Under \u00a3100","items":[{"item_name":"Nuprol Hard Pistol Case Grey Wave Foam","item_id":"HCA033","price":14.99,"index":null,"item_category":"Airsoft","item_list_name":"Airsoft\/Airsoft Pistols\/By Price\/Under \u00a3100","item_list_id":"286","item_brand":"Nuprol","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"1","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/nuprol-pistol-case-grey-wave.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-4425.window="$el.src = $event.detail" alt="Nuprol Hard Pistol Case Grey" title="Nuprol Hard Pistol Case Grey" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/n/u/nuprol-nhc-06-pistol-case-grey.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-pistol-case-grey-wave.html"> Nuprol Hard Pistol Case Grey Wave Foam </a> </div> <script> function initPriceBox__670ab4e42bd01() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670ab4e42bd01()" @update-prices-4425.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="4425" data-price-box="product-id-4425"> <span class="price-container price-final_price tax weee" > <span id="product-price-4425" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(4425)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(4425)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> <div class="w-full js_slide"> <form method="post" action="https://www.surplusstore.co.uk/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuc3VycGx1c3N0b3JlLmNvLnVrL3ZmYy0xOTExLXRhY3RpY2FsLWN1c3RvbS02bW0tZ2JiLWFpcnNvZnQtcGlzdG9sLmh0bWw~/product/4426/" class="item product product-item test product_addtocart_form flex flex-col w-full " > <input name="form_key" type="hidden" value="HGIXeLMq4MPhjZIf" /> <input type="hidden" name="product" value="4426"/> <a onclick="window.dataLayer.push({ecommerce: null}); window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":null,"item_list_name":null,"items":[{"item_name":"Nuprol Hard Pistol Case Tan Wave Foam","item_id":"HCA043","price":14.99,"index":null,"item_category":"Airsoft","item_list_name":null,"item_list_id":null,"item_brand":"Nuprol","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0"}]}});" href="https://www.surplusstore.co.uk/nuprol-pistol-case-tan-wave.html" class="product photo product-item-photo block mx-auto mb-3 relative " tabindex="-1"> <div class="img-overlay">   </div> <img class="max-h-cats hover:shadow-sm object-contain" loading="lazy" x-data="" @update-gallery-4426.window="$el.src = $event.detail" alt="Nuprol Hard Pistol Case Tan" title="Nuprol Hard Pistol Case Tan" src="https://www.surplusstore.co.uk/media/catalog/product/cache/5466dc81abfe84dcdd542fd7155d396b/n/u/nuprol-nhc-06-pistol-case-tan.jpg" width="360" height="360" /> </a> <div class="product-info flex flex-col flex-grow"> <div class="mt-2 mb-1 items-center justify-center text-ssDarkGrey font-bold text-btnSt text-left "> <a class="product-item-link" href="https://www.surplusstore.co.uk/nuprol-pistol-case-tan-wave.html"> Nuprol Hard Pistol Case Tan Wave Foam </a> </div> <script> function initPriceBox__670ab7d6c986a() { return { updatePrice(priceData) { const regularPriceLabel = this.$el.querySelector('.normal-price .price-label'); const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount); } } } </script> <div class="product-bottom flex justify-between item-center"> <div class="pt-1 text-ssSand font-bold text-productPricing" x-data="initPriceBox__670ab7d6c986a()" @update-prices-4426.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="4426" data-price-box="product-id-4426"> <span class="price-container price-final_price tax weee" > <span id="product-price-4426" data-price-amount="14.99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">£14.99</span></span> </span> </div> </div> <div class="flex flex-wrap justify-center items-center gap-20"> <button x-data="initWishlist()" @click.prevent="addToWishlist(4426)" aria-label="Add to Wish List" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/wishlist.svg" alt="Add To Wishlist" width="19" height="18" /> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(4426)" aria-label="Add to Compare" type="button" class="inline-flex flex-shrink-0 items-center justify-center"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/category/compare.svg" alt="Add To Wishlist" width="19" height="18" /> </button> </div> </div> </div> </form> </div> </ul> </div> </div> </div> </section> <script> new Glide('.related-products', { type: 'carousel', startAt: 0, perView: 4, breakpoints: { 678: { perView: 2, gap: 0 } } }).mount() </script> </div> </div> <section class="my-12 text-gray-700 body-font"> <template x-if="products && products.length"> <div class="relative"> <div class="container flex flex-col items-center pt-6 pb-3 mx-auto mb-6 border-b-2 border-gray-300 md:flex-row"> <h3 class="text-2xl font-medium text-gray-900 title-font"> We found other products you might like! </h3> </div> <div class="relative w-full overflow-x-hidden mx-12"> <div class="relative flex flex-nowrap w-full overflow-auto js_slides snap" id="we-found-other-products-you-might-like!" @scroll.debounce="calcActive" > <template x-for="product in products"> <div class="flex-none w-full py-1 js_slide md:w-1/2 lg:w-1/3 xl:w-1/4"> <div class="mx-1 card card-interactive"> <a :href="'https://www.surplusstore.co.uk/' + product.url_key + (product.url_suffix || '')" class="relative flex items-center bg-white product photo product-item-photo" style="padding-top:100%" tabindex="-1"> <span class="absolute top-0 left-0 flex flex-wrap content-center w-full h-full p-2 overflow-hidden align-center hover:shadow-sm"> <picture class="self-center w-full h-auto"> <source type="image/webp" :srcset="product.small_image.url_webp"> <source type="" :srcset="product.small_image.url"> <img class="self-center w-full h-auto" :src="product.small_image.url" :alt="product.small_image.label" loading="lazy" width="500" height="500" loading="lazy" /></picture> </span> </a> <p class="flex items-center justify-center px-1 pt-3 text-primary"> <a class="truncate product-item-link" :href="'https://www.surplusstore.co.uk/' + product.url_key + (product.url_suffix || '')" > <span x-html="product.name"></span> </a> </p> <p class="pt-1 text-lg text-center text-gray-900" x-text="hyva.formatPrice(product.price_range.minimum_price.final_price.value)"></p> <p class="flex flex-wrap gap-2 inline px-1 pt-3"> <a class="justify-center w-auto mr-auto btn btn-primary" :href="'https://www.surplusstore.co.uk/' + product.url_key + (product.url_suffix || '')"> <span class="inline">View Product</span> </a> <span class="inline-flex gap-2 ml-auto"> <button @click.prevent="addToCompare(product.id)" aria-label="Add to Compare" class="rounded-full w-10 h-10 bg-gray-200 p-0 border-0 inline-flex items-center justify-center text-gray-500 hover:text-yellow-500" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="24" height="24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> <button aria-label="Add to Wish List" @click.prevent="addToWishlist(product.id)" class="inline-flex items-center justify-center w-10 h-10 p-0 ml-auto text-gray-500 bg-gray-200 border-0 rounded-full hover:text-red-600" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/> </svg> </button> </span> </p> </div> </div> </template> </div> </div> <div style="min-height: 65px"> <template x-if="products.length && products.length > pageSize"> <div class="flex items-center justify-center flex-1 p-4"> <button aria-label="Previous" tabindex="-1" class="w-8 h-8 mx-4 text-black rounded-full outline-none focus:outline-none" :class="{ 'invisible' : active === 0 }" @click="getSlider().scrollLeft = (getSlider().scrollWidth / products.length) * (active-pageSize); active=active-pageSize;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/> </svg> </button> <template x-for="(product, index) in products" :key="index"> <span class="shrink-0 block w-3 h-3 mx-1 bg-black bg-opacity-25 rounded-full shadow cursor-pointer" tabindex="-1" :class="{ 'bg-opacity-100': active === index, 'bg-opacity-25': active !== index, 'hidden': (pageSize !== 1 && !!(index % pageSize)), }" @click="getSlider().scrollLeft = (getSlider().scrollWidth / products.length) * index; active=index;"> </span> </template> <button aria-label="Next" tabindex="-1" class="w-8 h-8 mx-4 text-black rounded-full outline-none focus:outline-none" :class="{ 'invisible' : active >= products.length-pageSize }" @click="getSlider().scrollLeft = (getSlider().scrollWidth / products.length) * (active+pageSize); active=active+pageSize"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5 h-5" width="25" height="25"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/> </svg> </button> </div> </template> </div> </div> </template> </section> <div class="mt-64 pb-64" id="customer-reviews"> <div class="lg:max-w-inner-width m-auto"> <div class="border-b border-ssSand mb-32"> <h2 class="text-smh2 lg:text-productName uppercase font-bold pb-15"> Reviews </h2> </div> <div class="text-sm16 md:text-stText text-ssDarkGrey uppercase font-roboto mb-15"> Write Your Own Review </div> <form class="review-form" id="review_form" @submit.prevent="submitForm()" action="" x-data="initReviewForm()" > <fieldset> <legend class="uppercase font-roboto text-sm16 md:text-stText text-ssDarkGrey mb-15"> <span> You're reviewing: </span> <span class="text-ssSand"> WE 'God of War' P99 Style 6mm Airsoft Pistol Tan RIF GBB </span> </legend> <div> <div> <label for="nickname_field" class="font-bold text-black text-sm14 mb-12"> <span>Nickname</span> </label> <div> <input class="h-40 pl-15 bg-ssLightGrey border border-ssMidGrey mb-24 mt-3 block w-full text-sm" required title="Nickname" name="nickname" id="nickname_field"/> </div> </div> <div> <label for="summary_field" class="font-bold text-black text-sm14 mb-12"> <span>Summary</span> </label> <div> <input class="h-40 pl-15 bg-ssLightGrey border border-ssMidGrey mb-24 mt-3 block w-full text-sm" required title="Summary" name="title" id="summary_field"/> </div> </div> <div> <label for="review_field" class="font-bold text-black text-sm14 mb-12"> <span>Review</span> </label> <div> <textarea class="pl-15 bg-ssLightGrey border border-ssMidGrey mb-24 mt-3 block w-full text-sm" required title="Review" id="review_field" cols="5" rows="3"></textarea> </div> </div> </div> </fieldset> <div class="my-3"> <div> <div class="mb-20"> <div id="grecaptcha-container-Productreview" class="g-recaptcha"> </div> <script> 'use strict'; document.addEventListener('DOMContentLoaded', () => { const containerId = 'grecaptcha\u002Dcontainer\u002DProductreview'; grecaptchaV2LoadCallbacks.push(() => { grecaptcha.render(containerId, {sitekey: '6LdAaAEVAAAAAPGzfZ7py94eDt6Trm6P4JHPL55B'}); }); const container = document.getElementById(containerId); if (container && ! container.closest) { container.closest = function (s) { let el = container; do { if (el.matches(s)) return el; el = el.parentElement || el.parentNode; } while (el !== null && el.nodeType === 1); } } forceLoadRecaptchaScript(document.getElementById(containerId).closest('form')); }) </script> </div> <button x-show="!displaySuccessMessage" type="submit" class="btn btn-large w-full md:w-0 md:min-w-btn"> <span> Submit Review </span> </button> <div class="flex flex-row justify-start items-center w-full" x-show="isLoading">  <svg width="57" height="57" viewBox="0 0 57 57" xmlns="http://www.w3.org/2000/svg" stroke="#fff" style="transform: scale(0.6)" class="stroke-current text-primary"> <g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/> <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/> </circle> <circle cx="27" cy="5" r="5"> <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/> <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/> </circle> <circle cx="49" cy="50" r="5"> <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/> <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/> </circle> </g> </g> </svg> <div class="ml-4 text-primary"> Loading... </div> </div> <p x-show="displaySuccessMessage" class="text-green flex items-center"> <span class="inline-block w-8 h-8 mr-3"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> You submitted your review for moderation. </p> <template x-if="displayErrorMessage"> <p class="text-red flex items-center"> <span class="inline-block w-8 h-8 mr-3"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> </svg> </span> <template x-for="errorMessage in errorMessages"> <span x-html="errorMessage"></span> </template> </p> </template> </div> </div> </form> <script> function initReviewForm() { return { isLoading: false, displayNickname: false, displaySuccessMessage: false, displayErrorMessage: false, errorMessages: [], errors: 0, hasCaptchaToken: 0, nickname: null, summary: null, ratings: [], review: null, setErrorMessages: function (messages) { this.errorMessages = [messages] this.displayErrorMessage = this.errorMessages.length }, submitForm: function () { // Do not remove $form. The variable is used in the recaptcha child template. const $form = document.querySelector('#review_form'); this.validate(); this.hasCaptchaToken = $form['g\u002Drecaptcha\u002Dresponse'] && $form['g\u002Drecaptcha\u002Dresponse'].value.length > 0; this.errors = this.hasCaptchaToken ? 0 : 1; if (this.errors) { window.dispatchMessages && window.dispatchMessages( [{ type: "error", text: 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again' }], 5000 ); } if (this.errors === 0) { this.placeReview(); } }, validate: function () { this.nickname = document.getElementById('nickname_field').value; this.summary = document.getElementById('summary_field').value; this.review = document.getElementById('review_field').value; let ratingValue; if (!(this.nickname && this.summary && this.review && Object.keys(this.ratings).length === 0 )) { this.setErrorMessages( ['Please\u0020verify\u0020you\u0027ve\u0020entered\u0020all\u0020required\u0020information'] ); this.displayErrorMessage = true; this.errors = 1; this.hasCaptchaToken = 0; } }, placeReview: function () { this.isLoading = true; this.displayErrorMessage = false; const query = ` mutation createProductReviewMutation( $sku: String!, $nick: String!, $summary: String!, $review: String!, $ratings: [ProductReviewRatingInput]! ) { createProductReview( input: { sku: $sku, nickname: $nick, summary: $summary, text: $review, ratings: $ratings } ) { review { nickname } } } `; const variables = { sku: 'WE0084\u002D1', nick: this.nickname, summary: this.summary, review: this.review, ratings: Object.keys(this.ratings).map(key => { return {id: btoa(key), value_id: this.ratings[key]} }) }; const form = document.querySelector('#review_form'); const fieldName = 'g\u002Drecaptcha\u002Dresponse'; const recaptchaHeader = fieldName && form && form.elements[fieldName] ? {'X-ReCaptcha': form.elements[fieldName].value} : {}; fetch(`${BASE_URL}graphql`, { method: 'POST', headers: Object.assign({ 'Content-Type': 'application/json;charset=utf-8', 'Store': 'default' }, recaptchaHeader), credentials: 'include', body: JSON.stringify({query: query, variables: variables}) }) .then(response => response.json()) .then(data => { this.isLoading = false; if (data.errors) { this.setErrorMessages(['Submitting\u0020your\u0020review\u0020failed,\u0020please\u0020try\u0020again.']); this.displayErrorMessage = true; } else { this.displaySuccessMessage = true; } } ); } } } </script> </div> </div> </section> <div class="product-social-links"> <div class="product-addto-links"> </div> </div></div><script> function ebizmartsMailChimpCampaignCatcher() { 'use strict'; function getUrlVars() { const vars = []; let i = 0; window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) { vars[i] = {'value': value, 'key': key}; i++; }); return vars; } const checkCampaignUrl = "https://www.surplusstore.co.uk/mailchimp/campaign/check/"; let path = location; let urlparams = null; const isGet = path.search.search('\\?'); let mc_cid = null; let isMailchimp = false; if (isGet !== -1) { urlparams = getUrlVars(); urlparams.forEach(function (item) { if (item.key === 'utm_source') { if (/^mailchimp$/.exec(item.value)) { isMailchimp = true; } } else { if (item.key === 'mc_cid') { mc_cid = item.value; } } }); } else { urlparams = path.href.split('/'); const utmIndex = urlparams.indexOf('utm_source'); const mccidIndex = urlparams.indexOf('mc_cid'); if (utmIndex !== -1) { const value = urlparams[utmIndex + 1]; if (/^mailchimp$/.exec(value)) { isMailchimp = true; } } else { if (mccidIndex !== -1) { mc_cid = urlparams[mccidIndex + 1]; } } } if (mc_cid && !isMailchimp) { fetch(checkCampaignUrl + 'mc_cid/' + mc_cid + '/') .then(response => response.json()) .then(data => { if (data.valid == 0) { hyva.setCookie('mailchimp_campaign_id', null); hyva.setCookie('mailchimp_landing_page', location); } else if (data.valid == 1) { hyva.setCookie('mailchimp_campaign_id', mc_cid); hyva.setCookie('mailchimp_landing_page', location); } }); } if (isMailchimp) { hyva.setCookie('mailchimp_campaign_id', null); hyva.setCookie('mailchimp_landing_page', location); } } window.addEventListener('DOMContentLoaded', ebizmartsMailChimpCampaignCatcher); </script>  <script> var minicartRewardpoints = {"enableReward":"1","getImageHtml":"\u003Ca href=\u0022https:\/\/www.surplusstore.co.uk\/rewardpoints\/index\/index\/\u0022 class=\u0022rewardpoints-name-img\u0022 title=\u0022Reward Policy\u0022\u003E \u003Cimg style=\u0022width:18px\u0022 src=\u0022https:\/\/www.surplusstore.co.uk\/static\/version1727868360\/frontend\/Envisage\/SurplusStore\/en_GB\/Magestore_Rewardpoints\/images\/rewardpoints\/point.png\u0022 alt=\u0022Reward Points\u0022 style=\u0022display: inline-block;\u0022\/\u003E\u003C\/a\u003E","customerLogin":false,"earnPoint":"0 Point","urlRedirectLogin":"https:\/\/www.surplusstore.co.uk\/rewardpoints\/index\/redirectLogin\/redirect\/https%3A%2F%2Fwww.surplusstore.co.uk%2Fbb-guns%2Frealistic-bb-pistols%2Fgas%2Fwe-god-of-war-p99-rif.html\/"}; </script> </div></div></main><footer class="page-footer"><div class="footer content"><div class="text-gray-700 font-roboto bg-ssDarkGrey shadow"> <div class="max-w-fullWidth mx-auto lg:pt-40 lg:pb-50 lg:px-6"> <div class="flex flex-wrap order-first gap-y-16"> <div class="w-full gap-y-4 flex flex-wrap"> <div class="w-full block lg:grid grid-cols-4 gap-8 text-white text-mdlg xl:col-span-2"> <div> <div class="mobile-collapse"> <h4 class="mobile-collapse_title" onclick="toggleElement(this); return false;">INFORMATION</h4> <div class="mobile-collapse_content"> <div class="v-links-list"> <ul> <li><a href="https://www.surplusstore.co.uk/about_us/">About Us</a></li> <li><a href="https://www.surplusstore.co.uk/payl8r-finance-calculator/">Finance Calculator</a></li> <li><a href="https://www.surplusstore.co.uk/tech-work/">Repairs & Upgrades</a></li> <li><a href="https://www.surplusstore.co.uk/privacy-policy/">Privacy Policy</a></li> <li><a href="https://www.surplusstore.co.uk/privacy-policy-cookie-restriction-mode/">Cookie Policy</a></li> <li><a href="https://www.surplusstore.co.uk/search/term/popular/">Search Terms</a></li> <li><a href="https://www.surplusstore.co.uk/sales/guest/form/">Orders and Returns</a></li> <li><a href="https://www.surplusstore.co.uk/contact/">Contact Us</a></li> <li><a href="https://www.surplusstore.co.uk/blog/">Blog</a></li> </ul> </div> </div> </div> <a href="https://www.surplusstore.co.uk/payl8r-finance-calculator/"> <img class="mt-4 hidden lg:block" loading="lazy" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/payl8er.svg" alt="Payl8er" width="150" height="40" /> </a> </div> <div> <div class="mobile-collapse"> <h4 class="mobile-collapse_title" onclick="toggleElement(this); return false;">WHY BUY FROM US</h4> <div class="mobile-collapse_content"> <div class="v-links-list "> <ul> <li><a href="https://www.surplusstore.co.uk/mission_statement">Our Mission Statement</a></li> <li><a href="https://www.surplusstore.co.uk/customer-service">Customer Service</a></li> <li><a href="https://www.surplusstore.co.uk/price_match">Price Matching</a></li> <li><a href="https://www.surplusstore.co.uk/delivery">Shipping & Returns</a></li> <li><a href="https://www.surplusstore.co.uk/air-weapon-delivery">Air Weapon Delivery Information</a></li> <li><a href="https://www.surplusstore.co.uk/terms">Terms & Conditions</a></li> <li><a href="https://airgunforums.co.uk/index.php?forums/crawley-surplus-store.51/" target="_blank">Surplus Store @ The AirgunForum</a></li> </ul> </div> </div> </div> </div> <div> <div class="mobile-collapse"> <h4 class="mobile-collapse_title" onclick="toggleElement(this); return false;">MY ACCOUNT</h4> <div class="mobile-collapse_content"> <div class="v-links-list "> <ul> <li><a href="https://www.surplusstore.co.uk/customer/account/login/">Sign In</a></li> <li><a href="https://www.surplusstore.co.uk/checkout/cart/">View Cart</a></li> <li><a href="https://www.surplusstore.co.uk/wishlist/">My Wishlist</a></li> <li><a href="#">Track My Order</a></li> <li><a href="#">Help</a></li> </ul> </div> </div> </div> </div> <div class="contact-col"> <img class="pt-46 lg:pt-0 px-35 sm:px-0 m-auto sm:mb-4" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/logo.svg" alt="Surplus Stores" width="304" height="51" /> <div class="mobile-collapse"> <div class="mobile-collapse_content"> <div class="list-info"> <ul> <li>Address: Crawley Surplus Store, <br >Unit 2 Access House, Stephenson Way, RH10 1TN.</li> <li>Phone: <a href="tel:01293525880">01293525880</a></li> <li>Hours: Monday To Saturday:</br> 9.30am to 5.30pm</li> <li>E-mail: <a href="mailto:sales@surplusstore.co.uk">sales@surplusstore.co.uk</a></li> </ul> </div> </div> </div> <div class="social-icons flex justify-center lg:justify-start mt-25 mb-50 lg:mt-30 lg:mb-0"> <a href="https://www.facebook.com/SurplusStore/" target="_blank"> <img class="mb-4 mr-13" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/facebook.svg" alt="Facebook" href="#" width="33" height="33" /> </a> <a href="https://twitter.com/SurplusstoreUK" target="_blank"> <img class="mb-4 mr-13" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/twitter.svg" alt="Twitter" href="#" width="33" height="33" /> </a> <a href="https://www.instagram.com/Crawley_Surplus_Store/" target="_blank"> <img class="mb-4 mr-13" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/instagram.svg" alt="Instagram" href="#" width="33" height="33" /> </a> <a href="https://www.youtube.com/c/surplusstore" target="_blank"> <img class="mb-4" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/youtube.svg" alt="YouTube" href="#" width="33" height="33" /> </a> </div> </div> </div> </div> <script> function getToggle(elem) { do { elem = elem.nextSibling; } while (elem && elem.nodeType != 1); return elem; } function toggleElement(elem) { var nextElem = getToggle(elem); if (nextElem.style.display==='block') { nextElem.style.display='none'; elem.classList.remove('open'); } else { nextElem.style.display='block'; elem.classList.add('open'); } } </script> </div> </div> <div class="bg-almostBlack"> <div class="max-w-fullWidth mx-auto flex items-center lg:flex-row flex-col relative lg:px-6 xl:px-0"> <p class="text-mdlg text-white py-17 text-center"> © 2024 Surplus Stores. <span class="block sm:inline">All Rights Reserved.</span> Magento Development by <a href="https://www.envisagedigital.co.uk/" rel="nofollow" class="text-ssGreen">EnvisageDigital.co.uk</a> </p> <div class="card-icons relative lg:absolute right-0 flex pb-5 lg:pb-0"> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/visa.svg" loading="lazy" alt="Visa" width="32" height="25" /> <img class="mx-2.5" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/mastercard.svg" loading="lazy" alt="Mastercard" width="32" height="25" /> <img class="m-auto" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/images/footer/amex.svg" loading="lazy" alt="Amex" width="32" height="25" /> </div> </div> </div> </div> </div></footer><script> require(['jquery', 'iframeResizer' ], function ($) { $(function () { waitUntilExists(function() { return $('.embedded-iframe').length; }, function() { var iframe = $('.embedded-iframe'), headerHeight = $('header').outerHeight(), windowHeight = $(window).innerHeight(), availableHeight = windowHeight - headerHeight - 70, isOldIE = (navigator.userAgent.indexOf("MSIE") !== -1); iframe.css({'height': availableHeight + 'px'}); iframe.on('load', function(){ iFrameResize({ log: false, minHeight: availableHeight, resizeFrom: 'parent', scrolling: true, inPageLinks: true, autoResize: true, heightCalculationMethod: isOldIE ? 'max' : 'bodyScroll', onInit: function(iframe) { iframe.style.height = availableHeight + 'px'; }, onResized: function(messageData) { setTimeout(function() { messageData.iframe.style.visibility = 'visible'; }, 300); }, onMessage: function(messageData) { if (history.pushState && messageData.message.hasOwnProperty('trackNo')) { var newUrl = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/\/$/, '') + '/' + messageData.message.trackNo; window.history.pushState({path:newUrl}, '', newUrl); } } }, '.embedded-iframe'); }); }, function() { }); function waitUntilExists(isReady, success, error, count, interval){ if (count === undefined) { count = 300; } if (interval === undefined) { interval = 20; } if (isReady()) { success(); return; } setTimeout(function(){ if (!count) { if (error !== undefined) { error(); } } else { waitUntilExists(isReady, success, error, count -1, interval); } }, interval); } }); }); </script> <script> (function () { "use strict"; const DIRECTIVE = "intersect"; const X_ATTR_RE = /^x-([a-z-]*)\b/i; function parseHtmlAttribute(reference) { const name = reference.name; const value = reference.value; const typeMatch = name.match(X_ATTR_RE); const valueMatch = name.match(/:([a-zA-Z0-9\-:]+)/); const modifiers = name.match(/\.[^.\]]+(?=[^\]]*$)/g) || []; return { type: typeMatch ? typeMatch[1] : null, value: valueMatch ? valueMatch[1] : null, modifiers: modifiers.map((i) => i.replace(".", "")), expression: value, }; } function getXDirectives(el) { return Array.from(el.attributes) .filter(function (attr) { return X_ATTR_RE.test(attr.name); }) .map(parseHtmlAttribute); } if (window.Alpine) { console.error("Intersect plugin must be included before AlpineJs, x-intersect will not work."); } const getLengthValue = (rawValue) => { // Supported: -10px, -20 (implied px), 30 (implied px), 40px, 50% let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/) return match ? match[1] + (match[2] || 'px') : undefined } const getRootMargin = (modifiers) => { const key = 'margin' const fallback = '0px 0px 0px 0px' const index = modifiers.indexOf(key) // If the modifier isn't present, use the default. if (index === -1) return fallback // Grab the 4 subsequent length values after it: x-intersect.margin.300px.0.50%.0 let values = [] for (let i = 1; i < 5; i++) { values.push(getLengthValue(modifiers[index + i] || '')) } // Filter out undefined values (not a valid length) values = values.filter((v) => v !== undefined) return values.length ? values.join(' ').trim() : fallback } const getThreshhold = (modifiers) => { if (modifiers.includes("full")) return 0.8; if (modifiers.includes("half")) return 0.5; return 0; }; const AlpineIntersectionDirective = { start: function start() { Alpine.onBeforeComponentInitialized(function (component) { const legacyResolveBoundAttributes = component.resolveBoundAttributes; component.resolveBoundAttributes = function (el, initialUpdate, extraVars) { if (initialUpdate === void 0) { initialUpdate = false; } if (initialUpdate) { const attrs = getXDirectives(el); attrs.forEach(function (reference) { const type = reference.type; const expression = reference.expression; const value = reference.value; const modifiers = reference.modifiers; if (type === DIRECTIVE) { const options = { rootMargin: getRootMargin(modifiers), threshold: getThreshhold(modifiers), }; if ("IntersectionObserver" in window) { const observer = new IntersectionObserver((elements) => { elements.forEach((element) => { // Ignore element if intersecting in leave mode, // or not intersecting in enter mode if (element.isIntersecting === (value === 'leave')) return component.evaluateReturnExpression(el, expression, extraVars); modifiers.includes("once") && observer.disconnect(); }); }, options); observer.observe(el); } else { component.evaluateReturnExpression(el, expression, extraVars); } } }); } return legacyResolveBoundAttributes.bind(component)(el, initialUpdate, extraVars); }; }); }, }; const initAlpine = window.deferLoadingAlpine || ((callback) => callback()); window.deferLoadingAlpine = (callback) => { AlpineIntersectionDirective.start(); initAlpine(callback); }; })(); </script> <script type="module" src="https://www.surplusstore.co.uk/static/version1727868360/frontend/Envisage/SurplusStore/en_GB/Hyva_Theme/js/alpine.min.js" defer crossorigin ></script> <script> 'use strict'; function dispatchMessages(messages, hideAfter) { const messagesEvent = new CustomEvent("messages-loaded", { detail: { messages: messages, hideAfter: hideAfter } }); window.dispatchEvent(messagesEvent); } if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } (function( hyva, undefined ) { hyva.initFormKey = () => { const inputSelector = 'input[name="form_key"]', formKey = hyva.getFormKey(); Array.from(document.querySelectorAll(inputSelector)).map(function (input) { input.value = formKey }); } hyva.initMessages = () => { try { const messages = hyva.getCookie('mage-messages'); window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; dispatchMessages(window.mageMessages); // empty `mage-messages` cookie const skipSetDomain = true; hyva.setCookie('mage-messages','', -1, skipSetDomain); } catch (error) { console.warn('Error parsing Cookie Messages:', error); } } window.addEventListener('DOMContentLoaded', hyva.initFormKey); window.addEventListener('load', hyva.initMessages); }( window.hyva = window.hyva || {} )); </script> <script> 'use strict'; { const private_content_key = 'mage-cache-storage'; const private_content_expire_key = 'mage-cache-timeout'; const private_content_version_key = 'private_content_version'; const section_data_ids_key = 'section_data_ids'; const mage_cache_session_id_key = 'mage-cache-sessid'; const last_visited_store_key = 'last_visited_store'; const ttl = 3600; if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } function loadSectionData () { const browserStorage = hyva.getBrowserStorage(); if (!browserStorage) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Please enable LocalStorage in your browser." }] ); return; } try { let isInvalid = false; if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { isInvalid = true; } hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); if (!hyva.getCookie(mage_cache_session_id_key)) { isInvalid = true; const skipSetDomain = true; const days = false; hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) } const cookieVersion = hyva.getCookie(private_content_version_key); const storageVersion = browserStorage.getItem(private_content_version_key); if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { isInvalid = true; } const privateContentExpires = browserStorage.getItem(private_content_expire_key); if (privateContentExpires && new Date(privateContentExpires) < new Date()) { browserStorage.removeItem(private_content_key); } if (isInvalid) { fetchPrivateContent([]); } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); if ( privateContent && privateContentExpires && privateContent.cart && privateContent.customer ) { dispatchPrivateContent(privateContent); } else { fetchPrivateContent([]); } } else { dispatchPrivateContent({}); } } catch (error) { console.warn('Error retrieving Private Content:', error); } } window.addEventListener('load', loadSectionData); window.addEventListener('reload-customer-section-data', loadSectionData); function dispatchPrivateContent(data) { const privateContentEvent = new CustomEvent("private-content-loaded", { detail: { data: data } }); window.dispatchEvent(privateContentEvent); } function fetchPrivateContent(sections) { fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then( data => { if (data) { try { const browserStorage = hyva.getBrowserStorage(); // merge new data preserving non-invalidated sections const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}'); if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { delete oldSectionData['checkout-data']; } const newSectionData = Object.assign(oldSectionData, data); dispatchPrivateContent(newSectionData); // don't persist messages, they've been dispatched already if (newSectionData.messages && newSectionData.messages.messages ) { newSectionData.messages.messages = []; } browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); browserStorage.setItem(private_content_expire_key, expiresAt); const newCookieVersion = hyva.getCookie(private_content_version_key); browserStorage.setItem(private_content_version_key, newCookieVersion); // We don't need the section_data_ids in Hyvä, but we store them for compatibility // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout hyva.setCookie( section_data_ids_key, JSON.stringify( Object.keys(data).reduce((sectionDataIds, sectionKey) => { sectionDataIds[sectionKey] = data[sectionKey]['data_id']; return sectionDataIds; }, {}) ), false, true ); } catch (error) { console.warn("Couldn't store privateContent", error); } } } ); } } </script> <script> (() => { document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); })() </script> <script> (events => { const dispatchUserInteractionEvent = () => { events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) window.dispatchEvent(new Event('init-external-scripts')) }; events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) </script> <script> 'use strict'; const grecaptchaV2LoadCallbacks = []; function executeRecaptchaLoadCallbacks () { while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { const callback = grecaptchaV2LoadCallbacks.pop(); typeof callback === 'string' ? window[callback]() : callback(); } } (function() { const loadRecaptchaScript = (event) => { if (window.grecaptcha || !event.target.form) { return; } const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; const siteKey = ''; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; script.async = true; document.head.appendChild(script); script.addEventListener('load', () => { Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); }); } window.forceLoadRecaptchaScript = (form) => { loadRecaptchaScript({target: {form: form || 'dummy'}}); executeRecaptchaLoadCallbacks(); }; document.body.addEventListener('input', loadRecaptchaScript, { once: true }); document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); }()); </script> <script> 'use strict'; (function () { const modals = []; const excludedFromFocusTrapping = new Set(); function loadInertPolyfill(callback) { if (window.hyva.modal.disableInertPolyfill) { callback && callback(); } else { const polyfill = document.createElement('script'); polyfill.src = 'https\u003A\u002F\u002Fwww.surplusstore.co.uk\u002Fstatic\u002Fversion1727868360\u002Ffrontend\u002FEnvisage\u002FSurplusStore\u002Fen_GB\u002FHyva_Theme\u002Fjs\u002Fwicg\u002Dinert\u002D3.1.1\u002Finert.min.js'; callback && polyfill.addEventListener('load', callback); const firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(polyfill, firstScriptTag); } } let isInertPolyfillLoaded = 0; function setSiblingsInert(dialogElement, toState) { if (isInertPolyfillLoaded === 0) { isInertPolyfillLoaded = 1; loadInertPolyfill(() => { isInertPolyfillLoaded = 2; setSiblingsInert(dialogElement, toState) }) return; } if (isInertPolyfillLoaded === 1) { return; } let el = dialogElement; while (el && (el = el.parentElement)) { if (el === document.body || el.parentElement === null) continue; Array.from(el.parentElement.children).forEach(sibling => { if (sibling !== el) { sibling.inert = toState; } }) } (function setChildrenInert(el, toState) { if (el) { el.inert = toState; Array.from(el.children).forEach(child => setChildrenInert(child, toState)); } })(findParentWithOverlaySpread(dialogElement), ! toState) excludedFromFocusTrapping.forEach(selector => { Array.from(document.querySelectorAll(selector)).map(el => el.inert = false); }) } function findParentWithOverlaySpread(el) { while (el && (el = el.parentElement)) { if (el === document.body || el.parentElement === null) continue; if (el.hasAttribute('x-spread') && el.getAttribute('x-spread').indexOf('overlay(') !== -1) { return el; } } } function freeFocusFromModalTrap(modal) { const dialogElement = modal.instance.$refs[modal.name]; isOverlayDisabled(dialogElement) || modal.instance.$nextTick(() => setSiblingsInert(dialogElement, false)); } function trapFocusInNextModalWithOverlay() { for (let idx = modals.length -1; idx >= 0; idx--) { const nextOnStack = modals[idx]; const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; if (! isOverlayDisabled(nextDialogElement)) { nextOnStack.instance.$nextTick(() => setSiblingsInert(nextDialogElement, true)); break; } } } function focusables(dialogElement) { const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; return Array.from(dialogElement.querySelectorAll(selector)) .filter(el => !el.hasAttribute('disabled')); } function firstVisible(elements) { const a = Array.from(elements); for (let i = 0; i < a.length; i++) { if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; } return null; } function isInViewport(element) { const rect = element && element.getBoundingClientRect(); return rect && rect.top >= 0 && rect.left >= 0 && rect.right <= window.innerWidth && rect.bottom <= window.innerHeight; } function setFocusAfterTransition(dialogElement, duration) { window.setTimeout(() => { const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || focusables(dialogElement)[0] || null; focusElement && isInViewport(focusElement) && focusElement.focus(); }, duration + 1); } function determineTrigger($refs, dialog, trigger) { if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target && dialog.target.focus) { return dialog.target; } if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target && trigger.target.focus) { return trigger.target; } if (typeof trigger === 'string' && $refs[trigger]) { return $refs[trigger]; } else { return null; } } function isOverlayDisabled(dialog) { return dialog && dialog.hasAttribute('x-no-overlay') } function areRemainingModalsWithoutOverlay(modals) { const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); return overflowDisabled.length === modals.length; } window.hyva.modal = function(options) { const config = Object.assign({ dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', transitionEnterStart: 'opacity-0', transitionEnterEnd: 'opacity-100', transitionLeave: 'transition ease-in duration-300', transitionLeaveStart: 'opacity-100', transitionLeaveEnd: 'opacity-0', }, options); let lastHide = 0; return { opened: {}, show(dialog, trigger) { const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); const name = typeof dialog === 'string' ? dialog : config.dialog; const dialogElement = this.$refs[name]; if (! dialogElement) { return; } const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); dialogElement.scrollTop = 0; if (this.opened[name]) { return; } this.opened[name] = true; useOverlay && this.$nextTick(() => setSiblingsInert(dialogElement, true)); setFocusAfterTransition(dialogElement, config.duration); const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()}; modals.push(frame); if (useOverlay) { document.body.classList.add('overflow-hidden'); } return new Promise(resolve => frame.resolve = resolve); }, cancel() { this.hide(false); }, ok() { this.hide(true); }, hide(value) { if (Date.now() - lastHide < config.duration) { return; } lastHide = Date.now(); const modal = modals.pop() || {}; const name = modal.name; this.opened[name] = false; freeFocusFromModalTrap(modal) trapFocusInNextModalWithOverlay(); const nextFocusAfterHide = modal.focusTarget; nextFocusAfterHide && this.$nextTick(() => nextFocusAfterHide.focus()); if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { document.body.classList.remove('overflow-hidden'); } modal.resolve(value); }, overlay(dialog) { const name = typeof dialog === 'string' ? dialog : config.dialog; return { ['x-show']() { return this.opened[name] }, ['x-transition:enter']: config.transitionEnter, ['x-transition:enter-start']: config.transitionEnterStart, ['x-transition:enter-end']: config.transitionEnterEnd, ['x-transition:leave']: config.transitionLeave, ['x-transition:leave-start']: config.transitionLeaveStart, ['x-transition:leave-end']: config.transitionLeaveEnd, ['@hyva-modal-show.window'](event) { event.detail && event.detail.dialog === name && this.show(name) } }; } }; } window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] window.hyva.modal.pop = function () { if (modals.length > 0) { const modal = modals[modals.length -1]; modal.instance.hide(); } } window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { typeof selectors === 'string' || selectors instanceof String ? excludedFromFocusTrapping.add(selectors) : selectors.map(selector => excludedFromFocusTrapping.add(selector)); } window.hyva.modal.eventListeners = { keydown: event => { if (event.key === 'Escape') { window.hyva.modal.pop(); } }, click: event => { if (modals.length > 0) { const modal = modals[modals.length -1]; const dialog = modal.instance.$refs[modal.name]; if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago ! isOverlayDisabled(dialog) && // if dialog has overlay ! dialog.contains(event.target)) { // if click is outside of dialog modal.instance.hide(); } } } }; document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); document.addEventListener('click', window.hyva.modal.eventListeners.click); })(); </script> <script> 'use strict'; function responseSerialize(response) { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { // Check if result is Promise then throw to new Error let defaultErrMsg = 'Something went wrong. Please contact the website admin for more information.', result; result = response.text(); if (typeof result?.then === 'function') { result.then(res => { let errorMessage; try { errorMessage = JSON.parse(res); errorMessage = errorMessage?.message ? errorMessage.message : defaultErrMsg; } catch (e) { errorMessage = defaultErrMsg; } window.dispatchMessages([ { type: 'error', text: errorMessage } ], 3000); }); } else { throw new Error(defaultErrMsg); } } } if (typeof window.buildRestAPIUrl !== 'function') { window.buildRestAPIUrl = function (url, params = {}) { const method = 'rest', storeCode = 'default', version = 'V1', serviceUrl = ':method/:storeCode/:version'; let urlParts; params.method = method; params.storeCode = storeCode; params.version = version; url = serviceUrl + url; urlParts = url.split('/'); urlParts = urlParts.filter(Boolean); Object.entries(urlParts).forEach (entry => { let [key, part] = entry; part = part.replace(':', ''); if (params[part] !== undefined) { urlParts[key] = params[part]; } }); return urlParts.join('/'); } } if (typeof window.isObjectEmpty !== 'function') { window.isObjectEmpty = function (obj) { return ( Object.prototype.toString.call(obj) === '[object Object]' && JSON.stringify(obj) === '{}' ); } } if (typeof window.mergeDeep !== 'function') { /** * Deep merge two objects. * * @param target * @param sources * @returns {*} */ window.mergeDeep = (target, ...sources) => { /** * Simple object check. * * @param item * @returns {boolean} */ const isObject = (item) => { return (item && typeof item === 'object' && !Array.isArray(item)); }; if (!sources.length) return target; const source = sources.shift(); if (isObject(target) && isObject(source)) { for (const key in source) { if (isObject(source[key])) { if (!target[key]) Object.assign(target, { [key]: {} }); mergeDeep(target[key], source[key]); } else { Object.assign(target, { [key]: source[key] }); } } } return mergeDeep(target, ...sources); } } </script> </div></body> </html> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"rayId":"8d19120f5b551734","version":"2024.10.1","serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"c3fe60faa68d4bac9e974b378a1a0479","b":1}' crossorigin="anonymous"></script>