<!doctype html>
<html lang="
en
">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<link rel="shortcut icon" href="/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
{{ if environment === 'production'}}
{{ if environment !== 'production' }}
1
<script>
window.markerConfig = {
project: '681094376a5b2af47d8abf39',
source: 'snippet'
};
!function(e,r,a){if(!e.__Marker){e.__Marker={};var t=[],n={__cs:t};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","clearReporter","setCustomData","on","off"].forEach(function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),t.push(r)}}),e.Marker=n;var s=r.createElement("script");s.async=1,s.src="https://edge.marker.io/latest/shim.js";var i=r.getElementsByTagName("script")[0];i.parentNode.insertBefore(s,i)}}(window,document);
</script>
{{ /if }}
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "hvlc9p6yuy");
</script>
<style>/* Critical Styles */ [x-cloak]{display: none !important;}</style>
<style>
.container p {
margin-bottom: 0;
}
.auctions_show .container p {
margin-bottom: 15px;
}
.sidebar p {
margin-bottom: 0;
}
.content .closed+.fading-overlay {
pointer-events: none;
}
@media(max-width: 1023px) {
.content ul, .content ol {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
.wysiwyg ol {
list-style: numeric;
list-style-position: inside;
}
.wysiwyg ul {
list-style-position: inside !important;
}
.wysiwyg ul p {
display: inline;
}
.wysiwyg ul li {
margin-bottom: 10px;
}
.wysiwyg ol li {
margin-bottom: 10px;
list-style: inherit !important;
}
.wysiwyg ol p {
display: inline;
}
.wysiwyg ol ul {
list-style-position: inside;
padding-left: 30px;
margin-top: 10px;
}
.wysiwyg ul ol {
list-style-position: inside;
padding-left: 30px;
margin-top: 10px;
}
.wysiwyg td {
border: 1px solid #DDD;
padding: 5px 10px;
vertical-align: top;
}
.wysiwyg a {
text-decoration: underline;
}
.wysiwyg p {
font-weight: 500;
line-height: 1.6;
}
.wysiwyg h2 {
font-weight: 800;
font-size: 30px;
padding-top: 40px;
}
.wysiwyg h3 {
font-weight: 700;
font-size: 20px;
padding-top: 30px;
}
.wysiwyg h4 {
font-weight: 600;
font-size: 16px;
padding-top: 20px;
padding-bottom: 10px;
}
.glide__slide{
height: auto!important;
}
.mob-search{
max-height: 0px;
transition: .5s ease-in-out max-height;
}
.mob-search.show{
max-height: 200px;
transition: .5s ease-in-out max-height;
}
.mobfilters button:hover svg{
stroke: #fff;
}
.w-60{
width: 15rem;
}
.bottom-4{
bottom: 4px !important;
}
.bottom-28{
bottom: 28px;
}
.right-6{
right: 6px;
}
.content hr {
max-width: 50%;
margin: 40px auto 30px auto;
border-top-width: 2px;
}
.w-32 {
width: 8rem;
}
.z-0{
z-index: 0;
}
.min-height-140{
min-height: 140px;
}
.office-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem; /* 24px */
@media only screen and (max-width: 768px) {
/* For mobile phones: */
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 0;
}
}
.office-card{
border-color: #002A4C;
border-bottom-width: 2px;
grid-column: span 1 / span 1;
@media only screen and (max-width: 768px) {
/* For mobile phones: */
border-bottom-width: 1px;
border-color: #A9BACA;
}
}
.office-address{
border-bottom-width: 1px;
@media only screen and (max-width: 768px) {
/* For mobile phones: */
border-bottom-width: 0px;
}
}
@media only screen and (max-width: 768px) {
/* For mobile phones: */
ul.pagination {
width: 100% !important;
}
.no-mobile-border * {
border: none !important;
}
}
span.confirm {
border-radius: 5px;
}
.pointer-events-none .glide__arrows button {
pointer-events: none !important;
}
.featured-auctions-width-1 {
width: 100%
}
.featured-auctions-width-2 {
width: 475px;
@media only screen and (max-width: 1120px) {
/* For medium screen: */
width: 350px;
}
@media only screen and (max-width: 1024px) {
/* For mobile phones: */
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.auction-img-prop {
margin: auto;
height: 100%;
max-width: 100%;
}
}
.banner {
background-color: #FF7B1A;
font-weight: 700;
color: white;
padding: 6px 12px 6px 12px;
}
.hide {
display: none;
}
.navTab:hover + .hide {
display: block;
color: red;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
.xl\:w-1\/3 {
width: 33%;
}
</style>
{{ if environment == 'production'}}
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4GXLF3F26W');
</script>
</head>
<body class="overflow-x-hidden page-
font-sans"
:class="preventScroll ? 'overflow-y-hidden' : ''"
x-data="{ open: false, accountOpen: false, sidebarOpen: false, sidebarType: 'sign-up', ...popup, mobSearchOpen: false, preventScroll: false, registerLocation: 'none' }"
x-init="checkPopUp()"
>
<div class="spacer"></div>
<div x-data="{alerts: false, saveSearchOpen: false, successOpen: false, createAlertButton: false, alertPopUp: false, saveSearchButton: false, searchPopUp: false, mobileFilters:false }">
<script>
window.addEventListener("popstate", function (event) {
window.location.reload();
});
</script>
<div class="flex grid grid-cols-1 lg:grid-cols-4 gap-6 lg:gap-12 my-8 mx-6 lg:p-4">
<div class="hidden lg:block ">
<div>
<!-- Sidebar -->
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="sidebar lg:col-span-1 w-full keep-opacity-on-desktop" wire:loading.class="opacity-50 pointer-events-none">
{{ if isCatalogue }}
{{ else }}
<div class="flex lg:justify-between items-center pt-3 pb-2 pl-5 pr-2 lg:px-0 lg:py-0 font-bold text-blue-400">
{{ /if }}
<h3 class="text-xl">Filters
{{ if activeFilterCount > 0}}
</h3>
<a x-on:click="$wire.updateFilters($wire.listingType)" class="text-xs lg:text-sm ml-5 border-blue-400 underline hover:text-blue-300 cursor-pointer">Clear all</a>
<button x-on:click="mobileFilters = !mobileFilters" class="flex flex-1 lg:hidden justify-end">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-10 h-10">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<!-- Tabs -->
<div x-data="{ activeTab: $wire.listingType, tabs: ['auctions', 'lots'] }">
<div class="hidden flex justify-between items-center font-bold py-5 px-5 lg:px-0 border-b border-grey-800
{{ if isCatalogue }}
">
<template x-for="tab in tabs">
<a
:class="{ 'active': tab === tab }"
@click.prevent="activeTab = tab"
x-on:click="$wire.set('listingType', tab)"
x-bind:class="[activeTab === tab ? 'text-white bg-blue-400' : 'text-grey-700 bg-white-400 border lg:border-t lg:border-x border-grey-800 hover:text-white hover:bg-grey-800' ]"
href="#"
class="flex text-base lg:text-sm font-bold w-twocols rounded-md py-4 lg:py-3 justify-center capitalize"
x-text="tab">
</a>
</template>
</div>
</div>
<div class="py-5 px-5 lg:px-0 border-b border-grey-800 ">
<div class="w-full relative border border-grey-800 rounded-md text-blue-400">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live="keywords"
x-on:click.away="$wire.renderComponent()"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 block lg:hidden">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live.debounce.750ms="keywords"
wire:keydown.enter="renderComponent"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 hidden lg:block">
<button id='mobile-filter-search'
wire:click="renderComponent"
class="hidden lg:block bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md
absolute right-1 top-1 mt-1 z-10">
<img src="/img/search.svg" alt="Search" class="w-4">
</button>
</div>
</div>
<!-- Category Filter -->
<div class="filter category border-b border-grey-800 px-5 lg:px-0" x-data="{ categoryFilterOpen:
false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="categoryFilterOpen = ! categoryFilterOpen"
x-bind:class="categoryFilterOpen ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Category</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="category filter-contents pb-5">
{{ if categoriesCount == 0 }}
{{ else }}
{{ foreach:filters as="key|filter" }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( '
food-industry-auctions
' )"
@click="$wire.updateParams('categories', '
food-industry-auctions
')">
<div x-bind:class="
0
> 0 || '
' == '
food-industry-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}
food-industry-auctions
food-industry-auctions
{{ else }}
<path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }}
</svg>
</div>
</div>
</div>
<div class="
food-industry-auctions
flex flex-col" x-data="{
foodindustryauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="
foodindustryauctions
FilterOpen = !
foodindustryauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="
foodindustryauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">
Food Industry
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="
food-industry-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
bar-and-restaurant-auctions
' )"
@click="$wire.updateParams('subcategories', '
bar-and-restaurant-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Bar, Hotel & Restaurant
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
catering-equipment-auctions
' )"
@click="$wire.updateParams('subcategories', '
catering-equipment-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Catering Equipment
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
food-and-beverage-production
' )"
@click="$wire.updateParams('subcategories', '
food-and-beverage-production
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Food & Beverage Production
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
food-processing
' )"
@click="$wire.updateParams('subcategories', '
food-processing
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Food Processing
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
</div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( '
other-industry-auctions
' )"
@click="$wire.updateParams('categories', '
other-industry-auctions
')">
<div x-bind:class="
0
> 0 || '
' == '
other-industry-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}
other-industry-auctions
other-industry-auctions
{{ else }}
<path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }}
</svg>
</div>
</div>
</div>
<div class="
other-industry-auctions
flex flex-col" x-data="{
otherindustryauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="
otherindustryauctions
FilterOpen = !
otherindustryauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="
otherindustryauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">
Other Industries
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="
other-industry-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
aviation-and-marine-auctions
' )"
@click="$wire.updateParams('subcategories', '
aviation-and-marine-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Aviation & Marine
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
businesses-for-sale
' )"
@click="$wire.updateParams('subcategories', '
businesses-for-sale
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Businesses for Sale
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
cleaning-health-and-safety
' )"
@click="$wire.updateParams('subcategories', '
cleaning-health-and-safety
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Cleaning, Health & Safety
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
event-management-auctions
' )"
@click="$wire.updateParams('subcategories', '
event-management-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Event Management
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
medical-and-beauty-auctions
' )"
@click="$wire.updateParams('subcategories', '
medical-and-beauty-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Medical & Beauty
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
pharma-biotech-and-laboratory-auctions
' )"
@click="$wire.updateParams('subcategories', '
pharma-biotech-and-laboratory-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Pharma, Biotech & Lab
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
printing
' )"
@click="$wire.updateParams('subcategories', '
printing
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Printing
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
school-and-college-auctions
' )"
@click="$wire.updateParams('subcategories', '
school-and-college-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
School & College
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
</div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ /if }}
<!-- 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}}
1
<p
@click="[open = ! open, $wire.set('auctioneer', '
5
'), $wire.set('auctioneerTitle', '
CVA Ltd
')]"
wire:click="selectFilter('auctioneer', '
5
')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
CVA Ltd
(
1
)
</p>
{{ /if }}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ 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 }}
1
block
{{ else }}
"
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 ">
bar and restaurant 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": "
bar and restaurant auctions
",
"item": "https://auctionnews.com/auctions/
bar-and-restaurant-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
Bar, Hotel & Restaurant 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 Bar, Hotel & Restaurant auctions from professional auctioneers including Bar Equipment and Accessories, Hotel Reception, Lobby and Bedroom Furniture, Restaurant Dining Tables and Chairs, Crockery, Cutlery Glassware, etc. </p>
</div>
{{ else }}
{{ else }}
{{ else }}
</div>
{{ /if }}
</div>
<!-- Mobile View -->
<div x-data="{ activeTab:
, listingType:
, sort: false, map: false }"
class="lg:hidden">
<!-- Mobile View -->
<div class="mobfilters view lg:hidden flex flex-row h-14 bg-white-400 text-grey-700 border border-blue-400 text-sm font-bold rounded-lg">
<!-- Filters: Button -->
<button
x-on:click="mobileFilters = !mobileFilters"
class="flex flex-row w-full rounded-l-md text-sm justify-center items-center
{{ if mobileFilters }}
{{ else }}
bg-white text-blue-400
{{ /if }}
hover:bg-blue-400 hover:text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-5 h-5 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75"/>
</svg>
<div>
Filters
</div>
</button>
<!-- Sort: Button -->
<button
@click="sort = ! sort"
x-bind:class="[listingType == 'lots' ? 'border-l' : 'border-x' ]"
class="flex flex-row text-blue-400 w-full border-blue-400 text-sm justify-center items-center hover:bg-blue-400 hover:text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-4 h-4 mr-1">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3 7.5L7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5"/>
</svg>
<div>
Sort by
</div>
</button>
<!-- Map: Button -->
<button
x-on:click="activeTab = ((activeTab == 'map') ? 'list' : 'map')"
x-bind:class="[map ? 'text-white bg-blue-400' : 'bg-white-400 text-blue-400', listingType == 'lots' ? 'hidden' : '' ]"
class="flex flex-row w-full text-sm rounded-r-md justify-center items-center hover:bg-blue-400 hover:text-white">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="w-4 h-4 mr-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"/>
<path stroke-linecap="round" stroke-linejoin="round"
d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"/>
</svg>
<div>
Map view
</div>
</button>
</div>
<!-- Filters: Content -->
<div x-cloak x-show="mobileFilters"
class="absolute top-0 left-0 right-0 bottom-0 z-50 w-full bg-blue-800 transition-all duration-300">
<!-- Sidebar -->
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="sidebar lg:col-span-1 w-full keep-opacity-on-desktop" wire:loading.class="opacity-50 pointer-events-none">
{{ if isCatalogue }}
{{ else }}
<div class="flex lg:justify-between items-center pt-3 pb-2 pl-5 pr-2 lg:px-0 lg:py-0 font-bold text-blue-400">
{{ /if }}
<h3 class="text-xl">Filters
{{ if activeFilterCount > 0}}
</h3>
<a x-on:click="$wire.updateFilters($wire.listingType)" class="text-xs lg:text-sm ml-5 border-blue-400 underline hover:text-blue-300 cursor-pointer">Clear all</a>
<button x-on:click="mobileFilters = !mobileFilters" class="flex flex-1 lg:hidden justify-end">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-10 h-10">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<!-- Tabs -->
<div x-data="{ activeTab: $wire.listingType, tabs: ['auctions', 'lots'] }">
<div class="hidden flex justify-between items-center font-bold py-5 px-5 lg:px-0 border-b border-grey-800
{{ if isCatalogue }}
">
<template x-for="tab in tabs">
<a
:class="{ 'active': tab === tab }"
@click.prevent="activeTab = tab"
x-on:click="$wire.set('listingType', tab)"
x-bind:class="[activeTab === tab ? 'text-white bg-blue-400' : 'text-grey-700 bg-white-400 border lg:border-t lg:border-x border-grey-800 hover:text-white hover:bg-grey-800' ]"
href="#"
class="flex text-base lg:text-sm font-bold w-twocols rounded-md py-4 lg:py-3 justify-center capitalize"
x-text="tab">
</a>
</template>
</div>
</div>
<div class="py-5 px-5 lg:px-0 border-b border-grey-800 ">
<div class="w-full relative border border-grey-800 rounded-md text-blue-400">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live="keywords"
x-on:click.away="$wire.renderComponent()"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 block lg:hidden">
<input id='mobile-filter-search-input' type="text" name="search"
autocomplete="false"
wire:model.live.debounce.750ms="keywords"
wire:keydown.enter="renderComponent"
placeholder="Search"
class="w-full p-3 rounded-md text-blue-600 hidden lg:block">
<button id='mobile-filter-search'
wire:click="renderComponent"
class="hidden lg:block bg-blue-400 hover:bg-blue-200 transition p-2 rounded-md
absolute right-1 top-1 mt-1 z-10">
<img src="/img/search.svg" alt="Search" class="w-4">
</button>
</div>
</div>
<!-- Category Filter -->
<div class="filter category border-b border-grey-800 px-5 lg:px-0" x-data="{ categoryFilterOpen:
false
}">
<div class="flex justify-between items-center font-bold py-5 cursor-pointer"
x-on:click="categoryFilterOpen = ! categoryFilterOpen"
x-bind:class="categoryFilterOpen ? 'active' : ''">
<div class="flex items-center">
<div class="text-blue-400 text-lg ">Category</div>
</div>
<div class="chevron lg:px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252" d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none" stroke="#112949"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</svg>
</div>
</div>
<div class="category filter-contents pb-5">
{{ if categoriesCount == 0 }}
{{ else }}
{{ foreach:filters as="key|filter" }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( '
food-industry-auctions
' )"
@click="$wire.updateParams('categories', '
food-industry-auctions
')">
<div x-bind:class="
0
> 0 || '
' == '
food-industry-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}
food-industry-auctions
food-industry-auctions
{{ else }}
<path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }}
</svg>
</div>
</div>
</div>
<div class="
food-industry-auctions
flex flex-col" x-data="{
foodindustryauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="
foodindustryauctions
FilterOpen = !
foodindustryauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="
foodindustryauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">
Food Industry
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="
food-industry-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
bar-and-restaurant-auctions
' )"
@click="$wire.updateParams('subcategories', '
bar-and-restaurant-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Bar, Hotel & Restaurant
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
catering-equipment-auctions
' )"
@click="$wire.updateParams('subcategories', '
catering-equipment-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Catering Equipment
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
food-and-beverage-production
' )"
@click="$wire.updateParams('subcategories', '
food-and-beverage-production
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Food & Beverage Production
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
food-industry-auctions
', '
food-processing
' )"
@click="$wire.updateParams('subcategories', '
food-processing
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Food Processing
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
</div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
1
<div x-data="{ openStyle: false }">
<div class="flex items-start"
x-bind:class="openStyle == true ? 'border-b border-blue-400 border-opacity-20 mb-5 pb-5' : ''">
<div class="custom-checkbox w-6 h-10 mr-2 flex items-center justify-center align-middle cursor-pointer ">
<div class="py-2 w-full flex items-center justify-center align-middle" wire:click="toggleCategory( '
other-industry-auctions
' )"
@click="$wire.updateParams('categories', '
other-industry-auctions
')">
<div x-bind:class="
0
> 0 || '
' == '
other-industry-auctions
' ? 'active border-blue-400' : 'border-blue-400'"
class="checkbox border-2 h-5 w-5 rounded-md flex items-center justify-center bg-white">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662" viewBox="0 0 9.73 8.662">
{{ if filter:checked || 'int_82d21cea58f0c4' == 'int_a6435' }}
other-industry-auctions
other-industry-auctions
{{ else }}
<path id="Path_296" data-name="Path 296"
d="M1601.809,241l10,0"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
{{ /if }}
</svg>
</div>
</div>
</div>
<div class="
other-industry-auctions
flex flex-col" x-data="{
otherindustryauctions
FilterOpen:
false
}">
<div class="filter flex justify-start items-center font-bold py-2 cursor-pointer"
x-on:click="
otherindustryauctions
FilterOpen = !
otherindustryauctions
FilterOpen, openStyle = ! openStyle"
x-bind:class="
otherindustryauctions
FilterOpen ? 'active' : ''">
<div class="text-blue-400 text-base ">
Other Industries
(
1
)</div>
<div class="chevron px-3">
<svg xmlns="http://www.w3.org/2000/svg" width="11.282" height="6.821"
viewBox="0 0 11.282 6.821">
<path id="Path_252" data-name="Path 252"
d="M2842.389,1561.776l4.407,4.1-4.407,4.354"
transform="translate(1571.645 -2840.975) rotate(90)" fill="none"
stroke="#112949" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"/>
</svg>
</div>
</div>
<div class="
other-industry-auctions
filter-contents">
{{ foreach:filter:children as="childKey|child" }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
aviation-and-marine-auctions
' )"
@click="$wire.updateParams('subcategories', '
aviation-and-marine-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Aviation & Marine
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
businesses-for-sale
' )"
@click="$wire.updateParams('subcategories', '
businesses-for-sale
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Businesses for Sale
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
cleaning-health-and-safety
' )"
@click="$wire.updateParams('subcategories', '
cleaning-health-and-safety
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Cleaning, Health & Safety
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
event-management-auctions
' )"
@click="$wire.updateParams('subcategories', '
event-management-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Event Management
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
medical-and-beauty-auctions
' )"
@click="$wire.updateParams('subcategories', '
medical-and-beauty-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Medical & Beauty
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
pharma-biotech-and-laboratory-auctions
' )"
@click="$wire.updateParams('subcategories', '
pharma-biotech-and-laboratory-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Pharma, Biotech & Lab
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
printing
' )"
@click="$wire.updateParams('subcategories', '
printing
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
Printing
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
{{ child }}
{{ if counts['categories'][slug] > 0 && sub_active }}
1
{{ /child }}
<div>
<div class="custom-checkbox flex items-center cursor-pointer py-1"
wire:click="toggleSubcategory( '
other-industry-auctions
', '
school-and-college-auctions
' )"
@click="$wire.updateParams('subcategories', '
school-and-college-auctions
')">
<div x-bind:class="
0
? 'active' : ''"
class="checkbox bg-white border-2 border-blue-400 h-5 w-5 rounded-md mr-2 flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" width="9.73" height="8.662"
viewBox="0 0 9.73 8.662">
<path id="Path_296" data-name="Path 296"
d="M1601.809,241.634l2.183,2.588,6.052-6.474"
transform="translate(-1601.044 -237.065)" fill="none" stroke="#0299b8"
stroke-width="2"/>
</svg>
</div>
{{ child }}
<p class="text-blue-400 text-sm font-normal">
School & College
(
1
)</p>
{{ /child }}
</div>
</div>
{{ /if }}
{{ /foreach:filter:children }}
</div>
</div>
</div>
</div>
{{ /if }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ if counts['categories'][key] > 0 && filter:active }}
{{ /foreach:filters }}
{{ /if }}
<!-- 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}}
1
<p
@click="[open = ! open, $wire.set('auctioneer', '
5
'), $wire.set('auctioneerTitle', '
CVA Ltd
')]"
wire:click="selectFilter('auctioneer', '
5
')"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer" role="menuitem"
tabindex="-1">
CVA Ltd
(
1
)
</p>
{{ /if }}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ if counts['auctioneers'][theAuctioneer.id] > 0}}
{{ /foreach:auctioneers }}
{{ 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 }}
1
block
{{ else }}
"
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">
1
</div>
result
</div>
<div class="flex lg:w-1/2 justify-end items-center">
<span class='hidden lg:inline-block text-xs text-blue-400 w-1/4'>Results per page:</span>
<!-- results per page -->
<div x-data="{ pagesOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="pagesOpen = ! pagesOpen"
class="flex mr-4 w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span>
30
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="pagesOpen" @click.outside="pagesOpen = false"
x-data="{options: $wire.get('pagesOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="pagesOpen = ! pagesOpen"
x-on:click="$wire.set('activePagesOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
<!-- Sort Select -->
<div x-data="{ sortOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="sortOpen = ! sortOpen"
class="flex w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span>
Sort by
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="sortOpen" @click.outside="sortOpen = false"
x-data="{options: $wire.get('sortOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="sortOpen = ! sortOpen"
x-on:click="$wire.set('activeOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
</div>
</div>
<!-- Listings -->
<div>
<!-- Search Results -->
<div class="relative">
<div class="h-screen lg:h-auto top-0 lg:top-12 left-0 right-0 flex items-center justify-center hidden z-50 loader-overlay" wire:loading.class.remove="hidden">
<img src="/img/loading.svg" alt="" class="h-12 w-12 loader"/>
</div>
{{ if !items }}
<div class="flex w-full grid grid-cols-1 lg:grid-cols-3 gap-x-8" wire:loading.class="opacity-50 pointer-events-none">
{{ items }}
<!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}
{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_
2087
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}
2087
2087
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked:
{{ if entryStatus == true }}
{{ else }}
false
{{ /if }}
,
clickedTemp:
{{ if entryStatus == true }}
{{ else }}
false
{{ /if }}
}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer
{{ if int_a39a164233d0 == 'list' }}
list
list
1
absolute top-[25px] left-[25px]
{{ /if }}
"
{{ if logged_in }}
x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}
{{ else }}
<div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}}
<svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}
list
list
1
26.606
{{ else }}
" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="
{{ if int_33fda875f7653 == 'dark' }}
light
light
{{ else }}
#fff
{{ /if }}
" stroke="
{{ if int_33fda875f7653 == 'dark' }}
light
light
{{ else }}
#fff
{{ /if }}
" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}
list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4
{{ if featured == 1 }}
{{ else }}
bg-white text-blue-600
{{ /if }}
">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': '
category-listings
' });" href="/
auction
/
cva-ltd/testing-auctioneer-bio-doesnt-disappear-editing-this-auction-as-well/2087
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': '
category-listings
' });" href="/
auction
/
cva-ltd/testing-auctioneer-bio-doesnt-disappear-editing-this-auction-as-well/2087
" class="hover:underline">-->
{{ if lot_number }}
<p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Testing auctioneer bio doesn't disappear / editing this auction as well
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}
auction
auction
5
5
2087
2087
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }}
</div>
</div>
<!-- End Search Results -->
<div class="py-4"></div>
</div>
<!-- End List Results -->
</div>
</div>
<div x-cloak x-show="activeTab != 'list'" >
<div>
<style>
.map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
</style>
<div class="flex flex-wrap justify-between items-center mt-4 lg:mt-0">
<div class="flex font-bold text-blue-400 lg:text-xl">
<div class="pr-1">
1
</div> results
</div>
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="py-5 flex items-center">
{{ if postcodeError }}
<input type="text" wire:model.live.debounce.1000ms="postcode" placeholder="Postcode/Town" class="p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<select wire:model.live="radius" class="flex w-32 p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<option value="">Radius</option>
<option value="10">10 miles</option>
<option value="20">20 miles</option>
<option value="30">30 miles</option>
<option value="40">40 miles</option>
<option value="50">50 miles</option>
<option value="75">75 miles</option>
<option value="100">100 miles</option>
</select>
<!-- <button class="bg-blue-400 text-white px-4 py-2 text-center rounded-md">Search</button>-->
</form>
</div>
<div class="text-gray-400 pb-8 lg:pb-0" wire:ignore>
<div class="mx-auto lg:px-0">
<div id="map_
mobile
" class="map"></div>
</div>
</div>
<!-- Map Results -->
<div class="the-markers hidden" data-rand=
>
{{ items | reverse }}
{{ if lat }}
{{ /items }}
</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">
1
</div>
result
</div>
<div class="flex lg:w-1/2 justify-end items-center">
<span class='hidden lg:inline-block text-xs text-blue-400 w-1/4'>Results per page:</span>
<!-- results per page -->
<div x-data="{ pagesOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="pagesOpen = ! pagesOpen"
class="flex mr-4 w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span>
30
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="pagesOpen" @click.outside="pagesOpen = false"
x-data="{options: $wire.get('pagesOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="pagesOpen = ! pagesOpen"
x-on:click="$wire.set('activePagesOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
<!-- Sort Select -->
<div x-data="{ sortOpen: false }" class="hidden lg:flex relative w-1/3 lg:w-1/2">
<button @click="sortOpen = ! sortOpen"
class="flex w-full h-16 lg:h-12 px-3 text-blue-400 items-center justify-between rounded-md border-[1px] border-grey-800 hover:border-[2px] focus:border-[2px] text-blue-400">
<span>
Sort by
</span>
<!-- Heroicon name: mini/chevron-down -->
<svg class="-mr-1 ml-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"/>
</svg>
</button>
<div x-show="sortOpen" @click.outside="sortOpen = false"
x-data="{options: $wire.get('sortOptions')}"
class="absolute right-0 z-10 w-full origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
<div class="py-1" role="none">
<template x-for="option in Object.keys(options)">
<p
@click="sortOpen = ! sortOpen"
x-on:click="$wire.set('activeOption', option)"
class="block px-4 py-2 hover:bg-sky-100 text-sm text-gray-700 cursor-pointer"
role="menuitem"
tabindex="-1"
x-text="option">
</p>
</template>
</div>
</div>
</div>
</div>
</div>
<!-- Listings -->
<div>
<!-- Search Results -->
<div class="relative">
<div class="h-screen lg:h-auto top-0 lg:top-12 left-0 right-0 flex items-center justify-center hidden z-50 loader-overlay" wire:loading.class.remove="hidden">
<img src="/img/loading.svg" alt="" class="h-12 w-12 loader"/>
</div>
{{ if !items }}
<div class="flex w-full grid grid-cols-1 lg:grid-cols-3 gap-x-8" wire:loading.class="opacity-50 pointer-events-none">
{{ items }}
<!-- CTA -->
{{ if !alt_logged_in && index == 4 }}
<!-- Listings -->
<div class="entry flex flex-col">
<div class="h-full">
{{ if ignore-featured }}
{{ if lot_number }}
{{ else }}
{{ /if }}
<div class="drop-shadow-lg flex flex-col h-full rounded-t-md lg:overflow-hidden" id="auction_
2087
_images">
<div class="glide"
data-glide-options="{
type: 'carousel',
swipeThreshold: false,
dragThreshold: false,
startAt: 0,
perView: 1,
animationDuration: 1000,
animationTimingFunc: 'ease-in-out',
breakpoints: {}
}">
<div class="glide__track" data-glide-el="track">
{{ cache key="auction_int_279a_images" }}
2087
2087
{{ if featured == 1 }}
<div class="absolute left-0 top-0 z-10">
<div x-data="{
clickIn: false,
clickOut: false,
clicked:
{{ if entryStatus == true }}
{{ else }}
false
{{ /if }}
,
clickedTemp:
{{ if entryStatus == true }}
{{ else }}
false
{{ /if }}
}"
>
<div class="flex flex-row font-bold group items-center hover:underline transition-all duration-200 cursor-pointer
{{ if int_a39a164233d0 == 'list' }}
list
list
1
absolute top-[25px] left-[25px]
{{ /if }}
"
{{ if logged_in }}
x-on:mouseover="clickedTemp = true"
x-on:mouseout="clickedTemp = false"
x-on:touchend=" setTimeout(function(){ clickedTemp = false }, 300)"
x-bind:class="{'scale-90': clickIn, 'scale-125': clickOut}"
>
{{ if int_cfa0acc8bbe }}
{{ else }}
<div onclick="gtag('event', 'CTA_register', {'event_category': 'click', 'event_location': 'favourite-heart'});"
@click="setRedirect()"
x-on:click="sidebarOpen = true, registerLocation = 'favourite-heart'">
{{ /if}}
<svg xmlns="http://www.w3.org/2000/svg" width="30.112" height="
{{ if int_a39a164233d0 == 'list' }}
list
list
1
26.606
{{ else }}
" viewBox="0 0 30.112 26.606">
<g transform="translate(0.5 0.618)">
<path x-cloak x-show="clicked || clickedTemp" d="M5279.8,489.469l4.3,1.638,3.15-1.638h4.817l4.484,1.638,1.941,3.23v4.557l-5.342,7.483-5.9,5.171h-4.517l-3.849-4.249-5.119-4.754-1.984-5.408,1.24-4.249,2.975-3.419Z" transform="translate(-5270.684 -488)" fill="#FF7B1A"/>
<path d="M20.7,4a8.429,8.429,0,0,0-6.141,2.666A8.415,8.415,0,0,0,0,12.415c0,8.379,13.514,16.6,14.1,16.926a.91.91,0,0,0,.937,0c.559-.323,14.074-8.547,14.074-16.926A8.424,8.424,0,0,0,20.7,4ZM14.556,27.49C12.2,25.989,1.819,18.974,1.819,12.415A6.6,6.6,0,0,1,13.81,8.626a.91.91,0,0,0,1.487,0,6.6,6.6,0,0,1,12,3.789C27.292,18.97,16.908,25.984,14.556,27.49Z" transform="translate(0 -4)" fill="
{{ if int_33fda875f7653 == 'dark' }}
light
light
{{ else }}
#fff
{{ /if }}
" stroke="
{{ if int_33fda875f7653 == 'dark' }}
light
light
{{ else }}
#fff
{{ /if }}
" stroke-width="1"/>
</g>
</svg>
</div>
{{ if int_a39a164233d0 == 'detail' }}
list
list
</div>
</div>
</div>
<div class="glide__arrows flex absolute top-0 bottom-0 left-0 right-0 justify-between items-center opacity-50 pointer-events-none">
<button style="top: 120px; left: 0.5em;" class="glide__arrow glide__arrow--left alt-glide-arrows pointer-events-auto" data-glide-dir-alt="<">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="#ffff" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
</svg>
</button>
<button style="top: 120px; right: 0.5em;" class="glide__arrow glide__arrow--right alt-glide-arrows pointer-events-auto" data-glide-dir-alt=">">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="white" class="w-12 h-12 opacity-100">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
</svg>
</button>
</div>
</div>
</div>
<div class="flex flex-col flex-grow p-6 rounded-b-md mb-4
{{ if featured == 1 }}
{{ else }}
bg-white text-blue-600
{{ /if }}
">
<!-- Title -->
<div class="title">
<a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': '
category-listings
' });" href="/
auction
/
cva-ltd/testing-auctioneer-bio-doesnt-disappear-editing-this-auction-as-well/2087
" class="hover:underline">
<!-- <a onclick="gtag('event', 'open_auction_details', {'event_category': 'click', 'event_location': '
category-listings
' });" href="/
auction
/
cva-ltd/testing-auctioneer-bio-doesnt-disappear-editing-this-auction-as-well/2087
" class="hover:underline">-->
{{ if lot_number }}
<p style="font-size: 1.1rem;" class="font-medium leading-tight mb-4">
Testing auctioneer bio doesn't disappear / editing this auction as well
</p>
</a>
</div>
<!-- End -->
<!-- Fix the alignment -->
<div class="flex-grow"></div>
<!-- End -->
{{ if lot_number }}
{{ cache key="int_fb564c0c_int_279a_auctioneer_int_f81c9912cc9e1ef4de425b39ba484598xxx" }}
auction
auction
5
5
2087
2087
</div>
</div>
</div>
<!-- Helps with bottom shadow -->
<div class="h-4"></div>
</div>
{{ /items }}
</div>
</div>
<!-- End Search Results -->
<div class="py-4"></div>
</div>
<!-- End List Results -->
</div>
</div>
<div x-show="(activeTab == 'map') === true">
<div>
<style>
.map {
width: 100%;
height: 600px;
border: #ccc solid 1px;
margin: 20px 0;
}
</style>
<div class="flex flex-wrap justify-between items-center mt-4 lg:mt-0">
<div class="flex font-bold text-blue-400 lg:text-xl">
<div class="pr-1">
1
</div> results
</div>
<form autocomplete="off" onsubmit="event.preventDefault(); return;" class="py-5 flex items-center">
{{ if postcodeError }}
<input type="text" wire:model.live.debounce.1000ms="postcode" placeholder="Postcode/Town" class="p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<select wire:model.live="radius" class="flex w-32 p-2 border border-grey-700 rounded-md text-blue-400 mr-2">
<option value="">Radius</option>
<option value="10">10 miles</option>
<option value="20">20 miles</option>
<option value="30">30 miles</option>
<option value="40">40 miles</option>
<option value="50">50 miles</option>
<option value="75">75 miles</option>
<option value="100">100 miles</option>
</select>
<!-- <button class="bg-blue-400 text-white px-4 py-2 text-center rounded-md">Search</button>-->
</form>
</div>
<div class="text-gray-400 pb-8 lg:pb-0" wire:ignore>
<div class="mx-auto lg:px-0">
<div id="map_
desktop
" class="map"></div>
</div>
</div>
<!-- Map Results -->
<div class="the-markers hidden" data-rand=
>
{{ items | reverse }}
{{ if lat }}
{{ /items }}
</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><strong>The food industry across the UK continues to thrive, ensuring members of the public are provided with tasty dishes and delicious beverages, all with the help of specialist machinery and equipment available on the Auction News platform.</strong></p><p>You’ll also be able to bid on restaurant and bar furniture, all available to make your guests feel as comfortable as possible.<br><br>Often, buying these items brand new can be expensive, but by going through one of our auction lots, you may be able to pick up a bargain. Here at Auction News, we have an extensive range of auction lots available, giving you the chance to acquire the products you need to keep your business running smoothly. You’ll always be able to rely on Auction News to give you access to some of the best, most reputable auctions in the food industry.</p><h3><strong>Working With the Very Best UK Auctioneers</strong></h3><p>Auction News is proud to be able to work with some of the most trusted, reliable auctioneers in the business, and we’ll give you access to the lots they have available, including restaurant furniture auctions. If you enjoy the thrill and excitement of the bidding process, then this will be an enjoyable way of acquiring the items you need for your bar, pub, or restaurant business.</p><p><strong>You’ll be able to start bidding on a wealth of furniture, machinery and equipment to kit out the dining area, kitchen or the staff canteen, including, but not limited to:</strong></p><ul><li><p>Tables</p></li><li><p>Chairs</p></li><li><p>Bar stools</p></li><li><p>Drinks fridges</p></li><li><p>Ice makers</p></li><li><p>Commercial ovens</p></li><li><p>Commercial fridges</p></li><li><p>Commercial freezers</p></li><li><p>Dishwashers</p></li></ul><p>If you own a pub, bar, or restaurant, you’ll likely be able to find something that’ll help to improve the overall efficiency and productivity throughout your company, all for a potentially reasonable price.</p><h3><strong>How Auction News Can Help You</strong></h3><p>Auction News is a family-run business with an impressive wealth of knowledge and experience in the auction industry. With a specialist team of professionals at the helm of our operations, we have been providing access to some of the best auction lots in the business for over sixty years, allowing us to provide our customers with expert help and guidance when it comes to the auction lots we have available.<br><br>With unparalleled customer service and partnerships with some of the best, most reliable, and trustworthy auctioneers in the industry, you’ll always be able to look to Auction News for access to relevant auction lots, all catering for your pub, bar, and restaurant needs.<br><br><strong>For more information about how our dedicated team here at Auction News will endeavour to help you today, use the <a target="_blank" href="/contact-us">contact us</a> page, send us an email at <a target="_blank" href="mailto:info@auctionnews.com">info@auctionnews.com</a>. Alternatively, if you would like to get started as soon as possible, you can <a target="_blank" href="/create-account">create an account</a> with us online at a suitable, convenient time.</strong></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/food-industry-auctions/bar-and-restaurant-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>