<!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 ">
production line and packing auctions
</p>
</li>
</ul>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://auctionnews.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Auctions",
"item": "https://auctionnews.com/auctions"
},
{
"@type": "ListItem",
"position": 3,
"name": "
production line and packing auctions
",
"item": "https://auctionnews.com/auctions/
production-line-and-packing-auctions
"
}
]
}
</script>
{{ else }}
{{ if get:old }}
{{ if isCatalogue }}
{{ else }}
<div wire:ignore>
<h1 class="font-bold text-2xl lg:text-3xl pt-5 pb-3 text-blue-400">
{{ if theCategory }}
1
Production Line & Packing 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 Production Line & Packing Equipment auctions below or use the filters to refine your search for the specific type of items you are looking for. Don’t forget to <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">
<p>Whether the UK economy is expanding in recession, history shows there will always be a regular supply of used production line and packing equipment entering the second-user market and going under the auctioneer’s hammer. </p><p>Whether you’re looking to upgrade ageing production line machinery or increase capacity by adding newer, more modern equipment, there’s a good chance our<a target="_blank" href="/categories/manufacturing-auctions"> manufacturing auctions</a> will be able to point you to a range of suitable production line and packaging machinery lots held by one of<a target="_blank" href="/auctioneers"> our auctioneers</a>.</p><p>Our auction listings include automated machinery, equipment and tooling from well-known manufacturers like Uhlmann, Donaldson, Atlas Copco, Pago, Sepha, Soco, and many more. </p><p>From huge box-making machines to small packing benches, we offer the best live and timed online auctions available.</p><p>Here is a sample of lots included in recent production line and packing machinery auctions: </p><ul><li><p>Major E-Commerce Order Fulfilment Facility (Complete Site Dispersal) </p></li><li><p>Shrink Wrap and Heat Tunnels </p></li><li><p>Steelblasting and Painting Line</p></li><li><p>Duplex Roll Forming Line</p></li><li><p>Industrial Meat Processing Line </p></li><li><p>Carton Erectors </p></li><li><p>Label Applicators</p></li></ul><h3><strong>Working with Leading Auctioneers</strong></h3><p>We work with the UK’s leading auctioneers in this sector to bring you the very best live and timed online auctions out there. The auctions we provide access to enable you to purchase used, and sometimes even new, production line & packing equipment at auction for a fraction of the cost of buying new from a machinery dealer.</p><p>Buying through the Auction News catalogue listings will give you extra peace of mind, knowing that you’ll be buying through professional <a target="_blank" href="/auctioneers">auctioneers</a> who are specialists in the field.</p><h3><strong>How Auction News can help you</strong></h3><p>As a dedicated family-run auction business, Auction News are proud to provide customers with easy access to many of the most sought-after production line & packing machinery auctions which can be so hard to find elsewhere - the very auctions where some of the best auction bargains can be found. What’s more, with over sixty years of auction experience, our expert team can always be relied upon for sound, professional service and advice.</p><p>For further details about how our knowledgeable team of experts will be able to provide you with access to some of the most trusted production line & packing machinery auctions available, get in touch with us today by emailing us at <a target="_blank" href="mailto:info@auctionnews.com">info@auctionnews.com</a>. Alternatively, you can <a target="_blank" href="/create-account">create an account</a> online to get started - no matter what method of contact you choose, we’ll always be happy to help. You can also stay up to date with all the <a target="_blank" href="/news">latest auction news</a> on our website. </p><p>If you have any questions about our services, see our <a target="_blank" href="/help-Centre">Help Centre</a> or <a target="_blank" href="/contact-us">get in touch with our team</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 py-3 px-4 rounded-t-md hover:bg-white hover:text-blue-400 hover:font-bold li-bold" x-bind:class="subNavOpen ? 'active' : ''">
Auctions
</a>
<div class="hide absolute w-full bg-white h-8 -bottom-[29px]"></div>
</div>
{{ if grouped_dropdown == 'auctions' }}
1
<!-- Blurry boi -->
<div class="blurry-boi fixed top-0 left-0 h-full w-full backdrop-blur pointer-events-none"></div>
<!-- End Blurry Boi -->
<div
class="container mx-auto px-4 submenu bg-white text-blue-400 absolute left-0 right-0 shadow-md rounded-b-md leading-none max-w-full"
x-on:mouseenter="subNavOpen = ! subNavOpen" x-on:mouseleave="subNavOpen = ! subNavOpen">
<div class=" max-w-[1100px] mx-auto">
<ul class="flex flex-wrap py-4 -mx-4">
{{ cache key="menu" for="2 hour" }}
</ul>
</div>
</div>
{{ /if }}
</li>
{{ else }}
{{ /nav:main_nav }}
{{ if (grouped_dropdown == 'auctioneers' || grouped_dropdown == 'auctions') }}
{{ else }}
{{ if children }}
{{ else }}
<li class="py-10" data-animation="fadeIn"><a title="
Auctioneers
" class="py-3 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="py-3 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="py-3 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="py-3 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="nav-search w-1/5 relative hidden 2xl: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 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="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 w-[160px] h-[40px] font-bold justify-center items-center"
>
<div class="flex h-full justify-center items-center text-sm mr-1">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="3"
stroke="currentColor"
class="w-4 h-4 mr-1"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 4.5v15m7.5-7.5h-15"
/>
</svg>
Add my auction
</div>
</div>
</a>
{{ /if }}
<div class="flex items-center lg:hidden">
<img src="/img/search-m.svg" alt="" class="search-svg search-svg-m mr-3 "style="height: 29px; width: 29px;" x-on:click="mobSearchOpen = !mobSearchOpen">
<!-- account Icon -->
{{ if logged_in }}
{{ else }}
<div class="account flex flex-col relative" x-data="{menuOpen: false}" x-on:click="menuOpen = true" x-on:click.away="menuOpen = false">
<img src="/img/account-m.svg" alt="" class="account-svg-m mr-3" style="height: 29px; width: 29px;">
<div class="absolute text-sm top-[50px]" style="left: -24px;" x-cloak x-bind:class="{'hidden' : !menuOpen}">
<div class="py-4 w-[160px] drop-shadow-md rounded-md bg-white left-[-65px] relative">
<div
onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'header->create-account'});"
@click="setRedirect()"
x-on:click="[sidebarType = 'sign-up', sidebarOpen = true, registerLocation = 'header->create-account']"
class="block px-5 py-2 font-bold hover:bg-blue-50 text-blue-400"
>
Create Account
</div>
<div
@click="setRedirect()"
x-on:click="[sidebarType = 'login', sidebarOpen = true]"
class="block px-5 py-2 hover:bg-blue-50 text-blue-400"
>
Login
</div>
<hr class="my-2">
<!-- <a href="/help-center/sell-with-us" class="block px-5 py-2 hover:bg-blue-50 text-blue-600">Sell with us</a>-->
<a href="/advertise" class="block px-5 py-2 hover:bg-blue-50 text-blue-600 ">Add your auction</a>
<a href="/help-center" class="block px-5 py-2 hover:bg-blue-50 text-blue-600 ">Help</a>
</div>
</div>
</div>
{{ /if }}
<!-- Heart Icon -->
{{ if logged_in }}
</div>
<div class="hamburger hamburger--spin block mb-1 lg:hidden" style="z-index: 9999999;" x-on:click="open = ! open; accountOpen = false; headerOpen = false; " x-bind:class="open ? 'is-active' : ''">
<div class="hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
<div class="fixed top-0 bottom-0 z-50 sign-up-overlay h-full bg-blue-600 opacity-50 transition-all duration-1250" x-bind:class="{'left-[0%]' : sidebarOpen, 'left-[100%]' : !sidebarOpen}" x-cloak></div>
<div class="fixed top-0 bottom-0 z-50 sign-up-modal transition-all duration-1000" x-bind:class="{'right-0 left-0' : sidebarOpen, 'right-[-100%]' : !sidebarOpen}" x-cloak>
<div class="bg-white text-blue-600 rounded-l-md h-screen overflow-y-scroll">
<!-- Close Button -->
<div class="flex pt-8 pr-8 items-end justify-end" :class="sidebarType == 'sign-up' ? 'bg-blue-100' : ''">
<button x-on:click="sidebarOpen = false">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<div x-show="sidebarType == 'sign-up'">
<div class="flex flex-col">
<!-- create account modal -->
<div class="flex relative flex-col justify-center bg-blue-100 pb-4 px-7">
<h2 class="text-4xl font-bold mt-0 absolute -top-6 left-7">Create your account</h2>
<ul class="list-disc text-white leading-tight text-md mb-4 mt-6 pl-1 md:ml-4">
<p style="font-size: 24px; margin-left: -20px; margin-bottom: 3px;">Includes</p>
{{ foreach:includes }}
<li class="">
Tailored Auction Alerts
</li>
{{ /foreach:includes }}
<li class="">
Easy Bidding Access
</li>
{{ /foreach:includes }}
<li class="">
Weekly Auction Magazine Alert
</li>
{{ /foreach:includes }}
<li class="">
Save Your Favourite Auctions
</li>
{{ /foreach:includes }}
<li class="">
Save Your Searches
</li>
{{ /foreach:includes }}
</ul>
<p class="">Have an account? <span class="cursor-pointer font-bold underline" x-on:click="sidebarType = 'login'">Sign in</span></p>
</div>
<div class="p-7 rounded-b-md mt-4">
<label class="inline-block font-bold" for="">Name <span class="text-red-400">*</span></label>
<input wire:model="name" type="text" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700">
</div>
<label class="inline-block font-bold mt-4" for="">Email address <span class="text-red-400">*</span></label>
<input wire:model="email" type="email" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700">
</div>
<div x-data="{showPassword: false}" class="relative">
<label class="inline-block font-bold mt-4" for="">Password <span class="text-red-400">*</span><br><span class="text-xs leading-none">Min 8 characters. <br> Include at least 1 uppercase, 1 lowercase and 1 symbol (#?!@£$%^&*-)</span></label>
<div class="relative">
<input x-bind:type="showPassword ? 'text' : 'password'" wire:model="password" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="!showPassword" class="cursor-default absolute right-0 top-[19px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="showPassword" class="cursor-default absolute right-0 top-[19px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
</div>
<!--Overriding the errors how AN wants them -->
{{ if errors->first('password') != 'The password confirmation does not match.' }}
1
<div class="text-red-700">
</div>
{{ /if }}
</div>
<div x-data="{showPasswordC: false}" class="relative">
<label class="inline-block font-bold mt-4" for="">Confirm Password <span class="text-red-400">*</span></label>
<div class="relative">
<input x-bind:type="showPasswordC ? 'text' : 'password'" wire:model="password_confirmation" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPasswordC = ! showPasswordC" x-cloak x-show="!showPasswordC" class="cursor-default absolute right-0 top-[20px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPasswordC = ! showPasswordC" x-cloak x-show="showPasswordC" class="cursor-default absolute right-0 top-[20px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
</div>
<div class="text-red-700">
</div>
<!--Overriding the errors how AN wants them -->
{{ if errors->first('password') == 'The password confirmation does not match.' }}
</div>
<div class="flex items-center mt-4">
<div x-data="{ set: false }">
<div class="filter flex justify-start items-center font-bold mr-6 py-2 cursor-pointer"
x-on:click="set = !set"
wire:click="toggleField('opted_in_to_digimag_alerts')"
x-bind:class="set ? 'active' : ''">
<div
class="checkbox border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<img alt="chevron" x-show="set" src="/img/chevron-simple.svg">
</div>
<h4 class="text-blue-400 text-sm ">Email me about auctions matching my categories of interest</h4>
</div>
</div>
</div>
<input type="hidden" wire.model="redirect" value="
https://auction-news-dev.alt-develop.co.uk/categories/manufacturing-auctions/production-line-and-packing-auctions
" />
<p class="text-sm text-center my-4">
By clicking register you confirm that you agree to our website <a target="_blank" href="/terms-and-conditions" class="text-sm text-blue-600 underline">terms of use.</a>
</p>
<div>
<input x-model="registerLocation" type="hidden" id="getRegisterLocation" name="getRegisterLocation" class="w-full px-3 py-2 rounded-md text-blue-600">
<p wire:click="attemptRegister()"
onclick="gtag('event', 'CTA_register_completion', {'event_category': 'click', 'event_location': '\"' + document.getElementById('getRegisterLocation').value + '\"' });"
class="flex h-16 lg:h-12 mb-1 pl-3 items-center justify-center rounded-md font-bold text-white cursor-pointer mouse-cursor-gradient-tracking">
<span>Create Account</span>
</p>
</div>
</div>
</div>
</div>
<div x-show="sidebarType == 'login'">
<form class="p-7" xmlns:x-on="http://www.w3.org/1999/xhtml">
<h2 class="text-4xl font-bold mt-8 mb-6">Log in</h2>
<p class="mb-6">Need an account? <span class="cursor-pointer text-blue-200 hover:text-blue-600 underline" x-on:click="sidebarType = 'sign-up'">Create an account</span></p>
<label class="inline-block font-bold" for="email">Email address <span class="text-red-400">*</span></label>
<input autocomplete="email" id="email" wire:model="email" name="email" type="email" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div class="text-red-700">
</div>
<div x-data="{showPassword: false}" class="relative">
<label class="inline-block font-bold mt-4" for="password">Password <span class="text-red-400">*</span></label>
<input x-bind:type="showPassword ? 'text' : 'password'" autocomplete="password" id="password" wire:model="password" name="password" type="password" class="mt-2 border border-blue-600 text-blue-600 px-4 py-2 rounded w-full">
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="!showPassword" class="cursor-default absolute right-0 top-[57px] h-6 w-6 mt-1" style="background-image: url('/img/password.svg');
background-repeat: no-repeat;"></div>
<div x-on:click="showPassword = ! showPassword" x-cloak x-show="showPassword" class="cursor-default absolute right-0 top-[57px] h-6 w-6 mt-1" style="background-image: url('/img/password-show.svg');
background-repeat: no-repeat;"></div>
<div class="text-red-700">
</div>
</div>
{{ if errors->has('incorrect') }}
<div class="mt-4 flex justify-between items-center"><label for="remember-me" class="flex items-center cursor-pointer"><input type="checkbox" name="remember" id="remember-me"> <span class="ml-1">Remember me</span></label></div>
<div class="mt-4">
<a href="/forgotten-password" class="text-sm text-blue-300 underline">Forgotten your password?</a>
</div>
<div class="mt-4">
<p wire:click="attemptLogin()" class="flex h-16 lg:h-12 mb-1 pl-3 items-center justify-center rounded-md font-bold text-white cursor-pointer mouse-cursor-gradient-tracking">
<span>Log in</span>
</p>
</div>
</form>
</div>
</div>
</div>
<style>
.sign-up-overlay{
width: 100vw
}
.sign-up-modal{
width: 100vw;
max-width: 520px;
}
@media(max-width: 1023px){
label.mt-4{
margin-top: 5px!important;
}
.sign-up-modal .px-8.py-8{
padding:1rem!important;
}
.sign-up-modal h2{
font-size: 25px!important;
margin-top:0!important;
margin-bottom:5px!important;
}
.sign-up-modal h4{
font-size: 14px!important;
}
.sign-up-modal p.mb-6{
margin-bottom: 5px!important;
font-size: 14px!important;
}
.sign-up-modal p.text-sm.my-4{
font-size: 12px!important;
margin: 5px 0!important;
}
}
@media(min-width: 1024px){
.sign-up-modal.left-0{
left: unset!important;
}
}
</style>
{{ if !logged_in && template != 'register' && template != 'forgotten_password' && template != 'reset_password' && template != 'login' }}
1
<div x-show="sidebarOpen == false">
<div class="top-0 fixed z-50 w-full h-screen bg-blue-600 transition-all opacity-50 duration-300" x-show="popUpOpen" x-on:click="popUpClose()" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-50"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-50"
x-transition:leave-end="opacity-0"
></div>
<div class="top-0 justify-center items-center px-8 lg:px-0 w-full h-full fixed z-50 pointer-events-none transition-all" x-show="popUpOpen" x-cloak
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 mt-4"
x-transition:enter-end="opacity-100 mt-0"
x-transition:leave="ease-in duration-300"
x-transition:leave-start="opacity-100 mt-0"
x-transition:leave-end="opacity-0 mt-4"
>
<div class="flex justify-center items-center w-full h-full ">
<div class="text-blue-600 rounded-md px-8 lg:px-12 py-8 lg:py-12 bg-blue-100 relative w-[550px] max-w-full pointer-events-auto relative">
<div class="absolute">
<img src="/img/pop-up-hammer.png" alt="">
</div>
<!-- Close Button -->
<div class="flex items-end justify-end absolute right-8 top-8 z-10">
<button x-on:click="popUpClose()">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<form action="/create-account" class="relative">
<h4 class="text-blue-600 text-3xl lg:text-5xl font-bold">
Get your
</h4>
<h4 class="text-white text-3xl lg:text-5xl font-bold mt-2 mb-2 lg:mb-6">
FREE account now!
</h4>
<div class="text-white">
<p class="text-lg">Includes:</p>
{{ site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Tailored Auction Alerts
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Easy Bidding Access
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Weekly Auction Magazine Alert
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Save Your Favourite Auctions
</span>
</p>
{{ /site_options:includes }}
<p class="flex items-start lg:items-center font-bold text-base lg:text-lg">
<img alt="tick" src="/img/tick.svg" class="mr-2 top-[5px] lg:top-0 relative"> <span>
Save Your Searches
</span>
</p>
{{ /site_options:includes }}
</div>
<label class="inline-block font-bold mt-2 lg:mt-8" for="">Email address <span class="text-red-400">*</span></label>
<input type="text" name="email" class="mt-2 border border-blue-250 text-blue-600 px-4 py-2 rounded w-full">
<p class="text-xs lg:text-sm leading-tight mt-2 mb-6">
By clicking register you confirm that you agree to our website <a target="_blank" href="/terms-and-conditions" class="text-sm text-blue-600 underline">terms of use.</a>
</p>
<button onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'pop-up'});"
@click="setRedirect()"
x-on:click="registerLocation = 'pop-up'"
type="submit"
class="text-white inline-block rounded-md text-center text-lg font-bold w-full bg-blue-600 hover:bg-white hover:text-blue-600 mt-4 lg:mt-6 py-3 lg:py-3 px-12 text-base transition">
Create account
</button>
</form>
</div>
</div>
</div>
</div>
{{ /if }}
<script>
{{ if slug != 'home' }}
1
setInterval(function() {
var sliders = document.querySelectorAll('.glide');
if(sliders.length > 0) {
var sliderCheck = document.querySelectorAll('.glide:not(.glide--ltr)')
if(sliderCheck.length > 0) {
console.log('opening');
window.sliders.init();
}
}
}, 2000)
{{ /if }}
</script>
{{ if int_feaafef8ee3e7af71ff6cd65 === true }}
{{ nocache }}
{{ nocache }}
<script
data-cookie-notice='{ "learnMoreLinkEnabled": true, "learnMoreLinkHref": "/cookies", "buttonBgColor": "#117C9C", "noticeBgColor": "#002A4C", "messageLocales": {
"en": "We use cookies to ensure you get the best experience. By using our website you agree to our cookie policy."
} }'
src="/cookie.notice.min.js">
</script>
{{ if current_uri == '/auctions' }}
<script>
function setRedirect() {
// Get url + params
const baseUrl = window.location.origin;
const fullUrl = window.location.href;
const clearnUrl = fullUrl.replace(baseUrl, '')
// Get 30 min timeout
const now = new Date();
const minutes = 30;
now.setTime(now.getTime() + (minutes * 60 * 1000));
// Set the cookie
document.cookie =
"redirect=" + clearnUrl + ";" +
"expires=" + now.toUTCString() + ";" +
"path=/";
}
</script>
<script>
function companyEmailClicked() {
gtag('event', 'CompanyEmailClicked', {});
}
function companyPhoneClicked() {
gtag('event', 'CompanyPhoneNumberClicked', {});
}
</script>
{{ nocache }}
<style type="text/css">
#map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
.acf-map img {
max-width: inherit !important;
}
</style>
</body>
</html>