<!doctype html>
<html lang="
en
">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
{{ if environment === 'production'}}
{{ if environment !== 'production' }}1
<script>
window.markerConfig = {
project: '681094376a5b2af47d8abf39',
source: 'snippet'
};
!function(e,r,a){if(!e.__Marker){e.__Marker={};var t=[],n={__cs:t};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","clearReporter","setCustomData","on","off"].forEach(function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),t.push(r)}}),e.Marker=n;var s=r.createElement("script");s.async=1,s.src="https://edge.marker.io/latest/shim.js";var i=r.getElementsByTagName("script")[0];i.parentNode.insertBefore(s,i)}}(window,document);
</script>
{{ /if }}
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "hvlc9p6yuy");
</script>
<style>/* Critical Styles */ [x-cloak]{display: none !important;}</style>
<style>
.container p {
margin-bottom: 0;
}
.auctions_show .container p {
margin-bottom: 15px;
}
.sidebar p {
margin-bottom: 0;
}
.content .closed+.fading-overlay {
pointer-events: none;
}
@media(max-width: 1023px) {
.content ul, .content ol {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.wysiwyg ol {
list-style: numeric;
list-style-position: inside;
}
.wysiwyg ul {
list-style-position: inside !important;
}
.wysiwyg ul p {
display: inline;
}
.wysiwyg ul li {
margin-bottom: 10px;
}
.wysiwyg ol li {
margin-bottom: 10px;
list-style: inherit !important;
}
.wysiwyg ol p {
display: inline;
}
.wysiwyg ol ul {
list-style-position: inside;
padding-left: 30px;
margin-top: 10px;
}
.wysiwyg ul ol {
list-style-position: inside;
padding-left: 30px;
margin-top: 10px;
}
.wysiwyg td {
border: 1px solid #DDD;
padding: 5px 10px;
vertical-align: top;
}
.wysiwyg a {
text-decoration: underline;
}
.wysiwyg p {
font-weight: 500;
line-height: 1.6;
}
.wysiwyg h2 {
font-weight: 800;
font-size: 30px;
padding-top: 40px;
}
.wysiwyg h3 {
font-weight: 700;
font-size: 20px;
padding-top: 30px;
}
.wysiwyg h4 {
font-weight: 600;
font-size: 16px;
padding-top: 20px;
padding-bottom: 10px;
}
.glide__slide{
height: auto!important;
}
.mob-search{
max-height: 0px;
transition: .5s ease-in-out max-height;
}
.mob-search.show{
max-height: 200px;
transition: .5s ease-in-out max-height;
}
.mobfilters button:hover svg{
stroke: #fff;
}
.w-60{
width: 15rem;
}
.bottom-4{
bottom: 4px !important;
}
.bottom-28{
bottom: 28px;
}
.right-6{
right: 6px;
}
.content hr {
max-width: 50%;
margin: 40px auto 30px auto;
border-top-width: 2px;
}
.w-32 {
width: 8rem;
}
.z-0{
z-index: 0;
}
.min-height-140{
min-height: 140px;
}
.office-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem; /* 24px */
@media only screen and (max-width: 768px) {
/* For mobile phones: */
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0;
}
}
.office-card{
border-color: #002A4C;
border-bottom-width: 2px;
grid-column: span 1 / span 1;
@media only screen and (max-width: 768px) {
/* For mobile phones: */
border-bottom-width: 1px;
border-color: #A9BACA;
}
}
.office-address{
border-bottom-width: 1px;
@media only screen and (max-width: 768px) {
/* For mobile phones: */
border-bottom-width: 0px;
}
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
ul.pagination {
width: 100% !important;
}
.no-mobile-border * {
border: none !important;
}
}
span.confirm {
border-radius: 5px;
}
.pointer-events-none .glide__arrows button {
pointer-events: none !important;
}
.featured-auctions-width-1 {
width: 100%
}
.featured-auctions-width-2 {
width: 475px;
@media only screen and (max-width: 1120px) {
/* For medium screen: */
width: 350px;
}
@media only screen and (max-width: 1024px) {
/* For mobile phones: */
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.auction-img-prop {
margin: auto;
height: 100%;
max-width: 100%;
}
}
.banner {
background-color: #FF7B1A;
font-weight: 700;
color: white;
padding: 6px 12px 6px 12px;
}
.hide {
display: none;
}
.navTab:hover + .hide {
display: block;
color: red;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
.xl\:w-1\/3 {
width: 33%;
}
</style>
{{ if environment == 'production'}} <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4GXLF3F26W');
</script>
</head>
<body class="overflow-x-hidden page- font-sans"
:class="preventScroll ? 'overflow-y-hidden' : ''"
x-data="{ open: false, accountOpen: false, sidebarOpen: false, sidebarType: 'sign-up', ...popup, mobSearchOpen: false, preventScroll: false, registerLocation: 'none' }"
x-init="checkPopUp()"
>
<div class="spacer"></div>
<div x-data="{alerts: false, saveSearchOpen: false, successOpen: false, createAlertButton: false, alertPopUp: false, saveSearchButton: false, searchPopUp: false, mobileFilters:false }">
<script>
window.addEventListener("popstate", function (event) {
window.location.reload();
});
</script>
<div class="flex grid grid-cols-1 lg:grid-cols-4 gap-6 lg:gap-12 my-8 mx-6 lg:p-4">
<div class="hidden lg:block ">
<div>
<!-- Sidebar -->
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="sidebar lg:col-span-1 w-full keep-opacity-on-desktop" wire:loading.class="opacity-50 pointer-events-none">
{{ if isCatalogue }}{{ else }} <div class="flex lg:justify-between items-center pt-3 pb-2 pl-5 pr-2 lg:px-0 lg:py-0 font-bold text-blue-400">
{{ /if }} <h3 class="text-xl">Filters
{{ if activeFilterCount > 0}}</h3>
<a x-on:click="$wire.updateFilters($wire.listingType)" class="text-xs lg:text-sm ml-5 border-blue-400 underline hover:text-blue-300 cursor-pointer">Clear all</a>
<button x-on:click="mobileFilters = !mobileFilters" class="flex flex-1 lg:hidden justify-end">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-10 h-10">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<!-- Tabs -->
<div x-data="{ activeTab: $wire.listingType, tabs: ['auctions', 'lots'] }">
<div class="hidden flex justify-between items-center font-bold py-5 px-5 lg:px-0 border-b border-grey-800 {{ if isCatalogue }}">
<template x-for="tab in tabs">
<a
:class="{ 'active': tab === tab }"
@click.prevent="activeTab = tab"
x-on:click="$wire.set('listingType', tab)"
x-bind:class="[activeTab === tab ? 'text-white bg-blue-400' : 'text-grey-700 bg-white-400 border lg:border-t lg:border-x border-grey-800 hover:text-white hover:bg-grey-800' ]"
href="#"
class="flex text-base lg:text-sm font-bold w-twocols rounded-md py-4 lg:py-3 justify-center capitalize"
x-text="tab">
</a>
</template>
</div>
</div>
<div class="py-5 px-5 lg:px-0 border-b border-grey-800 ">
<div class="w-full relative border border-grey-800 rounded-md text-blue-400">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live="keywords"
x-on:click.away="$wire.renderComponent()"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 block lg:hidden">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live.debounce.750ms="keywords"
wire:keydown.enter="renderComponent"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 hidden lg:block">
<button id='mobile-filter-search'
wire:click="renderComponent"
class="hidden lg:block bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md
absolute right-1 top-1 mt-1 z-10">
<img src="/img/search.svg" alt="Search" class="w-4">
</button>
</div>
</div>
<!-- Category Filter -->
<div class="filter category border-b border-grey-800 px-5 lg:px-0" x-data="{ categoryFilterOpen: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="categoryFilterOpen = ! categoryFilterOpen"
x-bind:class="categoryFilterOpen ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Category</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="category filter-contents pb-5">
{{ if categoriesCount == 0 }}{{ else }}
{{ foreach:filters as="key|filter" }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'construction-auctions
' )"
@click="$wire.updateParams('categories', 'construction-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
construction-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}construction-auctions
construction-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="construction-auctions
flex flex-col" x-data="{ constructionauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="constructionauctions
FilterOpen = !
constructionauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="constructionauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Construction
(
2
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="construction-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'construction-auctions
', '
building-plumbing-and-electrical-auctions
' )"
@click="$wire.updateParams('subcategories', 'building-plumbing-and-electrical-auctions
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Building, Plumbing & Electrical
(
1
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'construction-auctions
', '
trade-and-power-tools
' )"
@click="$wire.updateParams('subcategories', 'trade-and-power-tools
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Trade & Power Tools
(
2
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'consumer-goods-auctions
' )"
@click="$wire.updateParams('categories', 'consumer-goods-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
consumer-goods-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}consumer-goods-auctions
consumer-goods-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="consumer-goods-auctions
flex flex-col" x-data="{ consumergoodsauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="consumergoodsauctions
FilterOpen = !
consumergoodsauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="consumergoodsauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Consumer Goods
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="consumer-goods-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'consumer-goods-auctions
', '
homeware-and-garden
' )"
@click="$wire.updateParams('subcategories', 'homeware-and-garden
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Homeware & Garden
(
1
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'manufacturing-auctions
' )"
@click="$wire.updateParams('categories', 'manufacturing-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
manufacturing-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}manufacturing-auctions
manufacturing-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="manufacturing-auctions
flex flex-col" x-data="{ manufacturingauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="manufacturingauctions
FilterOpen = !
manufacturingauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="manufacturingauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Manufacturing
(
4
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="manufacturing-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
engineering-and-metalworking-auctions
' )"
@click="$wire.updateParams('subcategories', 'engineering-and-metalworking-auctions
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Engineering & Metalworking
(
3
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
factory-and-warehouse-auctions
' )"
@click="$wire.updateParams('subcategories', 'factory-and-warehouse-auctions
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Factory & Warehouse
(
2
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
lifting-handling-and-storage
' )"
@click="$wire.updateParams('subcategories', 'lifting-handling-and-storage
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Lifting, Handling & Storage
(
3
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
woodworking-and-timber-stock
' )"
@click="$wire.updateParams('subcategories', 'woodworking-and-timber-stock
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Woodworking & Timber Stock
(
2
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'vehicles-auctions
' )"
@click="$wire.updateParams('categories', 'vehicles-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
vehicles-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}vehicles-auctions
vehicles-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="vehicles-auctions
flex flex-col" x-data="{ vehiclesauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="vehiclesauctions
FilterOpen = !
vehiclesauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="vehiclesauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Vehicles
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="vehicles-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'vehicles-auctions
', '
cars-and-vans
' )"
@click="$wire.updateParams('subcategories', 'cars-and-vans
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Cars & Vans
(
1
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ /if }} <!-- End Category Filter -->
</div>
</div>
{{ if !isCatalogue }}1
<!-- Auctioneer Filter -->
<div class="auctioneer filter border-b border-grey-800 px-5 lg:px-0" x-data="{ auctioneerFilterOpen: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="auctioneerFilterOpen = ! auctioneerFilterOpen"
x-bind:class="auctioneerFilterOpen ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Auctioneer</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="auctioneer filter-contents pb-5">
<div x-data="{ open: false }" class="relative w-full text-left">
<div x-data="{ auctioneer: $wire.auctioneer ?? 'Any' }">
<button @click="open = ! open; $nextTick(() => document.querySelector('#auctioneer-search').focus())"
class="flex bg-white lg:bg-transparent w-full mb-3 p-3 items-center justify-between rounded-md border border-grey-800 text-blue-400">
<span x-text="$wire.auctioneerTitle ?? 'Any'"></span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="open" @click.outside="open = false"
class="absolute right-0 overflow-scroll max-h-80 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<!-- Search -->
<div class="relative inline-block w-full p-2 text-left">
<input type="text" wire:model.live.debounce.1000ms="auctioneerKeywords" id="auctioneer-search" placeholder="Search Auctioneers..."
class="flex h-16 lg:h-12 px-3 w-full items-center rounded-md border border-gray-800 text-blue-400 ">
</div>
<!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
<p @click="[open = ! open, $wire.set('auctioneer', ''), $wire.set('auctioneerTitle', 'Any')]" wire:click="selectFilter('auctioneer', 'Any')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
View All
</p>
{{ foreach:auctioneers as="auctioneer"}}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}1
<p
@click="[open = ! open, $wire.set('auctioneer', '1
'), $wire.set('auctioneerTitle', 'Arthur Johnson & Sons
')]"
wire:click="selectFilter('auctioneer', '1
')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
Arthur Johnson & Sons
(
2
)
</p>
{{ /if }}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}1
<p
@click="[open = ! open, $wire.set('auctioneer', '604
'), $wire.set('auctioneerTitle', 'Steves Auctions Ltd
')]"
wire:click="selectFilter('auctioneer', '604
')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
Steves Auctions Ltd
(
1
)
</p>
{{ /if }}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }} <!-- End Auctioneer Filter -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Type Filter -->
<!-- Region Filter -->
<div>
<!-- Location Filter -->
<div class="region filter border-b border-grey-800 px-5 lg:px-0" x-data="{ open: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="open = ! open"
x-bind:class="open ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Location</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="region filter-contents pb-5">
<div class="flex items-center">
<input type="text" wire:model.live.debounce.1000ms="postcode" placeholder="Postcode/Town" class=" mr-2 w-full p-3 border border-grey-800 rounded-md text-blue-400 ">
<select wire:model.live="radius" class="flex w-32 p-3 border border-grey-800 rounded-md text-blue-400 mr-2">
<option value="">Radius</option>
<option value="10">10 miles</option>
<option value="20">20 miles</option>
<option value="30">30 miles</option>
<option value="40">40 miles</option>
<option value="50">50 miles</option>
<option value="75">75 miles</option>
<option value="100">100 miles</option>
</select>
{{ if postcode != '' }} </div>
</div>
</div>
<!-- Country Filter -->
<div class="region filter border-b border-grey-800 px-5 lg:px-0" x-data="{ open: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="open = ! open"
x-bind:class="open ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Country</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="region filter-contents pb-5">
{{ taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'belgium
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[belgium
]"
@click="$wire.updateParams('countries', 'belgium
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Belgium
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'france
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[france
]"
@click="$wire.updateParams('countries', 'france
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">France
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'germany
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[germany
]"
@click="$wire.updateParams('countries', 'germany
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Germany
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'ireland
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[ireland
]"
@click="$wire.updateParams('countries', 'ireland
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Ireland
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'italy
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[italy
]"
@click="$wire.updateParams('countries', 'italy
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Italy
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'netherlands
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[netherlands
]"
@click="$wire.updateParams('countries', 'netherlands
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Netherlands
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'portugal
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[portugal
]"
@click="$wire.updateParams('countries', 'portugal
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Portugal
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'spain
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[spain
]"
@click="$wire.updateParams('countries', 'spain
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Spain
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'switzerland
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[switzerland
]"
@click="$wire.updateParams('countries', 'switzerland
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Switzerland
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}1
block
{{ else }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'uk
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[uk
]"
@click="$wire.updateParams('countries', 'uk
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">UK
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'usa
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[usa
]"
@click="$wire.updateParams('countries', 'usa
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">USA
</div>
</div>
</div>
{{ /taxonomy:countries }} </div>
</div>
</div>
<!-- Status Filter Desktop -->
<div class="region filter border-b border-grey-800 px-5 lg:px-0" x-data="{ open: $wire.showClosed }">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="open = ! open"
x-bind:class="open ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Past Auctions</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="region filter-contents pb-5">
<div class="farm" x-data="{ statusFilterOpen: $wire.get('showClosed') }">
<div class="filter flex justify-start items-center font-bold mr-6 py-2 cursor-pointer"
x-on:click="statusFilterOpen = !statusFilterOpen"
x-bind:class="statusFilterOpen ? 'active' : ''"
@click="$wire.set('showClosed', statusFilterOpen)">
<div
class="checkbox border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Show Past Auctions
</div>
</div>
</div>
</div>
</div>
{{ /if }}
<div class="px-4 lg:hidden mt-4 pb-4 border-b border-blue-400">
<button x-on:click="mobileFilters = !mobileFilters" class="text-lg font-bold w-full rounded-md py-4 flex items-center justify-center text-white hover:bg-blue-400" style="background-color: #fb923c;">
Search
</button>
</div>
<!-- User Actions -->
<div class="flex flex-col justify-center items-center font-bold rounded-md mx-4 lg:mx-0 mt-7 py-5 px-6 bg-blue-400 lg:bg-grey-50" wire:ignore>
<h4 class="mb-4 text-center text-white lg:text-blue-400">Get free alerts for upcoming auctions matching this search</h4>
<!-- Create Alert -->
{{ if alt_logged_in }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'auctions->create-auction-alerts'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'auctions->create-auction-alerts'"
class="text-base lg:text-sm w-full rounded-md py-3 flex items-center justify-center bg-orange-600 text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 pr-1" alt="Create alert">
<path stroke-linecap="round" stroke-linejoin="round"
d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/>
</svg>
Create auction alerts
</div>
{{ /if }}
</div>
<!-- End Actions -->
<div class="mt-8 flex flex-wrap col-span-1 order-first lg:order-last pb-5 lg:pb-0" style="box-shadow: 0px 3px 20px #d1d5db !important;">
<div class="flex flex-col w-full justify-start rounded-md shadow-lg shadow-gray-300">
<div class="glide " data-glide-options="{type: 'slider', startAt: 0, perView: 1, autoplay: 4000}">
<div data-glide-el="track" class="glide__track h-full">
<ul class="glide__slides h-full">
{{ sponsorships:featured_auctioneers_auctions_listing }} </ul>
</div>
</div>
</div>
</div>
</form>
<!-- End Sidebar -->
</div>
</div>
<!-- Main -->
<div class="main col-span-1 lg:col-span-3 w-full min-h-[100vh] ">
<!-- Header -->
<div class="header">
{{ if isCatalogue }}
{{ if theCategory }}1
<ul class="breadcrumbs flex flex-wrap cat">
<li>
<a href="/" class="text-blue-300 text-sm font-bold leading-5 no-underline">Home</a> /
</li>
<li>
<a href="/auctions" class="text-blue-300 text-sm font-bold leading-5 no-underline">Auctions</a> /
</li>
<li class="current">
<p class="cursor-default capitalize ">manufacturing auctions
</p>
</li>
</ul>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://auctionnews.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Auctions",
"item": "https://auctionnews.com/auctions"
},
{
"@type": "ListItem",
"position": 3,
"name": "manufacturing auctions
",
"item": "https://auctionnews.com/auctions/manufacturing-auctions
"
}
]
}
</script>
{{ else }}
{{ if get:old }}
{{ if isCatalogue }}{{ else }} <div wire:ignore>
<h1 class="font-bold text-2xl lg:text-3xl pt-5 pb-3 text-blue-400">
{{ if theCategory }}1
Manufacturing Auctions
{{ else }} </h1>
{{ if seo_content == 0 }}1
{{ if listingType == 'auctions' }}1
{{ if theCategory }}1
<div class="wysiwyg leading-7 text-blue-400 pb-8">
<p>Browse our upcoming manufacturing machinery auctions from professional auctioneers including <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/engineering-and-metalworking-auctions">Engineering & Metalworking</a> Machinery Auctions, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/electronic-test-and-tooling-auctions">Electronic, Test & Tooling</a> Auctions, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/factory-and-warehouse-auctions">Factory & Warehouse Equipment</a> Auctions, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/lifting-handling-and-storage">Lifting, Handling & Storage</a> Auctions, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/plastic-glass">Plastic & Glass Auctions</a>, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/production-line-and-packing-auctions">Production Line & Packing</a> Machinery Auctions, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/textile-industry">Textile Industry </a>Auctions, <a target="_blank" href="https://auctionnews.com/categories/manufacturing-auctions/woodworking-and-timber-stock">Woodworking Machinery</a> Auctions</p>
</div>
{{ else }}
{{ else }}
{{ else }} </div>
{{ /if }}
</div>
<!-- Mobile View -->
<div x-data="{ activeTab: , listingType:
, sort: false, map: false }"
class="lg:hidden">
<!-- Mobile View -->
<div class="mobfilters view lg:hidden flex flex-row h-14 bg-white-400 text-grey-700 border border-blue-400 text-sm font-bold rounded-lg">
<!-- Filters: Button -->
<button
x-on:click="mobileFilters = !mobileFilters"
class="flex flex-row w-full rounded-l-md text-sm justify-center items-center
{{ if mobileFilters }}{{ else }} bg-white text-blue-400
{{ /if }} hover:bg-blue-400 hover:text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-5 h-5 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"/>
</svg>
<div>
Filters
</div>
</button>
<!-- Sort: Button -->
<button
@click="sort = ! sort"
x-bind:class="[listingType == 'lots' ? 'border-l' : 'border-x' ]"
class="flex flex-row text-blue-400 w-full border-blue-400 text-sm justify-center items-center hover:bg-blue-400 hover:text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-4 h-4 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"/>
</svg>
<div>
Sort by
</div>
</button>
<!-- Map: Button -->
<button
x-on:click="activeTab = ((activeTab == 'map') ? 'list' : 'map')"
x-bind:class="[map ? 'text-white bg-blue-400' : 'bg-white-400 text-blue-400', listingType == 'lots' ? 'hidden' : '' ]"
class="flex flex-row w-full text-sm rounded-r-md justify-center items-center hover:bg-blue-400 hover:text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-4 h-4 mr-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/>
<path stroke-linecap="round" stroke-linejoin="round"
d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/>
</svg>
<div>
Map view
</div>
</button>
</div>
<!-- Filters: Content -->
<div x-cloak x-show="mobileFilters"
class="absolute top-0 left-0 right-0 bottom-0 z-50 w-full bg-blue-800 transition-all duration-300">
<!-- Sidebar -->
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="sidebar lg:col-span-1 w-full keep-opacity-on-desktop" wire:loading.class="opacity-50 pointer-events-none">
{{ if isCatalogue }}{{ else }} <div class="flex lg:justify-between items-center pt-3 pb-2 pl-5 pr-2 lg:px-0 lg:py-0 font-bold text-blue-400">
{{ /if }} <h3 class="text-xl">Filters
{{ if activeFilterCount > 0}}</h3>
<a x-on:click="$wire.updateFilters($wire.listingType)" class="text-xs lg:text-sm ml-5 border-blue-400 underline hover:text-blue-300 cursor-pointer">Clear all</a>
<button x-on:click="mobileFilters = !mobileFilters" class="flex flex-1 lg:hidden justify-end">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-10 h-10">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<!-- Tabs -->
<div x-data="{ activeTab: $wire.listingType, tabs: ['auctions', 'lots'] }">
<div class="hidden flex justify-between items-center font-bold py-5 px-5 lg:px-0 border-b border-grey-800 {{ if isCatalogue }}">
<template x-for="tab in tabs">
<a
:class="{ 'active': tab === tab }"
@click.prevent="activeTab = tab"
x-on:click="$wire.set('listingType', tab)"
x-bind:class="[activeTab === tab ? 'text-white bg-blue-400' : 'text-grey-700 bg-white-400 border lg:border-t lg:border-x border-grey-800 hover:text-white hover:bg-grey-800' ]"
href="#"
class="flex text-base lg:text-sm font-bold w-twocols rounded-md py-4 lg:py-3 justify-center capitalize"
x-text="tab">
</a>
</template>
</div>
</div>
<div class="py-5 px-5 lg:px-0 border-b border-grey-800 ">
<div class="w-full relative border border-grey-800 rounded-md text-blue-400">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live="keywords"
x-on:click.away="$wire.renderComponent()"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 block lg:hidden">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live.debounce.750ms="keywords"
wire:keydown.enter="renderComponent"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 hidden lg:block">
<button id='mobile-filter-search'
wire:click="renderComponent"
class="hidden lg:block bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md
absolute right-1 top-1 mt-1 z-10">
<img src="/img/search.svg" alt="Search" class="w-4">
</button>
</div>
</div>
<!-- Category Filter -->
<div class="filter category border-b border-grey-800 px-5 lg:px-0" x-data="{ categoryFilterOpen: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="categoryFilterOpen = ! categoryFilterOpen"
x-bind:class="categoryFilterOpen ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Category</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="category filter-contents pb-5">
{{ if categoriesCount == 0 }}{{ else }}
{{ foreach:filters as="key|filter" }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'construction-auctions
' )"
@click="$wire.updateParams('categories', 'construction-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
construction-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}construction-auctions
construction-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="construction-auctions
flex flex-col" x-data="{ constructionauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="constructionauctions
FilterOpen = !
constructionauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="constructionauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Construction
(
2
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="construction-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'construction-auctions
', '
building-plumbing-and-electrical-auctions
' )"
@click="$wire.updateParams('subcategories', 'building-plumbing-and-electrical-auctions
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Building, Plumbing & Electrical
(
1
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'construction-auctions
', '
trade-and-power-tools
' )"
@click="$wire.updateParams('subcategories', 'trade-and-power-tools
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Trade & Power Tools
(
2
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'consumer-goods-auctions
' )"
@click="$wire.updateParams('categories', 'consumer-goods-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
consumer-goods-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}consumer-goods-auctions
consumer-goods-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="consumer-goods-auctions
flex flex-col" x-data="{ consumergoodsauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="consumergoodsauctions
FilterOpen = !
consumergoodsauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="consumergoodsauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Consumer Goods
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="consumer-goods-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'consumer-goods-auctions
', '
homeware-and-garden
' )"
@click="$wire.updateParams('subcategories', 'homeware-and-garden
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Homeware & Garden
(
1
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'manufacturing-auctions
' )"
@click="$wire.updateParams('categories', 'manufacturing-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
manufacturing-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}manufacturing-auctions
manufacturing-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="manufacturing-auctions
flex flex-col" x-data="{ manufacturingauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="manufacturingauctions
FilterOpen = !
manufacturingauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="manufacturingauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Manufacturing
(
4
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="manufacturing-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
engineering-and-metalworking-auctions
' )"
@click="$wire.updateParams('subcategories', 'engineering-and-metalworking-auctions
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Engineering & Metalworking
(
3
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
factory-and-warehouse-auctions
' )"
@click="$wire.updateParams('subcategories', 'factory-and-warehouse-auctions
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Factory & Warehouse
(
2
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
lifting-handling-and-storage
' )"
@click="$wire.updateParams('subcategories', 'lifting-handling-and-storage
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Lifting, Handling & Storage
(
3
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'manufacturing-auctions
', '
woodworking-and-timber-stock
' )"
@click="$wire.updateParams('subcategories', 'woodworking-and-timber-stock
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Woodworking & Timber Stock
(
2
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( 'vehicles-auctions
' )"
@click="$wire.updateParams('categories', 'vehicles-auctions
')">
<div x-bind:class="0
> 0 || '
' == '
vehicles-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}vehicles-auctions
vehicles-auctions
{{ else }} <path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }} </svg>
</div>
</div>
</div>
<div class="vehicles-auctions
flex flex-col" x-data="{ vehiclesauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="vehiclesauctions
FilterOpen = !
vehiclesauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="vehiclesauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">Vehicles
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="vehicles-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}1
{{ /child }} <div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( 'vehicles-auctions
', '
cars-and-vans
' )"
@click="$wire.updateParams('subcategories', 'cars-and-vans
')">
<div x-bind:class="0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }} <p class="text-blue-400 text-sm font-normal">
Cars & Vans
(
1
)</p>
{{ /child }} </div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }}
{{ child }}{{ if counts['categories'][slug] > 0 && sub_active }}
{{ /foreach:filter:children }} </div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ /if }} <!-- End Category Filter -->
</div>
</div>
{{ if !isCatalogue }}1
<!-- Auctioneer Filter -->
<div class="auctioneer filter border-b border-grey-800 px-5 lg:px-0" x-data="{ auctioneerFilterOpen: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="auctioneerFilterOpen = ! auctioneerFilterOpen"
x-bind:class="auctioneerFilterOpen ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Auctioneer</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="auctioneer filter-contents pb-5">
<div x-data="{ open: false }" class="relative w-full text-left">
<div x-data="{ auctioneer: $wire.auctioneer ?? 'Any' }">
<button @click="open = ! open; $nextTick(() => document.querySelector('#auctioneer-search').focus())"
class="flex bg-white lg:bg-transparent w-full mb-3 p-3 items-center justify-between rounded-md border border-grey-800 text-blue-400">
<span x-text="$wire.auctioneerTitle ?? 'Any'"></span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="open" @click.outside="open = false"
class="absolute right-0 overflow-scroll max-h-80 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<!-- Search -->
<div class="relative inline-block w-full p-2 text-left">
<input type="text" wire:model.live.debounce.1000ms="auctioneerKeywords" id="auctioneer-search" placeholder="Search Auctioneers..."
class="flex h-16 lg:h-12 px-3 w-full items-center rounded-md border border-gray-800 text-blue-400 ">
</div>
<!-- Active: "bg-gray-100 text-gray-900", Not Active: "text-gray-700" -->
<p @click="[open = ! open, $wire.set('auctioneer', ''), $wire.set('auctioneerTitle', 'Any')]" wire:click="selectFilter('auctioneer', 'Any')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
View All
</p>
{{ foreach:auctioneers as="auctioneer"}}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}1
<p
@click="[open = ! open, $wire.set('auctioneer', '1
'), $wire.set('auctioneerTitle', 'Arthur Johnson & Sons
')]"
wire:click="selectFilter('auctioneer', '1
')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
Arthur Johnson & Sons
(
2
)
</p>
{{ /if }}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}1
<p
@click="[open = ! open, $wire.set('auctioneer', '604
'), $wire.set('auctioneerTitle', 'Steves Auctions Ltd
')]"
wire:click="selectFilter('auctioneer', '604
')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
Steves Auctions Ltd
(
1
)
</p>
{{ /if }}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }} <!-- End Auctioneer Filter -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Type Filter -->
<!-- Region Filter -->
<div>
<!-- Location Filter -->
<div class="region filter border-b border-grey-800 px-5 lg:px-0" x-data="{ open: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="open = ! open"
x-bind:class="open ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Location</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="region filter-contents pb-5">
<div class="flex items-center">
<input type="text" wire:model.live.debounce.1000ms="postcode" placeholder="Postcode/Town" class=" mr-2 w-full p-3 border border-grey-800 rounded-md text-blue-400 ">
<select wire:model.live="radius" class="flex w-32 p-3 border border-grey-800 rounded-md text-blue-400 mr-2">
<option value="">Radius</option>
<option value="10">10 miles</option>
<option value="20">20 miles</option>
<option value="30">30 miles</option>
<option value="40">40 miles</option>
<option value="50">50 miles</option>
<option value="75">75 miles</option>
<option value="100">100 miles</option>
</select>
{{ if postcode != '' }} </div>
</div>
</div>
<!-- Country Filter -->
<div class="region filter border-b border-grey-800 px-5 lg:px-0" x-data="{ open: false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="open = ! open"
x-bind:class="open ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Country</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="region filter-contents pb-5">
{{ taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'belgium
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[belgium
]"
@click="$wire.updateParams('countries', 'belgium
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Belgium
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'france
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[france
]"
@click="$wire.updateParams('countries', 'france
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">France
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'germany
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[germany
]"
@click="$wire.updateParams('countries', 'germany
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Germany
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'ireland
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[ireland
]"
@click="$wire.updateParams('countries', 'ireland
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Ireland
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'italy
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[italy
]"
@click="$wire.updateParams('countries', 'italy
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Italy
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'netherlands
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[netherlands
]"
@click="$wire.updateParams('countries', 'netherlands
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Netherlands
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'portugal
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[portugal
]"
@click="$wire.updateParams('countries', 'portugal
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Portugal
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'spain
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[spain
]"
@click="$wire.updateParams('countries', 'spain
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Spain
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'switzerland
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[switzerland
]"
@click="$wire.updateParams('countries', 'switzerland
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Switzerland
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}1
block
{{ else }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'uk
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[uk
]"
@click="$wire.updateParams('countries', 'uk
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">UK
</div>
</div>
</div>
{{ /taxonomy:countries }}
{{ countries }}
<div class="farm {{ if counts['countries'][slug] > 0 }}{{ else }} hidden
{{ /if }}"
x-data="{ childFilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', 'usa
')"
x-on:click="childFilterOpen = ! child
FilterOpen"
x-bind:class="childFilterOpen ? 'active' : ''"
wire:model="countries[usa
]"
@click="$wire.updateParams('countries', 'usa
')">
<div
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">USA
</div>
</div>
</div>
{{ /taxonomy:countries }} </div>
</div>
</div>
<!-- Status Filter Desktop -->
<div class="region filter border-b border-grey-800 px-5 lg:px-0" x-data="{ open: $wire.showClosed }">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="open = ! open"
x-bind:class="open ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Past Auctions</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="region filter-contents pb-5">
<div class="farm" x-data="{ statusFilterOpen: $wire.get('showClosed') }">
<div class="filter flex justify-start items-center font-bold mr-6 py-2 cursor-pointer"
x-on:click="statusFilterOpen = !statusFilterOpen"
x-bind:class="statusFilterOpen ? 'active' : ''"
@click="$wire.set('showClosed', statusFilterOpen)">
<div
class="checkbox border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
<div class="text-blue-400 text-base ">Show Past Auctions
</div>
</div>
</div>
</div>
</div>
{{ /if }}
<div class="px-4 lg:hidden mt-4 pb-4 border-b border-blue-400">
<button x-on:click="mobileFilters = !mobileFilters" class="text-lg font-bold w-full rounded-md py-4 flex items-center justify-center text-white hover:bg-blue-400" style="background-color: #fb923c;">
Search
</button>
</div>
<!-- User Actions -->
<div class="flex flex-col justify-center items-center font-bold rounded-md mx-4 lg:mx-0 mt-7 py-5 px-6 bg-blue-400 lg:bg-grey-50" wire:ignore>
<h4 class="mb-4 text-center text-white lg:text-blue-400">Get free alerts for upcoming auctions matching this search</h4>
<!-- Create Alert -->
{{ if alt_logged_in }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'auctions->create-auction-alerts'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'auctions->create-auction-alerts'"
class="text-base lg:text-sm w-full rounded-md py-3 flex items-center justify-center bg-orange-600 text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-6 h-6 pr-1" alt="Create alert">
<path stroke-linecap="round" stroke-linejoin="round"
d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"/>
</svg>
Create auction alerts
</div>
{{ /if }}
</div>
<!-- End Actions -->
<div class="mt-8 flex flex-wrap col-span-1 order-first lg:order-last pb-5 lg:pb-0" style="box-shadow: 0px 3px 20px #d1d5db !important;">
<div class="flex flex-col w-full justify-start rounded-md shadow-lg shadow-gray-300">
<div class="glide " data-glide-options="{type: 'slider', startAt: 0, perView: 1, autoplay: 4000}">
<div data-glide-el="track" class="glide__track h-full">
<ul class="glide__slides h-full">
{{ sponsorships:featured_auctioneers_auctions_listing }} </ul>
</div>
</div>
</div>
</div>
</form>
<!-- End Sidebar -->
</div>
<!-- Sort: Content -->
<div x-show="sort" @click.outside="sort = false"
x-data="{options: $wire.get('sortOptions')}"
class="absolute right-0 z-10 w-[75%] origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="sort = ! sort"
x-on:click="$wire.set('activeOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
<!-- Map: Content -->
<div x-cloak x-show="activeTab == 'list'">
<div>
<!-- List Results -->
<div class="sort w-full flex justify-between items-center py-5 {{ if isCatalogue }}">
<!-- Results Count -->
<div x:data="{count: $wire.get('activeFilterCount')}" class="flex flex-row font-bold text-blue-400 lg:text-xl">
<div class="pr-1">4
</div>
results
</div>
<div class="flex lg:w-1/2 justify-end items-center">
<span class='hidden lg:inline-block text-xs text-blue-400 w-1/4'>Results per page:</span>
<!-- results per page -->
<div x-data="{ pagesOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="pagesOpen = ! pagesOpen"
class="flex mr-4 w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span> 30
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="pagesOpen" @click.outside="pagesOpen = false"
x-data="{options: $wire.get('pagesOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="pagesOpen = ! pagesOpen"
x-on:click="$wire.set('activePagesOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
<!-- Sort Select -->
<div x-data="{ sortOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="sortOpen = ! sortOpen"
class="flex w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span> Sort by
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="sortOpen" @click.outside="sortOpen = false"
x-data="{options: $wire.get('sortOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="sortOpen = ! sortOpen"
x-on:click="$wire.set('activeOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
</div>
</div>
<!-- Listings -->
<div>
<!-- Search Results -->
<div class="relative">
<div class="h-screen lg:h-auto top-0 lg:top-12 left-0 right-0 flex items-center justify-center hidden z-50 loader-overlay" wire:loading.class.remove="hidden">
<img src="/img/loading.svg" alt="" class="h-12 w-12 loader"/>
</div>
{{ if !items }}
<div class="flex w-full grid grid-cols-1 lg:grid-cols-3 gap-x-8" wire:loading.class="opacity-50 pointer-events-none">
{{ items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_1986
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}1986
1986
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/test-content-of-large-park-home-manufacturing-auction/1986
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/test-content-of-large-park-home-manufacturing-auction/1986
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Test - Content of Large Park Home Manufacturing Auction
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
1
1
1986
1986
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_1987
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}1987
1987
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/a-range-of-cnc-and-conventional-woodworking-and-stone-cutting-plant-and-machinery-biomass-boiler-forklift-trucks-workshop-office-furnishings-and-equipment-at-auction/1987
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/a-range-of-cnc-and-conventional-woodworking-and-stone-cutting-plant-and-machinery-biomass-boiler-forklift-trucks-workshop-office-furnishings-and-equipment-at-auction/1987
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
A Range of CNC and Conventional Woodworking and Stone Cutting Plant and Machinery, Biomass Boiler, Forklift Trucks, Workshop, Office Furnishings and Equipment at Auction
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
1
1
1987
1987
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_2053
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}2053
2053
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-test-auctioneers/modern-cnc-traditional-fabrication-equipment-commercial-vehicles-welding-sets-associated-hand-tools-raw-material-stock-auction/2053
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-test-auctioneers/modern-cnc-traditional-fabrication-equipment-commercial-vehicles-welding-sets-associated-hand-tools-raw-material-stock-auction/2053
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Modern CNC & Traditional Fabrication Equipment, Commercial Vehicles, Welding Sets, Associated Hand Tools & Raw Material Stock Auction
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
537
537
2053
2053
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_2047
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}2047
2047
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-auctions-ltd/woodworking-metalworking-equipment-auction-to-include-edgebanders-cnc-machines-panel-saws-tenoners-more/2047
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-auctions-ltd/woodworking-metalworking-equipment-auction-to-include-edgebanders-cnc-machines-panel-saws-tenoners-more/2047
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Woodworking & Metalworking Equipment Auction to include Edgebanders, CNC Machines, Panel Saws, Tenoners & More
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
604
604
2047
2047
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} </div>
</div>
<!-- End Search Results -->
<div class="py-4"></div>
</div>
<!-- End List Results -->
</div>
</div>
<div x-cloak x-show="activeTab != 'list'" >
<div>
<style>
.map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
</style>
<div class="flex flex-wrap justify-between items-center mt-4 lg:mt-0">
<div class="flex font-bold text-blue-400 lg:text-xl">
<div class="pr-1">4
</div> results
</div>
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="py-5 flex items-center">
{{ if postcodeError }} <input type="text" wire:model.live.debounce.1000ms="postcode" placeholder="Postcode/Town" class="p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<select wire:model.live="radius" class="flex w-32 p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<option value="">Radius</option>
<option value="10">10 miles</option>
<option value="20">20 miles</option>
<option value="30">30 miles</option>
<option value="40">40 miles</option>
<option value="50">50 miles</option>
<option value="75">75 miles</option>
<option value="100">100 miles</option>
</select>
<!-- <button class="bg-blue-400 text-white px-4 py-2 text-center rounded-md">Search</button>-->
</form>
</div>
<div class="text-gray-400 pb-8 lg:pb-0" wire:ignore>
<div class="mx-auto lg:px-0">
<div id="map_mobile
" class="map"></div>
</div>
</div>
<!-- Map Results -->
<div class="the-markers hidden" data-rand=>
{{ items | reverse }}
{{ if lat }}
{{ /items }}
{{ if lat }}1
<div class="marker" data-lat="
50.3715
" data-lng="
-4.143
" data-title="
Modern CNC & Traditional Fabrication Equipment, Commercial Vehicles, Welding Sets, Associated Hand Tools & Raw Material Stock Auction
">
<h1 style="font-size: 20px; font-weight: bold;">Modern CNC & Traditional Fabrication Equipment, Commercial Vehicles, Welding Sets, Associated Hand Tools & Raw Material Stock Auction
</h1><p style="margin-top: 10px; font-size: 14px;">
Steves Test Auctioneers
</p><p style="margin-top: 10px; font-size: 14px;"><a style="color: #0D3366; text-decoration: underline;" href="/auction/
steves-test-auctioneers/modern-cnc-traditional-fabrication-equipment-commercial-vehicles-welding-sets-associated-hand-tools-raw-material-stock-auction/2053
">View Auction</a></p>
</div>
{{ /if }}
{{ /items }}
{{ if lat }}1
<div class="marker" data-lat="
55.92998
" data-lng="
-4.04314
" data-title="
A Range of CNC and Conventional Woodworking and Stone Cutting Plant and Machinery, Biomass Boiler, Forklift Trucks, Workshop, Office Furnishings and Equipment at Auction
">
<h1 style="font-size: 20px; font-weight: bold;">A Range of CNC and Conventional Woodworking and Stone Cutting Plant and Machinery, Biomass Boiler, Forklift Trucks, Workshop, Office Furnishings and Equipment at Auction
</h1><p style="margin-top: 10px; font-size: 14px;">
Arthur Johnson & Sons
</p><p style="margin-top: 10px; font-size: 14px;"><a style="color: #0D3366; text-decoration: underline;" href="/auction/
arthur-johnson-sons/a-range-of-cnc-and-conventional-woodworking-and-stone-cutting-plant-and-machinery-biomass-boiler-forklift-trucks-workshop-office-furnishings-and-equipment-at-auction/1987
">View Auction</a></p>
</div>
{{ /if }}
{{ /items }}
{{ if lat }}1
<div class="marker" data-lat="
52.943943125
" data-lng="
-1.1357462
" data-title="
Test - Content of Large Park Home Manufacturing Auction
">
<h1 style="font-size: 20px; font-weight: bold;">Test - Content of Large Park Home Manufacturing Auction
</h1><p style="margin-top: 10px; font-size: 14px;">
Arthur Johnson & Sons
</p><p style="margin-top: 10px; font-size: 14px;"><a style="color: #0D3366; text-decoration: underline;" href="/auction/
arthur-johnson-sons/test-content-of-large-park-home-manufacturing-auction/1986
">View Auction</a></p>
</div>
{{ /if }}
{{ /items }} </div>
<!-- End Map Results -->
</div>
<script>
function isElement(obj) {
try {
//Using W3 DOM2 (works for FF, Opera and Chrome)
return obj instanceof HTMLElement;
}
catch(e){
//Browsers not supporting W3 DOM2 don't have HTMLElement and
//an exception is thrown and we end up here. Testing some
//properties that all elements have (works on IE7)
return (typeof obj==="object") &&
(obj.nodeType===1) && (typeof obj.style === "object") &&
(typeof obj.ownerDocument ==="object");
}
}
window.initMapmobile
= function() {
let map = new google.maps.Map(document.getElementById("map_mobile
"), {
zoom: 15,
center: { lat: -33, lng: 151 },
styles: [
{
"featureType": "all",
"elementType": "labels.text",
"stylers": [
{
"color": "#000000"
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [
{
"hue": "#ff0000"
}
]
},
{
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [
{
"color": "#ff0000"
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#000000"
},
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.country",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
},
{
"color": "#ff0000"
}
]
},
{
"featureType": "administrative.country",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "administrative.country",
"elementType": "labels",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#0D3366"
}
]
},
{
"featureType": "administrative.province",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.locality",
"elementType": "all",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#0D3366"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "labels",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "geometry",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural.landcover",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "landscape.natural.terrain",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"lightness": 45
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road.highway",
"elementType": "all",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#eefcff"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels",
"stylers": [
{
"visibility": "off"
},
{
"color": "#d3d4f3"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#000000"
},
{
"weight": "0.01"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text.fill",
"stylers": [
{
"visibility": "simplified"
},
{
"weight": "0.01"
}
]
},
{
"featureType": "transit.station.bus",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "water",
"elementType": "all",
"stylers": [
{
"color": "#eefcff"
},
{
"visibility": "on"
}
]
}
]
});
var markers = [];
var infowindows = [];
var oldTimestamp = '';
setInterval(() => {
map.markers = [];
if(oldTimestamp != document.querySelector('.the-markers').getAttribute('data-rand')) {
oldTimestamp = document.querySelector('.the-markers').getAttribute('data-rand');
for (let i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
markers = [];
console.log(map)
var theMarkers = document.querySelectorAll('.marker');
for (let key in theMarkers) {
let theMarker = theMarkers[key];
if (!isElement(theMarker)) {
continue;
}
var latLng = {
lat: parseFloat(theMarker.getAttribute('data-lat')),
lng: parseFloat(theMarker.getAttribute('data-lng'))
};
// Create marker instance.
let marker = new google.maps.Marker({
position: latLng,
map: map,
title: theMarker.getAttribute('data-title'),
});
markers.push(marker);
// Create info window.
let infowindow = new google.maps.InfoWindow({
content: theMarker.innerHTML
});
infowindows.push(infowindow);
// Show info window when marker is clicked.
google.maps.event.addListener(markers[key], 'click', function () {
infowindows[key].open(map, markers[key]);
});
// Append to reference for later use.
map.markers.push(marker);
}
var bounds = new google.maps.LatLngBounds();
map.markers.forEach(function (marker) {
bounds.extend({
lat: marker.position.lat(),
lng: marker.position.lng()
});
});
// Case: Single marker.
if (map.markers.length == 1) {
map.setCenter(bounds.getCenter());
} else if (map.markers.length == 0) {
map.setCenter({lat: 52.922574, lng: -1.474587});
map.setZoom(5);
} else {
map.fitBounds( bounds );
}
map.panBy(0, 0);
console.log(markers)
}
}, 500)
}
document.addEventListener("DOMContentLoaded", (event) => {
console.log('my eventyboi');
if(document.getElementById("map_mobile
")) {
window.initMapmobile
();
}
});
</script>
</div>
<!-- End Mobile View -->
</div>
<div class="block xl:hidden">
<div class="mt-8 flex flex-wrap col-span-1 order-first lg:order-last pb-5 lg:pb-0" style="box-shadow: 0px 3px 20px #d1d5db !important;">
<div class="flex flex-col w-full justify-start rounded-md shadow-lg shadow-gray-300">
<div class="glide " data-glide-options="{type: 'slider', startAt: 0, perView: 1, autoplay: 4000}">
<div data-glide-el="track" class="glide__track h-full">
<ul class="glide__slides h-full">
{{ sponsorships:featured_auctioneers_auctions_listing }} </ul>
</div>
</div>
</div>
</div>
</div>
<!-- Desktop View -->
<!-- Desktop View -->
<div
x-data="{ activeTab: , listingType:
}"
class="hidden lg:block">
<!-- Tabs -->
<div class="hidden lg:flex border-b border-blue-400 w-full {{ if isCatalogue }}">
<template x-for="tab in ['list', 'map']">
<a
:class="{ 'active': tab === tab }"
x-on:click="activeTab = tab"
x-bind:class="[activeTab === tab ? 'text-white bg-blue-400' : 'text-grey-700 bg-white-400 border-t border-x border-grey-800 hover:text-white hover:bg-grey-800' ]"
class="text-sm font-bold rounded-t-md p-3 px-16 mr-3 capitalize"
x-text="tab"
x-show="(listingType == 'lots' && tab == 'map') === false"
>
</a>
</template>
</div>
<!-- Tab Content -->
<div x-show="(activeTab == 'list') === true">
<div>
<!-- List Results -->
<div class="sort w-full flex justify-between items-center py-5 {{ if isCatalogue }}">
<!-- Results Count -->
<div x:data="{count: $wire.get('activeFilterCount')}" class="flex flex-row font-bold text-blue-400 lg:text-xl">
<div class="pr-1">4
</div>
results
</div>
<div class="flex lg:w-1/2 justify-end items-center">
<span class='hidden lg:inline-block text-xs text-blue-400 w-1/4'>Results per page:</span>
<!-- results per page -->
<div x-data="{ pagesOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="pagesOpen = ! pagesOpen"
class="flex mr-4 w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span> 30
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="pagesOpen" @click.outside="pagesOpen = false"
x-data="{options: $wire.get('pagesOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="pagesOpen = ! pagesOpen"
x-on:click="$wire.set('activePagesOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
<!-- Sort Select -->
<div x-data="{ sortOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="sortOpen = ! sortOpen"
class="flex w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span> Sort by
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="sortOpen" @click.outside="sortOpen = false"
x-data="{options: $wire.get('sortOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="sortOpen = ! sortOpen"
x-on:click="$wire.set('activeOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
</div>
</div>
<!-- Listings -->
<div>
<!-- Search Results -->
<div class="relative">
<div class="h-screen lg:h-auto top-0 lg:top-12 left-0 right-0 flex items-center justify-center hidden z-50 loader-overlay" wire:loading.class.remove="hidden">
<img src="/img/loading.svg" alt="" class="h-12 w-12 loader"/>
</div>
{{ if !items }}
<div class="flex w-full grid grid-cols-1 lg:grid-cols-3 gap-x-8" wire:loading.class="opacity-50 pointer-events-none">
{{ items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_1986
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}1986
1986
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/test-content-of-large-park-home-manufacturing-auction/1986
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/test-content-of-large-park-home-manufacturing-auction/1986
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Test - Content of Large Park Home Manufacturing Auction
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
1
1
1986
1986
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_1987
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}1987
1987
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/a-range-of-cnc-and-conventional-woodworking-and-stone-cutting-plant-and-machinery-biomass-boiler-forklift-trucks-workshop-office-furnishings-and-equipment-at-auction/1987
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
arthur-johnson-sons/a-range-of-cnc-and-conventional-woodworking-and-stone-cutting-plant-and-machinery-biomass-boiler-forklift-trucks-workshop-office-furnishings-and-equipment-at-auction/1987
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
A Range of CNC and Conventional Woodworking and Stone Cutting Plant and Machinery, Biomass Boiler, Forklift Trucks, Workshop, Office Furnishings and Equipment at Auction
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
1
1
1987
1987
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_2053
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}2053
2053
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-test-auctioneers/modern-cnc-traditional-fabrication-equipment-commercial-vehicles-welding-sets-associated-hand-tools-raw-material-stock-auction/2053
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-test-auctioneers/modern-cnc-traditional-fabrication-equipment-commercial-vehicles-welding-sets-associated-hand-tools-raw-material-stock-auction/2053
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Modern CNC & Traditional Fabrication Equipment, Commercial Vehicles, Welding Sets, Associated Hand Tools & Raw Material Stock Auction
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
537
537
2053
2053
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} <!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_2047
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}2047
2047
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked: {{ if entryStatus == true }}{{ else }} false
{{ /if }},
clickedTemp: {{ if entryStatus == true }}{{ else }} false
{{ /if }}}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer {{ if int_a39a164233d0 == 'list' }}list
list
1
absolute top-[25px] left-[25px]
{{ /if }}"
{{ if logged_in }} x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}{{ else }} <div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}} <svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}list
list
1
26.606
{{ else }}" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke="
{{ if int_33fda875f7653 == 'dark' }}light
light
{{ else }} #fff
{{ /if }}" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4 {{ if featured == 1 }}{{ else }} bg-white text-blue-600
{{ /if }}">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-auctions-ltd/woodworking-metalworking-equipment-auction-to-include-edgebanders-cnc-machines-panel-saws-tenoners-more/2047
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': 'category-listings
' });" href="/
auction
/
steves-auctions-ltd/woodworking-metalworking-equipment-auction-to-include-edgebanders-cnc-machines-panel-saws-tenoners-more/2047
" class="hover:underline">-->
{{ if lot_number }} <p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Woodworking & Metalworking Equipment Auction to include Edgebanders, CNC Machines, Panel Saws, Tenoners & More
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}auction
auction
604
604
2047
2047
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }} </div>
</div>
<!-- End Search Results -->
<div class="py-4"></div>
</div>
<!-- End List Results -->
</div>
</div>
<div x-show="(activeTab == 'map') === true">
<div>
<style>
.map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
</style>
<div class="flex flex-wrap justify-between items-center mt-4 lg:mt-0">
<div class="flex font-bold text-blue-400 lg:text-xl">
<div class="pr-1">4
</div> results
</div>
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="py-5 flex items-center">
{{ if postcodeError }} <input type="text" wire:model.live.debounce.1000ms="postcode" placeholder="Postcode/Town" class="p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<select wire:model.live="radius" class="flex w-32 p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<option value="">Radius</option>
<option value="10">10 miles</option>
<option value="20">20 miles</option>
<option value="30">30 miles</option>
<option value="40">40 miles</option>
<option value="50">50 miles</option>
<option value="75">75 miles</option>
<option value="100">100 miles</option>
</select>
<!-- <button class="bg-blue-400 text-white px-4 py-2 text-center rounded-md">Search</button>-->
</form>
</div>
<div class="text-gray-400 pb-8 lg:pb-0" wire:ignore>
<div class="mx-auto lg:px-0">
<div id="map_desktop
" class="map"></div>
</div>
</div>
<!-- Map Results -->
<div class="the-markers hidden" data-rand=>
{{ items | reverse }}
{{ if lat }}
{{ /items }}
{{ if lat }}1
<div class="marker" data-lat="
50.3715
" data-lng="
-4.143
" data-title="
Modern CNC & Traditional Fabrication Equipment, Commercial Vehicles, Welding Sets, Associated Hand Tools & Raw Material Stock Auction
">
<h1 style="font-size: 20px; font-weight: bold;">Modern CNC & Traditional Fabrication Equipment, Commercial Vehicles, Welding Sets, Associated Hand Tools & Raw Material Stock Auction
</h1><p style="margin-top: 10px; font-size: 14px;">
Steves Test Auctioneers
</p><p style="margin-top: 10px; font-size: 14px;"><a style="color: #0D3366; text-decoration: underline;" href="/auction/
steves-test-auctioneers/modern-cnc-traditional-fabrication-equipment-commercial-vehicles-welding-sets-associated-hand-tools-raw-material-stock-auction/2053
">View Auction</a></p>
</div>
{{ /if }}
{{ /items }}
{{ if lat }}1
<div class="marker" data-lat="
55.92998
" data-lng="
-4.04314
" data-title="
A Range of CNC and Conventional Woodworking and Stone Cutting Plant and Machinery, Biomass Boiler, Forklift Trucks, Workshop, Office Furnishings and Equipment at Auction
">
<h1 style="font-size: 20px; font-weight: bold;">A Range of CNC and Conventional Woodworking and Stone Cutting Plant and Machinery, Biomass Boiler, Forklift Trucks, Workshop, Office Furnishings and Equipment at Auction
</h1><p style="margin-top: 10px; font-size: 14px;">
Arthur Johnson & Sons
</p><p style="margin-top: 10px; font-size: 14px;"><a style="color: #0D3366; text-decoration: underline;" href="/auction/
arthur-johnson-sons/a-range-of-cnc-and-conventional-woodworking-and-stone-cutting-plant-and-machinery-biomass-boiler-forklift-trucks-workshop-office-furnishings-and-equipment-at-auction/1987
">View Auction</a></p>
</div>
{{ /if }}
{{ /items }}
{{ if lat }}1
<div class="marker" data-lat="
52.943943125
" data-lng="
-1.1357462
" data-title="
Test - Content of Large Park Home Manufacturing Auction
">
<h1 style="font-size: 20px; font-weight: bold;">Test - Content of Large Park Home Manufacturing Auction
</h1><p style="margin-top: 10px; font-size: 14px;">
Arthur Johnson & Sons
</p><p style="margin-top: 10px; font-size: 14px;"><a style="color: #0D3366; text-decoration: underline;" href="/auction/
arthur-johnson-sons/test-content-of-large-park-home-manufacturing-auction/1986
">View Auction</a></p>
</div>
{{ /if }}
{{ /items }} </div>
<!-- End Map Results -->
</div>
<script>
function isElement(obj) {
try {
//Using W3 DOM2 (works for FF, Opera and Chrome)
return obj instanceof HTMLElement;
}
catch(e){
//Browsers not supporting W3 DOM2 don't have HTMLElement and
//an exception is thrown and we end up here. Testing some
//properties that all elements have (works on IE7)
return (typeof obj==="object") &&
(obj.nodeType===1) && (typeof obj.style === "object") &&
(typeof obj.ownerDocument ==="object");
}
}
window.initMapdesktop
= function() {
let map = new google.maps.Map(document.getElementById("map_desktop
"), {
zoom: 15,
center: { lat: -33, lng: 151 },
styles: [
{
"featureType": "all",
"elementType": "labels.text",
"stylers": [
{
"color": "#000000"
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [
{
"hue": "#ff0000"
}
]
},
{
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [
{
"color": "#ff0000"
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#000000"
},
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.country",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
},
{
"color": "#ff0000"
}
]
},
{
"featureType": "administrative.country",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "administrative.country",
"elementType": "labels",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#0D3366"
}
]
},
{
"featureType": "administrative.province",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "administrative.locality",
"elementType": "all",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#0D3366"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.man_made",
"elementType": "labels",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "geometry",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "landscape.natural.landcover",
"elementType": "all",
"stylers": [
{
"visibility": "on"
}
]
},
{
"featureType": "landscape.natural.terrain",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "poi",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road",
"elementType": "all",
"stylers": [
{
"saturation": -100
},
{
"lightness": 45
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "road.highway",
"elementType": "all",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#eefcff"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels",
"stylers": [
{
"visibility": "off"
},
{
"color": "#d3d4f3"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text",
"stylers": [
{
"visibility": "simplified"
},
{
"color": "#000000"
},
{
"weight": "0.01"
}
]
},
{
"featureType": "road.highway",
"elementType": "labels.text.fill",
"stylers": [
{
"visibility": "simplified"
},
{
"weight": "0.01"
}
]
},
{
"featureType": "transit.station.bus",
"elementType": "all",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "water",
"elementType": "all",
"stylers": [
{
"color": "#eefcff"
},
{
"visibility": "on"
}
]
}
]
});
var markers = [];
var infowindows = [];
var oldTimestamp = '';
setInterval(() => {
map.markers = [];
if(oldTimestamp != document.querySelector('.the-markers').getAttribute('data-rand')) {
oldTimestamp = document.querySelector('.the-markers').getAttribute('data-rand');
for (let i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
markers = [];
console.log(map)
var theMarkers = document.querySelectorAll('.marker');
for (let key in theMarkers) {
let theMarker = theMarkers[key];
if (!isElement(theMarker)) {
continue;
}
var latLng = {
lat: parseFloat(theMarker.getAttribute('data-lat')),
lng: parseFloat(theMarker.getAttribute('data-lng'))
};
// Create marker instance.
let marker = new google.maps.Marker({
position: latLng,
map: map,
title: theMarker.getAttribute('data-title'),
});
markers.push(marker);
// Create info window.
let infowindow = new google.maps.InfoWindow({
content: theMarker.innerHTML
});
infowindows.push(infowindow);
// Show info window when marker is clicked.
google.maps.event.addListener(markers[key], 'click', function () {
infowindows[key].open(map, markers[key]);
});
// Append to reference for later use.
map.markers.push(marker);
}
var bounds = new google.maps.LatLngBounds();
map.markers.forEach(function (marker) {
bounds.extend({
lat: marker.position.lat(),
lng: marker.position.lng()
});
});
// Case: Single marker.
if (map.markers.length == 1) {
map.setCenter(bounds.getCenter());
} else if (map.markers.length == 0) {
map.setCenter({lat: 52.922574, lng: -1.474587});
map.setZoom(5);
} else {
map.fitBounds( bounds );
}
map.panBy(0, 0);
console.log(markers)
}
}, 500)
}
document.addEventListener("DOMContentLoaded", (event) => {
console.log('my eventyboi');
if(document.getElementById("map_desktop
")) {
window.initMapdesktop
();
}
});
</script>
</div>
</div>
<!-- End Desktop View -->
</div>
<!-- End Main -->
</div>
{{ if theCategory }}1
{{ section:alt_seo_title }}
{{ section:alt_seo_description }}
<div class="w-full full_width_text_with_fade px-12 lg:px-0 light" wire:ignore>
<div class="container py-16 flex flex-col items-center mx-auto">
<h2 class="content-header font-bold text-4xl mb-5 text-center">Manufacturing Machinery Auctions
</h2>
<div class="content transition font-light relative mb-3 wysiwyg">
<p>We promote auctions and lots from a range of prestigious auctioneers including Sanderson Weatherall, Wyles Hardy, Sweeney Kincaid, BPI, Gordon Brothers, GJ Wisdom and many more.</p><p>Our listings include a wide range of live and online manufacturing auctions throughout the UK including:</p><h3><strong>Electronic Equipment Auctions</strong></h3><p>Find all the machinery and tooling for your manufacturing operation with our electronic, test and tooling auctions including thermal imaging cameras, oscilloscopes, microscopes, hardness testers, callipers, thread gauges, tension and compression testing machines and more.</p><h3><strong>Engineering and Metalworking Auctions</strong></h3><p>These auctions include broad range of machinery and equipment including injection moulders, CNC machine tools, lathes, presses, guillotines and other fabrication machinery, drills, welding equipment, erosion machines, cutting tools and more.</p><h3><strong>Factory and Warehouse Auctions</strong></h3><p>This sub-category of the manufacturing sector can include anything from boilers and heating equipment to material handling equipment such as forklifts, overhead cranes, pallet jacks, loading ramps, conveyor systems, racking and ladders.</p><h3><strong>Plastic, UPVC, and Composites Auctions</strong></h3><p>Our plastics, UPVC and composite materials auctions include a wide range of window and door manufacturing equipment, plastic injection moulding machines, machining centres, saws, routers, dust extractors and much more.</p><h3><strong>Production Line and Packing Auctions</strong></h3><p>Just a few examples of what you can expect to find in these auctions include: cartoning machines, case packers, check-weigher machines, labelling & printing machines, inspection systems, flow-wrap machines, thermoforming machines, strapping machines, pallet wrappers, container sealers, industrial scales and much more besides.</p><h3><strong>Textile Industry Auctions</strong></h3><p>Our textile industry auction listings typically include industrial looms, sewing and embroidery machines, finishing machinery, knitting, spinning, ironing, bleaching, dyeing and carding machines, rolls of fabric and material, clothing stock and more.</p><h3><strong>Woodworking and Timber Stock Auctions</strong></h3><p>For CNC routers, bandsaws, planer thicknessers, cross-cut, panel and mitre saws, drilling and boring machines, edgebanders, sanders, routers, dust extraction systems, timber products and more, look no further than our woodworking and timber stock auctions.</p><h3><strong>Don’t miss out!</strong></h3><p>Make sure you don’t miss out on the auction you’ve been waiting for. <a href="/create-account">Create an account</a> with Auction News and choose your preferences to receive automated e-alerts based on your categories of interest, chosen keywords or saved searches.</p><p>Still not convinced? Then read our article <a href="https://auctionnews.com/categories/manufacturing-auctions/advice/why-buying-machinery-at-uk-auctions-is-a-smart-investment">"Why Buying at UK Machinery Auctions is a Smart Choice"</a></p>
<div class="fading-overlay"></div>
</div>
</div>
</div>
<div class="text-blue-400" wire:ignore>
<div id="content_hub_container" class="w-full">
<div class="content-hub_listing w-full px-4 lg:px-0 py-7 lg:py-16">
{{ collection:content_hub sort="thedate:desc" paginate="100" as="posts" }}
<h2 class="content-header font-bold text-4xl mb-10 text-center">Articles & Information</h2>
<div id="content_hub_posts" class="container mx-auto flex flex-wrap gap-y-4 -mx-4 justify-center">
{{ posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}1
<div class="px-4 w-full xl:w-1/3">
<a href="https://auction-news-dev.alt-develop.co.uk/categories/manufacturing-auctions
/advice/
why-buying-machinery-at-uk-auctions-is-a-smart-investment
" class="cursor-pointer flex flex-col w-full justify-between rounded-md drop-shadow-lg group no-underline bg-white">
<div>
<div class="w-full overflow-hidden rounded-t-md mb-4">
<div class="flex h-52 w-full bg-gray-100 group-hover:bg-gray-300 bg-cover bg-center bg-no-repeat group-hover:scale-105 bg-blend-multiply transition-transform duration-1000"
style="background: url('');">
</div>
</div>
<p class="text-[22px] leading-7 font-bold text-blue-400 hover:underline px-4">
Why Buying Machinery at UK Auctions is a Smart Investment
</p>
</div>
<div class="pt-1 text-sm text-gray-400 pb-4 px-4">
<p>Discover why UK machinery auctions are a smart investment for businesses. Learn about cost savings, wide selection, sustainability and expert support when purchasing quality equipment at auction.</p>
<span class="text-blue-400 font-bold underline">Read more</span>
</div>
</a>
</div>
{{ /if }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}
{{ /posts }}
{{ if (!theCategory && !is_auctioneer_listing && category_link == 'auctions') || (!theCategory && is_auctioneer_listing && category_link == 'auctioneers') || (theCategory && (theCategory.slug == auction_category:slug || theCategory.slug == auction_sub_category:slug)) }}1
<div class="px-4 w-full xl:w-1/3">
<a href="https://auction-news-dev.alt-develop.co.uk/categories/manufacturing-auctions
/advice/
manufacturing-content-hub
" class="cursor-pointer flex flex-col w-full justify-between rounded-md drop-shadow-lg group no-underline bg-white">
<div>
<div class="w-full overflow-hidden rounded-t-md mb-4">
<div class="flex h-52 w-full bg-gray-100 group-hover:bg-gray-300 bg-cover bg-center bg-no-repeat group-hover:scale-105 bg-blend-multiply transition-transform duration-1000"
style="background: url('');">
</div>
</div>
<p class="text-[22px] leading-7 font-bold text-blue-400 hover:underline px-4">
Manufacturing Content Hub
</p>
</div>
<div class="pt-1 text-sm text-gray-400 pb-4 px-4">
<p>This article is about - blah de blah</p>
<span class="text-blue-400 font-bold underline">Read more</span>
</div>
</a>
</div>
{{ /if }}
{{ /posts }}
</div>
<style>
.pagination {
margin-top: 40px;
}
.pagination > li:first-child {
margin-right: 20px;
}
.pagination > li:last-child {
margin-left: 20px;
}
</style>
<div class="flex justify-center">
{{ paginate }}
{{ if total_pages > 1 }}
{{ /paginate }} </div>
{{ /collection:content_hub }} </div>
</div>
<script>
var content_hub_container = document.getElementById("content_hub_container");
var content_hub_posts = document.getElementById("content_hub_posts");
var numberOfPosts = content_hub_posts.children.length;
if (numberOfPosts === 0) {
content_hub_container.style.display = "none";
}
</script>
</div>
{{ else }}
{{ if isCatalogue }}
<div class="top-0 fixed z-50 w-full h-screen bg-blue-600 transition-all opacity-50 duration-300" x-show="saveSearchOpen" x-on:click="saveSearchOpen = ! saveSearchOpen" @click="createAlertButton = false, saveSearchButton = false, alertPopUp = false, searchPopUp = false" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-50"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-50"
x-transition:leave-end="opacity-0"
></div>
<div class="top-0 justify-center items-center px-8 lg:px-0 w-full h-full fixed z-50 pointer-events-none transition-all" x-show="saveSearchOpen" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 mt-4"
x-transition:enter-end="opacity-100 mt-0"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-100 mt-0"
x-transition:leave-end="opacity-0 mt-4"
>
<div class="flex justify-center items-center w-full h-full ">
<div class="text-blue-600 rounded-md px-8 lg:px-8 py-8 lg:py-8 bg-grey-100 relative w-[490px] max-w-full pointer-events-auto relative">
<div class="absolute opacity-50 -mt-12 right-0 top-0">
<img class="h-[350px]" src="/img/pop-up-hammer.png" alt="">
</div>
<!-- Close Button -->
<div class="flex items-end justify-end absolute right-4 top-4 z-10">
<button x-on:click="saveSearchOpen = ! saveSearchOpen"
@click="createAlertButton = false, saveSearchButton = false, alertPopUp = false, searchPopUp = false">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<!-- Save Search -->
<div x-show="searchPopUp" class="relative">
<h4 class="text-blue-600 text-lg lg:text-4xl font-bold pt-8">Save search</h4>
<label class="inline-block font-bold mt-2 lg:mt-6">Name your search</label>
<input wire:model="searchName" type="text" class="mt-2 border border-grey-900 text-blue-600 px-4 py-2 rounded w-full">
<span onclick="gtag('event', 'save_search_created', {'event_category': 'click', 'event_location': 'category-listings
'});"
@click="saveSearchOpen = ! saveSearchOpen"
x-on:click="$wire.saveSearch(false), successOpen = true"
class="text-white inline-block rounded-md text-center text-lg font-bold w-full border border-blue-300 bg-blue-300 hover:bg-white hover:text-blue-300 hover:border hover:border-blue-300 mt-4 lg:mt-5 py-3 lg:py-3 px-12 text-base transition">Save search</span>
</div>
<!-- Create Alert -->
<div x-show="alertPopUp" class="relative">
<h4 class="text-blue-600 text-lg lg:text-4xl font-bold pt-8">Create alert</h4>
<label class="inline-block font-bold mt-2 lg:mt-6">Name your alert</label>
<input wire:model="searchName" type="text" class="mt-2 border border-grey-900 text-blue-600 px-4 py-2 rounded w-full">
<span onclick="gtag('event', 'auction_alert_created', {'event_category': 'click', 'event_location': 'category-listings
'});"
@click="saveSearchOpen = ! saveSearchOpen"
x-on:click="$wire.saveSearch(true), successOpen = true"
class="text-white inline-block rounded-md text-center text-lg font-bold w-full border border-blue-300 bg-blue-300 hover:bg-white hover:text-blue-300 hover:border hover:border-blue-300 mt-4 lg:mt-5 py-3 lg:py-3 px-12 text-base transition">Save email alert</span>
</div>
</div>
</div>
</div>
<div class="top-0 fixed z-50 w-full h-screen bg-blue-600 transition-all opacity-50 duration-300" x-show="successOpen" x-on:click="successOpen = ! successOpen" @click="alertPopUp = false, searchPopUp = false" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-50"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-50"
x-transition:leave-end="opacity-0"
></div>
<div class="top-0 justify-center items-center px-8 lg:px-0 w-full h-full fixed z-50 pointer-events-none transition-all" x-show="successOpen" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 mt-4"
x-transition:enter-end="opacity-100 mt-0"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-100 mt-0"
x-transition:leave-end="opacity-0 mt-4"
>
<div class="flex justify-center items-center w-full h-full ">
<div class="text-blue-600 rounded-md px-8 lg:px-8 py-8 lg:py-8 bg-grey-100 relative w-[490px] max-w-full pointer-events-auto relative">
<div class="absolute opacity-50 -mt-20 right-0 top-0">
<img class="h-[550px]" src="/img/pop-up-hammer.png" alt="">
</div>
<!-- Close Button -->
<div class="flex items-end justify-end absolute right-4 top-4 z-10">
<button x-on:click="successOpen = ! successOpen"
@click="alertPopUp = false, searchPopUp = false">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div class="flex flex-col justify-center items-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-16 h-16 mt-4 border-4 border-blue-100 stroke-blue-100 rounded-full p-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" />
</svg>
<h4 class="text-blue-600 text-lg lg:text-4xl font-bold pt-6">Success!</h4>
{{ if searchName }}
<a x-on:click="successOpen = ! successOpen" @click="alertPopUp = false, searchPopUp = false" wire:click="resetSavedSearchData()" class="z-10 text-white inline-block rounded-md text-center text-lg font-bold w-full border border-blue-300 bg-blue-300 hover:bg-white hover:text-blue-300 hover:border hover:border-blue-300 mt-6 lg:mt-5 py-3 lg:py-3 px-12 text-base transition" href="#">Return to search results</a>
<a class="text-blue-600 hover:underline font-bold py-6 z-10" href="/my-account/searches-and-alerts">Manage my saved searches</a>
</div>
</div>
</div>
</div>
</div>
<title>
{{ yield:alt_seo_title }}</title>
<link rel="canonical" href="
{{ yield:alt_seo_canonical }}">
<meta name="description" content="
{{ yield:alt_seo_description }}">
<meta name="robots" content="
{{ yield:alt_seo_robots }}">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="
{{ yield:alt_seo_og_url }}">
<meta property="og:type" content="
{{ yield:alt_seo_og_type }}">
<meta property="og:title" content="
{{ yield:alt_seo_og_title }}">
<meta property="og:description" content="
{{ yield:alt_seo_og_description }}">
<meta property="og:image" content="
{{ yield:alt_seo_og_image }}">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="
{{ yield:alt_seo_twitter_card }}">
<meta name="twitter:domain" content="
{{ yield:alt_seo_twitter_domain }}">
<meta property="twitter:url" content="
{{ yield:alt_seo_twitter_url }}">
<meta name="twitter:title" content="
{{ yield:alt_seo_twitter_title }}">
<meta name="twitter:description" content="
{{ yield:alt_seo_twitter_description }}">
<meta name="twitter:image" content="
{{ yield:alt_seo_twitter_image }}">
<div id="header" class="spacer
{{ if is_homepage OR current_uri == '/about' OR current_uri == '/testimonials' }}{{ else }} header-gradient
{{ /if }}text-white fixed top-0 left-0 z-50 border-b border-white border-opacity-30 w-full" x-bind:class="open ? 'drop-shadow-lg mobile-active' : ''">
<div x-data="{ searchTerms: '' }" class="px-8 xl:px-32 m-auto flex w-full items-center justify-between py-6">
<!-- Logo -->
<a data-animation="fadeIn" href="/" x-bind:class="accountOpen ? 'hidden' : 'block'">
<img alt="Logo" class="w-[145px] lg:w-[170px] lg:block" x-bind:class="open ? 'hidden lg:block' : ''" src="/img/auction-news-logo.svg">
<img alt="Logo" class="w-[145px]" x-bind:class="open ? 'block' : 'hidden'" x-cloak src="/img/auction-news-logo-blue.svg">
</a>
<div x-bind:class="accountOpen ? 'block' : 'hidden'" class="flex items-center" x-cloak>
<!-- Icon -->
<div class="account-svg-mobile mr-3" style="height: 29px; width: 29px;"></div>
<!-- Greeting -->
{{ if logged_in }} </div>
<!-- End Logo -->
<!-- Desktop Nav -->
<div class="nav-options hidden lg:block">
<ul id="main-nav" class="flex w-full justify-between">
{{ nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}1
<li class="hasChildren py-10" x-data="{ subNavOpen: false }">
<div class="relative" data-animation="fadeIn">
<a title="Auctions
" href="
/auctions
" class="navTab transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]:px-4 rounded-t-md hover:bg-white hover:text-blue-400 hover:font-bold li-bold" x-bind:class="subNavOpen ? 'active' : ''">
Auctions
</a>
<div class="hide absolute w-full bg-white h-8 -bottom-[29px]"></div>
</div>
{{ if grouped_dropdown == 'auctions' }}1
<!-- Blurry boi -->
<div class="blurry-boi fixed top-0 left-0 h-full w-full backdrop-blur pointer-events-none"></div>
<!-- End Blurry Boi -->
<div
class="container mx-auto px-4 submenu bg-white text-blue-400 absolute left-0 right-0 shadow-md rounded-b-md leading-none max-w-full"
x-on:mouseenter="subNavOpen = ! subNavOpen" x-on:mouseleave="subNavOpen = ! subNavOpen">
<div class=" max-w-[1100px] mx-auto">
<ul class="flex flex-wrap py-4 -mx-4">
{{ cache key="menu" for="2 hour" }} </ul>
</div>
</div>
{{ /if }} </li>
{{ else }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}{{ else }}
{{ if children }}{{ else }} <li class="py-10" data-animation="fadeIn"><a title="
Auctioneers
" class="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]:px-4 hover:font-bold li-bold" href="
/auctioneers
">
Auctioneers
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}{{ else }}
{{ if children }}{{ else }} <li class="py-10" data-animation="fadeIn"><a title="
Auction Services
" class="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]:px-4 hover:font-bold li-bold" href="
/auction-services
">
Auction Services
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}{{ else }}
{{ if children }}{{ else }} <li class="py-10" data-animation="fadeIn"><a title="
Latest News
" class="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]:px-4 hover:font-bold li-bold" href="
/news
">
Latest News
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}{{ else }}
{{ if children }}{{ else }} <li class="py-10" data-animation="fadeIn"><a title="
Magazine
" class="transition-all duration-500 ease-linear py-3 px-[3px] min-[1100px]:px-2 min-[1190px]:px-4 hover:font-bold li-bold" href="
/magazine
">
Magazine
</a></li>
{{ /if }}
{{ /if }}
{{ /nav:main_nav }}</ul>
</div>
<!-- End Desktop Nav -->
<!-- Search -->
<form action="/auctions" class="transition-all duration-500 ease-linear nav-search mr-4 w-[200px] min-[1780px]:w-1/5 relative hidden min-[1600px]:block" data-animation="fadeIn">
<input x-model="searchTerms" type="search" id="keywords" name="keywords" placeholder="Keywords..." class="w-full px-3 py-2 rounded-md text-blue-600">
<button onclick="gtag('event', 'search_bar', {'event_category': 'click', 'search_terms': document.getElementById('keywords').value });" type="submit" class="bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md absolute right-1 top-1 z-10"><img src="/img/search.svg" alt="Search" class="w-4"></button>
</form>
<!-- End Search -->
<!-- Nav Actions -->
<div class="nav-buttons flex w-1/4 justify-end items-center relative hidden lg:flex" data-animation="fadeIn">
<!-- <span class="absolute text-xs right-0" style="top: -25px; white-space: nowrap; right: 15px !important;">Call <a class="underline" href="tel:01332551300">01332 551300</a> or email us at <a class="underline" href="mailto:info@auctionnews.com">info@auctionnews.com</a></span>-->
{{ nocache }} </div>
<!-- End Nav Actions -->
<!-- Mobile Actions -->
<div class="lg:hidden" x-bind:class="open ? 'icons-hidden' : ''">
<div class="flex items-center lg:hidden" data-animation="fadeIn">
{{ nocache }}</div>
</div>
<!-- End Mobile Actions -->
</div>
<div class="mob-search overflow-hidden flex items-center bg-white lg:hidden" x-cloak x-bind:class="mobSearchOpen ? 'show' : ''">
<!-- Search -->
<div style="padding-left: 1.5rem;">
<div class="hamburger hamburger--spin block is-active" style="z-index: 9999999;" x-cloak x-on:click="mobSearchOpen = false; ">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
</div>
<form action="/auctions" class="nav-search w-full relative bg-white" style="padding-right: 1.5rem; padding-left: 0.5rem;">
<input type="search" name="keywords" placeholder="Keywords..." class="w-full px-3 py-2 rounded-md text-blue-600 border border-blue-400 ">
<button type="submit" class="bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md absolute right-1 top-1 z-10 mr-6"><img src="/img/search.svg" alt="Search" class="w-4"></button>
</form>
</div>
</div>
<div class="py-2 text-sm lg:text-base px-8 text-center bg-[#589fb6] w-full">
<div class="text-white hidden lg:block"><strong>Have questions?</strong> Contact us at <a class="cursor-pointer hover:underline" href="mailto:info@auctionnews.com">info@auctionnews.com</a> or <a class="cursor-pointer hover:underline" href="tel:01332 551 300" >01332 551 300</a></div>
<div class="text-white block lg:hidden">Contact us at <a class="cursor-pointer hover:underline" href="mailto:info@auctionnews.com">info@auctionnews.com</a> <br > <a class="cursor-pointer hover:underline" href="tel:01332 551 300" >01332 551 300</a></div>
</div>
<div class="bg-white" x-data="{headerOpen: false, headerText: '', headerSubText: '', mobileSubNavOpen: false, subCatOpen: false}">
<div class="flex items-center top-0 left-0 fixed z-50 w-2/3 py-6 bg-white" x-bind:class="open && headerOpen === true ? '' : 'hidden'" x-cloak>
<div x-bind:class="mobileSubNavOpen && subCatOpen === false ? '' : 'hidden'" x-on:click="mobileSubNavOpen = false, headerOpen = false" class="go-back px-6 mr-4"><img src="/img/back.svg" alt="Back"></div>
<div x-bind:class="subCatOpen !== false ? '' : 'hidden'" x-on:click="subCatOpen = false" class="go-back px-6 mr-4"><img src="/img/back.svg" alt="Back"></div>
<span x-bind:class="mobileSubNavOpen && subCatOpen === false ? '' : 'hidden'" class="text-2xl text-blue-600 font-bold" x-text="headerText"></span>
<span x-bind:class="subCatOpen !== false ? '' : 'hidden'" class="text-2xl text-blue-600 font-bold" x-text="headerSubText"></span>
</div>
<div class="mobile-menu fixed inset-0 bg-white text-blue-400 z-30" x-bind:class="open ? '' : 'hidden'" x-cloak>
<div class="spacer"></div>
<div class="nav-options lg:hidden">
<ul class="">
{{ cache key="menu-mobile-ready" for="2 hour" }} </ul>
<div class="py-4 px-6">
<p>
<strong>Tel</strong><a href="tel:01332 551 300
">
01332 551 300
</a><br>
<strong>Email</strong> <a href="mailto:info@auctionnews.com
">
info@auctionnews.com
</a>
</p>
<div class="flex space-x-2 mt-4">
<a href="https://www.facebook.com/AuctionNews
">
<img src="/img/facebook.svg" alt="">
</a>
<a href="https://twitter.com/AuctionNewsUK
">
<img src="/img/twitter.svg" alt="">
</a>
<a href="https://www.linkedin.com/company/auction-news-ltd
">
<img src="/img/linkedin.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-gradient-to-b from-blue-500 to-blue-600 text-white">
<div class="px-8 xl:px-32 mx-auto">
<div class="upper pt-10 lg:pt-20 flex justify-between font-light text-sm flex-wrap lg:flex-nowrap">
<div class="w-full lg:w-1/4 py-6 lg:py-0" x-data="{ categoriesOpen: false }">
<div class="footer-ac-button flex justify-between items-center" x-on:click="categoriesOpen = ! categoriesOpen" x-bind:class="categoriesOpen ? 'active' : ''">
<h3 class="text-xl font-bold cursor-default">Categories</h3>
<img src="/img/chevron-down.svg" alt="Open" class="lg:hidden">
</div>
<ul class="footer-links lg:mb-3 mt-6 hidden lg:grid" x-bind:class="categoriesOpen ? 'active' : ''">
{{ nav:footer_categories }} <li><a href="
/categories/construction-auctions
" class="hover:underline">
Construction
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/manufacturing-auctions
" class="hover:underline">
Manufacturing
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/vehicles-auctions
" class="hover:underline">
Vehicles
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/food-industry-auctions
" class="hover:underline">
Food Industry
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/consumer-goods-auctions
" class="hover:underline">
Consumer Goods
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/agricultural-farm-auctions
" class="hover:underline">
Agriculture
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/it-and-office-auctions
" class="hover:underline">
IT & Office
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/property-auctions
" class="hover:underline">
Property
</a></li>
{{ /nav:footer_categories}} <li><a href="
/categories/other-industry-auctions
" class="hover:underline">
Other Industries
</a></li>
{{ /nav:footer_categories}}
</ul>
</div>
<div class="w-full lg:w-1/4 flex justify-between flex-wrap lg:flex-nowrap">
<div class="w-full py-6 lg:py-0 border-t border-white lg:border-t-0" x-data="{ helpfulOpen: false }">
<div class="footer-ac-button flex justify-between items-center" x-on:click="helpfulOpen = ! helpfulOpen" x-bind:class="helpfulOpen ? 'active' : ''">
<a href="/help-center"><h3 class="text-xl font-bold">Helpful</h3></a>
<img src="/img/chevron-down.svg" alt="Open" class="lg:hidden">
</div>
<ul class="footer-links lg:mb-3 mt-6 hidden lg:grid" x-bind:class="helpfulOpen ? 'active' : ''">
{{ nav:footer_helpful }}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/my-account
" class="hover:underline">
My Account
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/logging-in
" class="hover:underline">
Logging in
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/searching-and-browsing
" class="hover:underline">
Searching and Browsing
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/different-types-of-auction-sales
" class="hover:underline">
Different Types of Auction
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/buying-at-auction
" class="hover:underline">
Buying at Auction
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/bidding
" class="hover:underline">
Bidding
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/help-center/delivery
" class="hover:underline">
Delivery
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/contact-us
" class="hover:underline">
Contact Us
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/about
" class="hover:underline">
About
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/advertise
" class="hover:underline">
Add my auction
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/advertise
" class="hover:underline">
Advertise
</a></li>
{{ /if }}
{{ /nav:footer_helpful}}
{{ if title == 'Add your auction'}}{{ else }} <li><a href="
/testimonials
" class="hover:underline">
Testimonials
</a></li>
{{ /if }}
{{ /nav:footer_helpful}} </ul>
</div>
</div>
<div class="w-full lg:w-1/4 py-6 lg:py-0 border-t border-white lg:border-t-0">
<a href="/contact-us"><h3 class="text-xl font-bold mb-6">Contact</h3></a>
<div itemscope itemtype="https://schema.org/ContactPoint" class="footer-contact">
<p class="pb-2.5 cursor-default"><strong>Tel</strong><a href="tel:01332 551 300
" class="hover:underline">
<span>01332 551 300
</span>
</a></p>
<p class="pb-2.5 cursor-default"><strong>Email</strong><a href="mailto:info@auctionnews.com
" class="hover:underline">
<span>info@auctionnews.com
</span>
</a></p>
<div itemtype="https://schema.org/PostalAddress">
<p class="pb-2.5 cursor-default hidden lg:block">
<span>6 Somme Road, Derby
,</span>
<span>DE22 2NP
</span>
</p>
</div>
</div>
<div class="socials flex mt-3.5">
<a href="https://www.facebook.com/AuctionNews
" target="_blank" class="mr-3">
<img class="white-hover-filter" src="/img/facebook.svg" alt="Facebook">
</a>
<a href="https://twitter.com/AuctionNewsUK
" target="_blank" class="mr-3">
<img class="white-hover-filter" src="/img/twitter.svg" alt="Twitter">
</a>
<a href="https://www.linkedin.com/company/auction-news-ltd
" target="_blank" class="mr-3">
<img class="white-hover-filter" src="/img/linkedin.svg" alt="Linked In">
</a>
</div>
</div>
<div class="w-full lg:w-1/3 flex justify-start py-6 lg:py-0 border-t border-white lg:border-t-0">
<div class="w-3/4 lg:w-full">
<h3 class="text-xl font-bold mb-6 cursor-default">Auction News Magazine</h3>
<div class="footer-magazine">
<div class="pb-2.5 cursor-default"><p>Read our latest digital magazine. </p><p>Published weekly since 1958!</p>
</div>
</div>
<a href="/magazine"><button class="border border-white px-10 py-2 mt-3.5 rounded-md font-bold hover:bg-white hover:text-blue-400">View Magazine</button></a>
</div>
</div>
</div>
<div class="lower border-t border-white border-opacity-30 flex text-xs py-6 opacity-50 flex-wrap lg:flex-nowrap">
<p class="lg:pr-10 w-full text-center lg:w-auto lg:text-left pb-2 lg:pb-0 cursor-default" >© 2025
Auction News Ltd. All rights reserved </p>
<div class="flex flex-1 lg:justify-between">
<ul class="footer-small-links flex w-full justify-between lg:w-auto lg:justify-start w-3/4 lg:w-auto">
{{ nav:footer_lower }} <li><a href="
/terms-and-conditions
" class="lg:pr-10">
Terms of use
</a></li>
{{ /nav:footer_lower}} <li><a href="
/privacy
" class="lg:pr-10">
Privacy Policy
</a></li>
{{ /nav:footer_lower}} <li><a href="
/cookies
" class="lg:pr-10">
Cookie Policy
</a></li>
{{ /nav:footer_lower}} </ul>
<div class="lg:hidden w-1/4 text-end">Site By <a href="https://www.alt-design.net/" target="_blank" class="hover:underline">ALT</a></div>
</ul>
<div class="justify-self-end hidden lg:block cursor-default">Site By <a href="https://www.alt-design.net/" target="_blank" class="hover:underline">ALT</a></div>
</div>
</div>
</div>
</footer>
<!-- Profile icon + actions -->
<div
class="account flex flex-col mr-4 relative cursor-pointer"
x-data="{menuOpen: false}"
@mouseover="menuOpen = true"
@mouseleave="menuOpen = false"
>
<div
class="flex rounded-md bg-blue-300 text-nowrap min-[1400px]:w-[140px] h-[40px] px-4 font-bold justify-center items-center"
:class="menuOpen ? 'bg-blue-200' : 'bg-blue-300'"
>
<div class="flex h-full text-sm justify-center items-center">
<img
src="/img/account-m.svg"
alt=""
class="hidden min-[1400px]:block account-svg-m mr-2"
style="height: 25px; width: 25px"
/>
</div>
<div class="flex h-full text-sm justify-center items-center">
{{ if logged_in }}{{ else }} My Account
{{ /if }} </div>
</div>
{{ if logged_in }}{{ else }} <div
class="absolute text-sm top-0"
@mouseover="menuOpen = true"
@mouseleave="menuOpen = false"
x-cloak
x-bind:class="{'hidden' : !menuOpen}"
>
<div
class="py-4 w-[160px] drop-shadow-md rounded-md bg-white left-0 relative mt-14"
>
<div
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->create-account'});"
@click="setRedirect()"
x-on:click="[sidebarType = 'sign-up', sidebarOpen = true, registerLocation = 'header->create-account']"
class="block px-5 py-2 font-bold hover:bg-blue-50 text-blue-400"
>
Create Account
</div>
<div
@click="setRedirect()"
x-on:click="[sidebarType = 'login', sidebarOpen = true]"
class="block px-5 py-2 hover:bg-blue-50 text-blue-400"
>
Login
</div>
<hr class="my-2" />
<a
href="/advertise"
class="block px-5 py-2 hover:bg-blue-50 text-blue-600"
>Advertise with us</a
>
<hr class="my-2" />
<a
href="/help-center"
class="block px-5 py-2 hover:bg-blue-50 text-blue-600"
>Help</a
>
<a
href="/contact-us"
class="block px-5 py-2 hover:bg-blue-50 text-blue-600"
>Contact Us</a
>
</div>
</div>
{{ /if }}</div>
{{ if current_user && current_user:auctioneer_form_submitted }}{{ else }}<a
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->auctioneer-login'});"
@click="setRedirect()"
x-on:click="registerLocation = 'header->auctioneer-login'"
href="/advertise"
class="account flex flex-col mr-4 relative cursor-pointer"
>
<div
class="flex border text-white border-white hover:bg-white hover:text-blue-400 rounded-md min-[1400px]:w-[160px] h-[40px] font-bold justify-center items-center"
>
<div class="flex h-full justify-center items-center text-sm mr-1 px-2 text-nowrap">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="3"
stroke="currentColor"
class="hidden min-[1400px]:block w-4 h-4 mr-1"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 4.5v15m7.5-7.5h-15"
/>
</svg>
Add my auction
</div>
</div>
</a>
{{ /if }}<div class="flex items-center lg:hidden">
<img src="/img/search-m.svg" alt="" class="search-svg search-svg-m mr-3 "style="height: 29px; width: 29px;" x-on:click="mobSearchOpen = !mobSearchOpen">
<!-- account Icon -->
{{ if logged_in }}{{ else }} <div class="account flex flex-col relative" x-data="{menuOpen: false}" x-on:click="menuOpen = true" x-on:click.away="menuOpen = false">
<img src="/img/account-m.svg" alt="" class="account-svg-m mr-3" style="height: 29px; width: 29px;">
<div class="absolute text-sm top-[50px]" style="left: -24px;" x-cloak x-bind:class="{'hidden' : !menuOpen}">
<div class="py-4 w-[160px] drop-shadow-md rounded-md bg-white left-[-65px] relative">
<div
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->create-account'});"
@click="setRedirect()"
x-on:click="[sidebarType = 'sign-up', sidebarOpen = true, registerLocation = 'header->create-account']"
class="block px-5 py-2 font-bold hover:bg-blue-50 text-blue-400"
>
Create Account
</div>
<div
@click="setRedirect()"
x-on:click="[sidebarType = 'login', sidebarOpen = true]"
class="block px-5 py-2 hover:bg-blue-50 text-blue-400"
>
Login
</div>
<hr class="my-2">
<!-- <a href="/help-center/sell-with-us" class="block px-5 py-2 hover:bg-blue-50 text-blue-600">Sell with us</a>-->
<a href="/advertise" class="block px-5 py-2 hover:bg-blue-50 text-blue-600 ">Add your auction</a>
<a href="/help-center" class="block px-5 py-2 hover:bg-blue-50 text-blue-600 ">Help</a>
</div>
</div>
</div>
{{ /if }} <!-- Heart Icon -->
{{ if logged_in }}
</div>
<div class="hamburger hamburger--spin block mb-1 lg:hidden" style="z-index: 9999999;" x-on:click="open = ! open; accountOpen = false; headerOpen = false; " x-bind:class="open ? 'is-active' : ''">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div><div class="fixed top-0 bottom-0 z-50 sign-up-overlay h-full bg-blue-600 opacity-50 transition-all duration-1250" x-bind:class="{'left-[0%]' : sidebarOpen, 'left-[100%]' : !sidebarOpen}" x-cloak></div>
<div class="fixed top-0 bottom-0 z-50 sign-up-modal transition-all duration-1000" x-bind:class="{'right-0 left-0' : sidebarOpen, 'right-[-100%]' : !sidebarOpen}" x-cloak>
<div class="bg-white text-blue-600 rounded-l-md h-screen overflow-y-scroll">
<!-- Close Button -->
<div class="flex pt-8 pr-8 items-end justify-end" :class="sidebarType == 'sign-up' ? 'bg-blue-100' : ''">
<button x-on:click="sidebarOpen = false">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div x-show="sidebarType == 'sign-up'">
<div class="flex flex-col">
<!-- create account modal -->
<div class="flex relative flex-col justify-center bg-blue-100 pb-4 px-7">
<h2 class="text-4xl font-bold mt-0 absolute -top-6 left-7">Create your account</h2>
<ul class="list-disc text-white leading-tight text-md mb-4 mt-6 pl-1 md:ml-4">
<p style="font-size: 24px; margin-left: -20px; margin-bottom: 3px;">Includes</p>
{{ foreach:includes }} <li class="">
Tailored Auction Alerts
</li>
{{ /foreach:includes }} <li class="">
Easy Bidding Access
</li>
{{ /foreach:includes }} <li class="">
Weekly Auction Magazine Alert
</li>
{{ /foreach:includes }} <li class="">
Save Your Favourite Auctions
</li>
{{ /foreach:includes }} <li class="">
Save Your Searches
</li>
{{ /foreach:includes }} </ul>
<p class="">Have an account? <span class="cursor-pointer font-bold underline" x-on:click="sidebarType = 'login'">Sign in</span></p>
</div>
<div class="p-7 rounded-b-md mt-4">
<label class="inline-block font-bold" for="">Name <span class="text-red-400">*</span></label>
<input wire:model="name" type="text" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700"></div>
<label class="inline-block font-bold mt-4" for="">Email address <span class="text-red-400">*</span></label>
<input wire:model="email" type="email" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700"></div>
<div x-data="{showPassword: false}" class="relative">
<label class="inline-block font-bold mt-4" for="">Password <span class="text-red-400">*</span><br><span class="text-xs leading-none">Min 8 characters. <br> Include at least 1 uppercase, 1 lowercase and 1 symbol (#?!@£$%^&*-)</span></label>
<div class="relative">
<input x-bind:type="showPassword ? 'text' : 'password'" wire:model="password" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="!showPassword" class="cursor-default absolute right-0 top-[19px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="showPassword" class="cursor-default absolute right-0 top-[19px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
</div>
<!--Overriding the errors how AN wants them -->
{{ if errors->first('password') != 'The password confirmation does not match.' }}1
<div class="text-red-700">
</div>
{{ /if }} </div>
<div x-data="{showPasswordC: false}" class="relative">
<label class="inline-block font-bold mt-4" for="">Confirm Password <span class="text-red-400">*</span></label>
<div class="relative">
<input x-bind:type="showPasswordC ? 'text' : 'password'" wire:model="password_confirmation" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPasswordC = ! showPasswordC" x-cloak x-show="!showPasswordC" class="cursor-default absolute right-0 top-[20px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPasswordC = ! showPasswordC" x-cloak x-show="showPasswordC" class="cursor-default absolute right-0 top-[20px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
</div>
<div class="text-red-700"></div>
<!--Overriding the errors how AN wants them -->
{{ if errors->first('password') == 'The password confirmation does not match.' }} </div>
<div class="flex items-center mt-4">
<div x-data="{ set: false }">
<div class="filter flex justify-start items-center font-bold mr-6 py-2 cursor-pointer"
x-on:click="set = !set"
wire:click="toggleField('opted_in_to_digimag_alerts')"
x-bind:class="set ? 'active' : ''">
<div
class="checkbox border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<img alt="chevron" x-show="set" src="/img/chevron-simple.svg">
</div>
<h4 class="text-blue-400 text-sm ">Email me about auctions matching my categories of interest</h4>
</div>
</div>
</div>
<input type="hidden" wire.model="redirect" value="https://auction-news-dev.alt-develop.co.uk/categories/manufacturing-auctions
" />
<p class="text-sm text-center my-4">
By clicking register you confirm that you agree to our website <a target="_blank" href="/terms-and-conditions" class="text-sm text-blue-600 underline">terms of use.</a>
</p>
<div>
<input x-model="registerLocation" type="hidden" id="getRegisterLocation" name="getRegisterLocation" class="w-full px-3 py-2 rounded-md text-blue-600">
<p wire:click="attemptRegister()"
onclick="gtag('event', 'CTA_register_completion', {'event_category': 'click', 'event_location': '\"' + document.getElementById('getRegisterLocation').value + '\"' });"
class="flex h-16 lg:h-12 mb-1 pl-3 items-center justify-center rounded-md font-bold text-white cursor-pointer mouse-cursor-gradient-tracking">
<span>Create Account</span>
</p>
</div>
</div>
</div>
</div>
<div x-show="sidebarType == 'login'">
<form class="p-7" xmlns:x-on="http://www.w3.org/1999/xhtml">
<h2 class="text-4xl font-bold mt-8 mb-6">Log in</h2>
<p class="mb-6">Need an account? <span class="cursor-pointer text-blue-200 hover:text-blue-600 underline" x-on:click="sidebarType = 'sign-up'">Create an account</span></p>
<label class="inline-block font-bold" for="email">Email address <span class="text-red-400">*</span></label>
<input autocomplete="email" id="email" wire:model="email" name="email" type="email" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700"></div>
<div x-data="{showPassword: false}" class="relative">
<label class="inline-block font-bold mt-4" for="password">Password <span class="text-red-400">*</span></label>
<input x-bind:type="showPassword ? 'text' : 'password'" autocomplete="password" id="password" wire:model="password" name="password" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="!showPassword" class="cursor-default absolute right-0 top-[57px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="showPassword" class="cursor-default absolute right-0 top-[57px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
<div class="text-red-700"></div>
</div>
{{ if errors->has('incorrect') }}
<div class="mt-4 flex justify-between items-center"><label for="remember-me" class="flex items-center cursor-pointer"><input type="checkbox" name="remember" id="remember-me"> <span class="ml-1">Remember me</span></label></div>
<div class="mt-4">
<a href="/forgotten-password" class="text-sm text-blue-300 underline">Forgotten your password?</a>
</div>
<div class="mt-4">
<p wire:click="attemptLogin()" class="flex h-16 lg:h-12 mb-1 pl-3 items-center justify-center rounded-md font-bold text-white cursor-pointer mouse-cursor-gradient-tracking">
<span>Log in</span>
</p>
</div>
</form>
</div>
</div>
</div>
<style>
.sign-up-overlay{
width: 100vw
}
.sign-up-modal{
width: 100vw;
max-width: 520px;
}
@media(max-width: 1023px){
label.mt-4{
margin-top: 5px!important;
}
.sign-up-modal .px-8.py-8{
padding:1rem!important;
}
.sign-up-modal h2{
font-size: 25px!important;
margin-top:0!important;
margin-bottom:5px!important;
}
.sign-up-modal h4{
font-size: 14px!important;
}
.sign-up-modal p.mb-6{
margin-bottom: 5px!important;
font-size: 14px!important;
}
.sign-up-modal p.text-sm.my-4{
font-size: 12px!important;
margin: 5px 0!important;
}
}
@media(min-width: 1024px){
.sign-up-modal.left-0{
left: unset!important;
}
}
</style>
{{ if !logged_in && template != 'register' && template != 'forgotten_password' && template != 'reset_password' && template != 'login' }}1
<div x-show="sidebarOpen == false">
<div class="top-0 fixed z-50 w-full h-screen bg-blue-600 transition-all opacity-50 duration-300" x-show="popUpOpen" x-on:click="popUpClose()" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-50"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-50"
x-transition:leave-end="opacity-0"
></div>
<div class="top-0 justify-center items-center px-8 lg:px-0 w-full h-full fixed z-50 pointer-events-none transition-all" x-show="popUpOpen" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 mt-4"
x-transition:enter-end="opacity-100 mt-0"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-100 mt-0"
x-transition:leave-end="opacity-0 mt-4"
>
<div class="flex justify-center items-center w-full h-full ">
<div class="text-blue-600 rounded-md px-8 lg:px-12 py-8 lg:py-12 bg-blue-100 relative w-[550px] max-w-full pointer-events-auto relative">
<div class="absolute">
<img src="/img/pop-up-hammer.png" alt="">
</div>
<!-- Close Button -->
<div class="flex items-end justify-end absolute right-8 top-8 z-10">
<button x-on:click="popUpClose()">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<form action="/create-account" class="relative">
<h4 class="text-blue-600 text-3xl lg:text-5xl font-bold">Get your
</h4>
<h4 class="text-white text-3xl lg:text-5xl font-bold mt-2 mb-2 lg:mb-6">FREE account now!
</h4>
<div class="text-white">
<p class="text-lg">Includes:</p>
{{ site_options:includes }} <p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>Tailored Auction Alerts
</span>
</p>
{{ /site_options:includes }} <p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>Easy Bidding Access
</span>
</p>
{{ /site_options:includes }} <p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>Weekly Auction Magazine Alert
</span>
</p>
{{ /site_options:includes }} <p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>Save Your Favourite Auctions
</span>
</p>
{{ /site_options:includes }} <p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>Save Your Searches
</span>
</p>
{{ /site_options:includes }} </div>
<label class="inline-block font-bold mt-2 lg:mt-8" for="">Email address <span class="text-red-400">*</span></label>
<input type="text" name="email" class="mt-2 border border-blue-250 text-blue-600 px-4 py-2 rounded w-full">
<p class="text-xs lg:text-sm leading-tight mt-2 mb-6">
By clicking register you confirm that you agree to our website <a target="_blank" href="/terms-and-conditions" class="text-sm text-blue-600 underline">terms of use.</a>
</p>
<button onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'pop-up'});"
@click="setRedirect()"
x-on:click="registerLocation = 'pop-up'"
type="submit"
class="text-white inline-block rounded-md text-center text-lg font-bold w-full bg-blue-600 hover:bg-white hover:text-blue-600 mt-4 lg:mt-6 py-3 lg:py-3 px-12 text-base transition">
Create account
</button>
</form>
</div>
</div>
</div>
</div>
{{ /if }}<script>
{{ if slug != 'home' }}1
setInterval(function() {
var sliders = document.querySelectorAll('.glide');
if(sliders.length > 0) {
var sliderCheck = document.querySelectorAll('.glide:not(.glide--ltr)')
if(sliderCheck.length > 0) {
console.log('opening');
window.sliders.init();
}
}
}, 2000)
{{ /if }} </script>
{{ if int_feaafef8ee3e7af71ff6cd65 === true }}
{{ nocache }}
{{ nocache }}
<script
data-cookie-notice='{ "learnMoreLinkEnabled": true, "learnMoreLinkHref": "/cookies", "buttonBgColor": "#117C9C", "noticeBgColor": "#002A4C", "messageLocales": {
"en": "We use cookies to ensure you get the best experience. By using our website you agree to our cookie policy."
} }'
src="/cookie.notice.min.js">
</script>
{{ if current_uri == '/auctions' }}
<script>
function setRedirect() {
// Get url + params
const baseUrl = window.location.origin;
const fullUrl = window.location.href;
const clearnUrl = fullUrl.replace(baseUrl, '')
// Get 30 min timeout
const now = new Date();
const minutes = 30;
now.setTime(now.getTime() + (minutes * 60 * 1000));
// Set the cookie
document.cookie =
"redirect=" + clearnUrl + ";" +
"expires=" + now.toUTCString() + ";" +
"path=/";
}
</script>
<script>
function companyEmailClicked() {
gtag('event', 'CompanyEmailClicked', {});
}
function companyPhoneClicked() {
gtag('event', 'CompanyPhoneNumberClicked', {});
}
</script>
{{ nocache }}
<style type="text/css">
#map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
.acf-map img {
max-width: inherit !important;
}
</style>
</body>
</html>
