<!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 }}
1
No categories found for this search
{{ else }}
<!-- 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}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ 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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
belgium
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
france
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
germany
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
ireland
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
italy
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
netherlands
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
portugal
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
spain
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
switzerland
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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 }}
{{ else }}
hidden
{{ /if }}
"
x-data="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
uk
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
usa
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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 ">
trucks and trailers
</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": "
trucks and trailers
",
"item": "https://auctionnews.com/auctions/
trucks-and-trailers
"
}
]
}
</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
Truck & Trailer 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 Truck & Trailer auctions below or use the filters to refine the search for the specific item you are looking for. <a target="_blank" href="/login">Login</a> or register for your <a target="_blank" href="/create-account">free account</a> to unlock extra features.</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 }}
1
No categories found for this search
{{ else }}
<!-- 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}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ 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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
belgium
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
france
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
germany
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
ireland
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
italy
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
netherlands
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
portugal
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
spain
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
switzerland
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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 }}
{{ else }}
hidden
{{ /if }}
"
x-data="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
uk
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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="{ child
FilterOpen: '
' }">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
wire:click="toggleFilter('countries', '
usa
')"
x-on:click="child
FilterOpen = ! child
FilterOpen"
x-bind:class="child
FilterOpen ? '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">
0
</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 }}
1
<div class="bg-blue-100 w-full px-12 py-8 rounded-xl flex flex-wrap justify-between items-center bg-no-repeat" style="background-image: url('/img/bg-auction-news.png'); background-position: 100% 70%;">
<div class="mb-8 xl:mb-0">
<h3 class="text-blue-600 text-xl mb-4 font-bold">No Auctions Found - Let Us Keep You in the Loop!</h3>
<p class="text-white">We couldn't find any auctions matching your search right now, but don't worry! <br />You can set up free alerts, and we'll notify you as soon as similar auctions are available.</p>
</div>
{{ 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 rounded-md py-3 px-12 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>
<strong>Create my alert</strong>
</div>
{{ /if }}
</div>
{{ /if }}
<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 }}
</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">
0
</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 }}
</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.initMap
mobile
= 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.initMap
mobile
();
}
});
</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">
0
</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 }}
1
<div class="bg-blue-100 w-full px-12 py-8 rounded-xl flex flex-wrap justify-between items-center bg-no-repeat" style="background-image: url('/img/bg-auction-news.png'); background-position: 100% 70%;">
<div class="mb-8 xl:mb-0">
<h3 class="text-blue-600 text-xl mb-4 font-bold">No Auctions Found - Let Us Keep You in the Loop!</h3>
<p class="text-white">We couldn't find any auctions matching your search right now, but don't worry! <br />You can set up free alerts, and we'll notify you as soon as similar auctions are available.</p>
</div>
{{ 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 rounded-md py-3 px-12 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>
<strong>Create my alert</strong>
</div>
{{ /if }}
</div>
{{ /if }}
<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 }}
</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">
0
</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 }}
</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.initMap
desktop
= 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.initMap
desktop
();
}
});
</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">
</h2>
<div class="content transition font-light relative mb-3 wysiwyg">
<h2><strong>Upcoming Truck & Trailer Auctions</strong></h2><p style="text-align: start;">If you're looking for heavy commercial vehicle auctions, use our platform to find the vehicle you want to buy without burning a hole in your pocket.</p><h4><strong>Heavy Goods Vehicles from Top Manufacturers</strong></h4><p>We list HGV auctions s from top manufacturers including DAF, MAN, Scania, Mercedes including: </p><ul><li><p>Tractor Units, Articulated Lorries, Rigid Lorries, Livestock Trucks</p></li><li><p>Refrigerated Box Vans, Box Trailers, Flatbed Lorries</p></li><li><p>Tankers, Curtainsiders, Low Loaders, etc.</p></li></ul><h4><strong>Light Goods Vehicles </strong></h4><p>We also list LGV auctions with vehicles from Ford, VW, Vauxhall, Peugeot, Mercedes, Citroen, Renault, Fiat and more!</p><ul><li><p>Large and Medium Vans, Pickups, Combi Vans, Crew Vans</p></li><li><p>Luton Vans, Box Vans, Tippers, Dropsides</p></li><li><p>Minibuses, MPVs, Camper Conversions, etc.</p></li></ul><h3><strong>Why Choose Auction News?</strong></h3><p>What makes Auction News different? With more than 65 years of industry experience, what truly sets us apart is the fact that we are still a family-operated business with a loyal and passionate workforce who constantly engage with our subscribers and auctioneers to maintain and evolve our first-class service.</p><p>We use our interactive platform to house a wide array of used truck, trailer, and HGV auctions in the UK for more than 35,000 subscribers. We ensure that all our subscribers have easy access to a huge range of heavy and light commercials from mint condition used vehicles to accident damaged and salvage trucks and trailers. We strive day in day out to adapt to the ever-evolving marketplace and bring the best online auctions to your screen.</p><p>So, if you’re searching for used HGV & light commercial vehicles in the UK, use our platform to find the vehicle that will fulfil your needs. If you want to learn about Auction News and how you can use our platform, reach out to our team today by calling emailing us at <a target="_blank" href="mailto:info@auctionnews.com">info@auctionnews.com</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)) }}
{{ /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 }}
</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">
{{ taxonomy:auction_category sort="nav_order:asc"}}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
0
">
<a href="
machinery-auctions
machinery-auctions
/categories/machinery-auctions
" class="text-lg font-bold hover:underline p-0">
Machinery
(
4
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
testing-and-electrical-equipment
testing-and-electrical-equipment
/categories/machinery-auctions/testing-and-electrical-equipment
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Electronic, Test & Tooling
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
engineering-machinery-equipment
engineering-machinery-equipment
/categories/machinery-auctions/engineering-machinery-equipment
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Engineering Machinery & Equipment
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
warehouse-and-factory
warehouse-and-factory
/categories/machinery-auctions/warehouse-and-factory
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Factory & Warehouse
(
2
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
lifting-handling-and-storage
lifting-handling-and-storage
/categories/machinery-auctions/lifting-handling-and-storage
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Lifting, Handling & Storage
(
3
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
metalworking-and-fabrication-auctions
metalworking-and-fabrication-auctions
/categories/machinery-auctions/metalworking-and-fabrication-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Metalworking & Fabrication
(
3
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
upvc-window-and-plastic-machinery
upvc-window-and-plastic-machinery
/categories/machinery-auctions/upvc-window-and-plastic-machinery
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Plastic & Glass
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
printing-machinery-equipment
printing-machinery-equipment
/categories/machinery-auctions/printing-machinery-equipment
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Printing
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
production-line-packaging-machinery
production-line-packaging-machinery
/categories/machinery-auctions/production-line-packaging-machinery
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Production Line & Packing
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
textile-machinery
textile-machinery
/categories/machinery-auctions/textile-machinery
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Textile Industry
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
machinery-auctions
machinery-auctions
woodworking-machinery-and-equipment
woodworking-machinery-and-equipment
/categories/machinery-auctions/woodworking-machinery-and-equipment
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Woodworking & Timber Stock
(
2
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
1
">
<a href="
construction-auctions
construction-auctions
/categories/construction-auctions
" class="text-lg font-bold hover:underline p-0">
Construction
(
2
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
construction-auctions
construction-auctions
building-plumbing-and-electrical-auctions
building-plumbing-and-electrical-auctions
/categories/construction-auctions/building-plumbing-and-electrical-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Building, Plumbing & Electrical
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
construction-auctions
construction-auctions
energy-mining-drilling
energy-mining-drilling
/categories/construction-auctions/energy-mining-drilling
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Energy, Mining & Drilling
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
construction-auctions
construction-auctions
plant-and-machinery
plant-and-machinery
/categories/construction-auctions/plant-and-machinery
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Plant & Machinery
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
construction-auctions
construction-auctions
site-accommodation-equipment
site-accommodation-equipment
/categories/construction-auctions/site-accommodation-equipment
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Site Accommodation & Equip
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
construction-auctions
construction-auctions
trade-and-power-tools
trade-and-power-tools
/categories/construction-auctions/trade-and-power-tools
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Trade & Power Tools
(
2
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
construction-auctions
construction-auctions
waste-and-recycling
waste-and-recycling
/categories/construction-auctions/waste-and-recycling
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Waste & Recycling
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
2
">
<a href="
vehicles-auctions
vehicles-auctions
/categories/vehicles-auctions
" class="text-lg font-bold hover:underline p-0">
Vehicles
(
1
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
aircraft-and-water-vessels-auctions
aircraft-and-water-vessels-auctions
/categories/vehicles-auctions/aircraft-and-water-vessels-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Aircraft & Watercraft
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
caravans-and-motorhomes
caravans-and-motorhomes
/categories/vehicles-auctions/caravans-and-motorhomes
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Caravans & Motorhomes
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
cars-and-vans
cars-and-vans
/categories/vehicles-auctions/cars-and-vans
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Cars & Vans
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
coaches-and-buses-auctions
coaches-and-buses-auctions
/categories/vehicles-auctions/coaches-and-buses-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Coaches & Buses
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
garage-parts-and-accessories
garage-parts-and-accessories
/categories/vehicles-auctions/garage-parts-and-accessories
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Garage, Parts & Accessories
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
mod-and-emergency-auctions
mod-and-emergency-auctions
/categories/vehicles-auctions/mod-and-emergency-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
MOD & Emergency
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
motorbikes
motorbikes
/categories/vehicles-auctions/motorbikes
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Motorbikes
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
vehicles-auctions
vehicles-auctions
trucks-and-trailers
trucks-and-trailers
/categories/vehicles-auctions/trucks-and-trailers
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Trucks & Trailers
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
3
">
<a href="
food-industry-auctions
food-industry-auctions
/categories/food-industry-auctions
" class="text-lg font-bold hover:underline p-0">
Food Industry
(
2
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
food-industry-auctions
food-industry-auctions
bar-and-restaurant-auctions
bar-and-restaurant-auctions
/categories/food-industry-auctions/bar-and-restaurant-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Bar, Hotel & Restaurant
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
food-industry-auctions
food-industry-auctions
catering-equipment-auctions
catering-equipment-auctions
/categories/food-industry-auctions/catering-equipment-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Catering Equipment
(
2
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
food-industry-auctions
food-industry-auctions
food-and-beverage-production
food-and-beverage-production
/categories/food-industry-auctions/food-and-beverage-production
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Food & Beverage Production
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
food-industry-auctions
food-industry-auctions
food-processing
food-processing
/categories/food-industry-auctions/food-processing
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Food Processing
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
4
">
<a href="
consumer-goods-auctions
consumer-goods-auctions
/categories/consumer-goods-auctions
" class="text-lg font-bold hover:underline p-0">
Consumer Goods
(
2
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
collectibles
collectibles
/categories/consumer-goods-auctions/collectibles
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Collectibles
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
electrical-goods
electrical-goods
/categories/consumer-goods-auctions/electrical-goods
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Electrical Goods & Appliances
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
fashion-and-accessories
fashion-and-accessories
/categories/consumer-goods-auctions/fashion-and-accessories
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Fashion & Accessories
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
games-and-toys
games-and-toys
/categories/consumer-goods-auctions/games-and-toys
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Games & Toys
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
homeware-and-garden
homeware-and-garden
/categories/consumer-goods-auctions/homeware-and-garden
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Homeware & Garden
(
2
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
kitchen-and-bathroom
kitchen-and-bathroom
/categories/consumer-goods-auctions/kitchen-and-bathroom
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Kitchen & Bathroom
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
mobiles-and-tablets
mobiles-and-tablets
/categories/consumer-goods-auctions/mobiles-and-tablets
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Mobiles & Tablets
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
photo-audio-and-musical
photo-audio-and-musical
/categories/consumer-goods-auctions/photo-audio-and-musical
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Photo, Audio & Musical
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
sport-and-leisure
sport-and-leisure
/categories/consumer-goods-auctions/sport-and-leisure
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Sport & Leisure
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
consumer-goods-auctions
consumer-goods-auctions
wholesale-retail-and-distribution
wholesale-retail-and-distribution
/categories/consumer-goods-auctions/wholesale-retail-and-distribution
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Trade & Retail Stocks
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
5
">
<a href="
agricultural-farm-auctions
agricultural-farm-auctions
/categories/agricultural-farm-auctions
" class="text-lg font-bold hover:underline p-0">
Agriculture
(
1
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
agricultural-farm-auctions
agricultural-farm-auctions
farm-machinery-and-equipment-auctions
farm-machinery-and-equipment-auctions
/categories/agricultural-farm-auctions/farm-machinery-and-equipment-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Farm Machinery & Equipment
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
agricultural-farm-auctions
agricultural-farm-auctions
groundcare-and-forestry
groundcare-and-forestry
/categories/agricultural-farm-auctions/groundcare-and-forestry
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Groundcare & Forestry
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
6
">
<a href="
it-and-office-auctions
it-and-office-auctions
/categories/it-and-office-auctions
" class="text-lg font-bold hover:underline p-0">
IT, AV & Office
(
0
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
it-and-office-auctions
it-and-office-auctions
audio-visual-broadcasting
audio-visual-broadcasting
/categories/it-and-office-auctions/audio-visual-broadcasting
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Audio Visual & Broadcasting
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
it-and-office-auctions
it-and-office-auctions
computing
computing
/categories/it-and-office-auctions/computing
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Computers & Accessories
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
it-and-office-auctions
it-and-office-auctions
network-and-telecoms
network-and-telecoms
/categories/it-and-office-auctions/network-and-telecoms
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Network & Telecoms
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
it-and-office-auctions
it-and-office-auctions
office-furniture-and-equipment
office-furniture-and-equipment
/categories/it-and-office-auctions/office-furniture-and-equipment
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Office Furniture & Equipment
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
7
">
<a href="
other-industry-auctions
other-industry-auctions
/categories/other-industry-auctions
" class="text-lg font-bold hover:underline p-0">
Other Industries
(
2
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
aviation-and-marine-auctions
aviation-and-marine-auctions
/categories/other-industry-auctions/aviation-and-marine-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Aviation & Marine
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
businesses-for-sale
businesses-for-sale
/categories/other-industry-auctions/businesses-for-sale
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Businesses for Sale
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
cleaning-health-and-safety
cleaning-health-and-safety
/categories/other-industry-auctions/cleaning-health-and-safety
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Cleaning, Health & Safety
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
event-management-auctions
event-management-auctions
/categories/other-industry-auctions/event-management-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Event Management
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
medical-and-beauty-auctions
medical-and-beauty-auctions
/categories/other-industry-auctions/medical-and-beauty-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Medical & Beauty
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
pharma-biotech-and-laboratory-auctions
pharma-biotech-and-laboratory-auctions
/categories/other-industry-auctions/pharma-biotech-and-laboratory-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Pharma, Biotech & Lab
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
other-industry-auctions
other-industry-auctions
school-and-college-auctions
school-and-college-auctions
/categories/other-industry-auctions/school-and-college-auctions
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
School & College
(
1
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
{{ if active }}
1
{{ taxonomy:auction_sub_category :parent_category:is="slug" as="subcat"}}
<li class="w-1/5 px-4 leading-none
8
">
<a href="
property-auctions
property-auctions
/categories/property-auctions
" class="text-lg font-bold hover:underline p-0">
Property
(
0
)</a>
<ul class="submenu flex flex-col leading-none p-0">
{{ subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
property-auctions
property-auctions
commercial-property
commercial-property
/categories/property-auctions/commercial-property
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Commercial Property
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
property-auctions
property-auctions
land
land
/categories/property-auctions/land
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Land
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
{{ if sub_active }}
1
<li class=" p-0" style="padding: 0 !important;">
<a href="
property-auctions
property-auctions
residential-property
residential-property
/categories/property-auctions/residential-property
"
class="text-xs hover:underline hover:font-medium p-0" style="padding: 0 !important;">
Residential Property
(
0
)
</a>
</li>
{{ /if }}
{{ /subcat }}
</ul>
</li>
{{ /taxonomy:auction_sub_category }}
{{ /if }}
{{ /taxonomy:auction_category }}
</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/vehicles-auctions/trucks-and-trailers
" />
<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>