www.adoptapet.com
Open in
urlscan Pro
13.224.103.124
Public Scan
Submitted URL: http://adoptapet.com/
Effective URL: https://www.adoptapet.com/
Submission: On January 02 via api from US — Scanned from DE
Effective URL: https://www.adoptapet.com/
Submission: On January 02 via api from US — Scanned from DE
Form analysis 5 forms found in the DOM
<form wire:id="D6RWPPgORn34WLmsojxa" wire:submit.prevent="submitSearch" novalidate="" id="dog-search" x-data="{locationValue: window.Livewire.find('D6RWPPgORn34WLmsojxa').entangle('location')}"
x-on:dog-location-field-update.window="locationValue = ($event.detail)" x-on:aap-geo-location.window="locationValue = (`${$event.detail.location.city}, ${$event.detail.location.state_code}`)">
<div class="flex flex-col desktop:flex-row">
<div class="flex flex-col desktop:w-2/5 desktop:mr-10 search-inputs">
<div wire:id="Z5y5HZEjI8pH9d6TLRiQ" x-data="{
locationValue: window.Livewire.find('Z5y5HZEjI8pH9d6TLRiQ').entangle('location'),
emptyResults: window.Livewire.find('Z5y5HZEjI8pH9d6TLRiQ').entangle('emptySuggestions'),
showDropdown: false,
locationHasTyped: false,
locationIsSubmitting: false,
valueWithoutNumbers: true,
prevSubmittedLocation: '',
locationType: '',
locationInteraction: 'pre-filled',
numberOfTypedCharacters: '',
}" x-on:input="
$dispatch('dog-location-field-update', $event.target.value);
$dispatch('dog-location-field-filter-change', $event.target.value);
locationHasTyped = true;
localStorage.setItem('typedLocationOnHomepage', $event.target.value);
" wire:input="$emitSelf('processTypedLocation')" x-on:updated-location-with-typed-value.window="
if (!localStorage.getItem('typedLocationOnHomepage')) return;
const typedLocation = localStorage.getItem('typedLocationOnHomepage');
$dispatch(`${event.detail.type}-location-field-update`, typedLocation);
locationValue = typedLocation;
" x-init="
localStorage.removeItem('typedLocationOnHomepage');
$dispatch('dog-location-field-update', `${locationValue}`);
$watch('locationValue', (locationValue) => {
valueWithoutNumbers = locationValue.length === 0 || !/\d/.test(locationValue);
});
prevSubmittedLocation = locationValue;
locationType = '';" x-on:aap-geo-location.window="
$wire.location = `${$event.detail.location.city}, ${$event.detail.location.state_code}`;
$wire.emit('set-location', $event.detail.location.postal_code)
" x-on:keydown="
if ($event.which === 13) {
showDropdown = false;
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}
} else {
showDropdown = true;
locationInteraction = 'type';
locationType = 'typed location';
}" x-on:click.away="showDropdown = false" x-on:focusout.debounce="
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}" x-on:click="$dispatch('scroll-hero-search')" x-on:location-search-completed.window="locationIsSubmitting = false" x-on:dog-form-submission.window="
locationHasTyped = false;
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: locationInteraction,
eventLbl: locationType,
});
if (numberOfTypedCharacters) {
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: 'type',
eventLbl: numberOfTypedCharacters,
})
};
dataLayer.push({
event: 'location_search',
type_of_location: locationType,
type_of_interaction: locationInteraction,
search_field: 'location',
search_text_length: numberOfTypedCharacters,
});
numberOfTypedCharacters = 0;" class="relative w-full location-search-field">
<div x-data="{
...input(),
validated: false,
hasError: false,
required: true,
hideOptionalLabel: !!$wire.location,
}" class="input-large location-search-field-input input rounded-md border w-full flex items-center bg-white border-kin-brown" x-id="['location']" :class="{
'border-kin-gray-3': '',
'border-kin-brown': '1'
}">
<input wire:model="location" wire:key="dog-location-field" type="text" x-ref="location" x-on:click="showDropdown = true" x-on:focusin="hideOptionalLabel = true; showDropdown = true"
x-on:focusout="hideOptionalLabel = !!$event.srcElement.value" placeholder=" " name="location" class="w-full h-full rounded-md text-kin-brown" autocomplete="off" :id="$id('location')" id="location-1">
<label class="flex items-baseline max-w-full overflow-hidden placeholder text-kin-gray" x-on:click="$refs['location'].focus()" :for="$id('location')" for="location-1">
<span>Location</span>
<span class="ml-5 truncate additional text-h5">(i.e. Los Angeles, CA or 90210)</span>
</label>
</div>
<div x-show="showDropdown" x-on:click="showDropdown = false" class="absolute z-50 w-full mt-10 bg-white border rounded-md cursor-pointer top-full border-gray-2 current-location min-h-[2.8125rem] text-h6 tablet:text-h5" style="display: none;">
<div class="flex items-center py-10 pl-10 hover:bg-gray-4" x-on:click="
getCoordinates();
locationType = 'current location browser-based';
locationInteraction = 'click';
numberOfTypedCharacters = 0;
">
<img src="https://prod-assets.production.omega.aapdev.org/img/Icon-CurrentLocation.svg" alt="location arrow icon" class="w-[1.125rem]">
<span class="ml-10 text-h6 tablet:text-h5 text-kin-brown">Current location</span>
</div>
<ul x-show="!locationHasTyped || locationValue.length === 0 || (locationHasTyped && !valueWithoutNumbers)">
</ul>
<div x-show="valueWithoutNumbers">
<ul x-show="locationHasTyped && locationValue.length > 0" style="display: none;">
<li class="capitalize" wire:key="dog-suggested-location-29-Palms--CA" x-on:click="
$wire.location = '29 Palms, CA';
$dispatch('dog-location-field-update', '29 Palms, CA');
$dispatch('dog-location-field-filter-change', '29 Palms, CA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = '29 Palms, CA';
localStorage.setItem('typedLocationOnHomepage', '29 Palms, CA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> 29 Palms, CA </li>
<li class="capitalize" wire:key="dog-suggested-location-Aaron--KY" x-on:click="
$wire.location = 'Aaron, KY';
$dispatch('dog-location-field-update', 'Aaron, KY');
$dispatch('dog-location-field-filter-change', 'Aaron, KY');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaron, KY';
localStorage.setItem('typedLocationOnHomepage', 'Aaron, KY');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaron, KY </li>
<li class="capitalize" wire:key="dog-suggested-location-Aaronsburg--PA" x-on:click="
$wire.location = 'Aaronsburg, PA';
$dispatch('dog-location-field-update', 'Aaronsburg, PA');
$dispatch('dog-location-field-filter-change', 'Aaronsburg, PA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaronsburg, PA';
localStorage.setItem('typedLocationOnHomepage', 'Aaronsburg, PA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaronsburg, PA </li>
<li class="capitalize" wire:key="dog-suggested-location-Abac--GA" x-on:click="
$wire.location = 'Abac, GA';
$dispatch('dog-location-field-update', 'Abac, GA');
$dispatch('dog-location-field-filter-change', 'Abac, GA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abac, GA';
localStorage.setItem('typedLocationOnHomepage', 'Abac, GA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abac, GA </li>
<li class="capitalize" wire:key="dog-suggested-location-Abbeville--AL" x-on:click="
$wire.location = 'Abbeville, AL';
$dispatch('dog-location-field-update', 'Abbeville, AL');
$dispatch('dog-location-field-filter-change', 'Abbeville, AL');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abbeville, AL';
localStorage.setItem('typedLocationOnHomepage', 'Abbeville, AL');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abbeville, AL </li>
</ul>
<p x-show="locationHasTyped && locationValue.length > 0 && emptyResults" class="py-10 cursor-default text-error text-h6 tablet:text-h5 px-15 location-dropdown-error" style="display: none;"> Sorry, we can’t find that
location! Please try again. </p>
</div>
</div>
</div>
<!-- Livewire Component wire-end:Z5y5HZEjI8pH9d6TLRiQ --> <input wire:model.lazy="location" x-model="locationValue" type="hidden" value="">
</div>
<div class="flex my-20 desktop:w-2/5 desktop:my-0 search-inputs">
<div class="flex w-2/5 age-dropdown-container mr-15 desktop:mr-10">
<ul wire:model.defer="searchFilters.age" x-data="dropdownMulti()" x-on:keyup="
if (!false && $event.which === 9) {
open = true;
labelVisible = false;
}
" x-on:click.outside="open = false; showLabel()" x-on:checkbox-selected.stop="selectItem($event.detail)" class="max-w-full min-w-full dropdown-multi-large dropdown text-h4" tabindex="0">
<div class="flex items-center justify-between pr-10 bg-white border rounded-md dropdown-input border-kin-brown" :class="open ? 'border-kin-teal' : 'border-kin-brown'" x-on:click="toggleDropdown()">
<span class="font-bold text-kin-gray text-h6 title">Age</span>
<span class="inline-block active-item" x-text="
activeItems.size > 1 && activeItems.size < 4 ? 'Multiple' :
activeItems.size === 1 ? activeItems.values().next().value.display : 'Any'">Any</span>
<div class="flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current mr-15 arrow-rotate" :class="{ 'arrow-down': open }" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<div class="checkbox-group" wire:key="puppy">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Puppy","value":"puppy","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Puppy","value":"puppy","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Puppy","value":"puppy","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Puppy","value":"puppy","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Puppy","value":"puppy","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="puppy" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-1">
<label class="font-light" :for="$id('Age')" for="Age-1"> Puppy </label>
</div>
</div>
<div class="checkbox-group" wire:key="young">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Young","value":"young","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Young","value":"young","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Young","value":"young","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Young","value":"young","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Young","value":"young","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="young" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-2">
<label class="font-light" :for="$id('Age')" for="Age-2"> Young </label>
</div>
</div>
<div class="checkbox-group" wire:key="adult">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Adult","value":"adult","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Adult","value":"adult","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Adult","value":"adult","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Adult","value":"adult","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Adult","value":"adult","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="adult" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-3">
<label class="font-light" :for="$id('Age')" for="Age-3"> Adult </label>
</div>
</div>
<div class="checkbox-group" wire:key="senior" x-on:focusout="open = false; showLabel()">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Senior","value":"senior","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Senior","value":"senior","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Senior","value":"senior","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Senior","value":"senior","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Senior","value":"senior","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="senior" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-4">
<label class="font-light" :for="$id('Age')" for="Age-4"> Senior </label>
</div>
</div>
</div>
</ul>
</div>
<div class="flex w-3/5 breed-dropdown-container desktop:mr-10">
<ul wire:model.defer="searchFilters.breedId" x-data="dropdownSearchMultiple()" x-on:click.outside="
open = false
labelVisible = true;
focusFromArrow = false;
$refs.Breed.blur();
" x-on:checkbox-selected="selectItem($event.detail)" x-on:sync-text.window="
activeItems.clear();
$event.detail.forEach(item => item.origin === '' ? activeItems.set(item.display, item) : '');
" x-on:open-state.window="open = $event.detail" x-on:open-state-awo.window="open = $event.detail" class="max-w-full min-w-full dropdown-search-multiple-large dropdown text-h4" tabindex="0">
<div class="flex items-center justify-between pr-10 border rounded-md border-kin-brown dropdown-input input input-large"
:class="'max-w-full min-w-full dropdown-search-multiple-large' === 'dropdown-search-multiple-small' ? 'input-small' : 'input-large'" x-on:click.outside="
searchFocus = false;
focusFromArrow = false;
clearSearchText();
">
<input type="text" x-model="searchText" x-ref="Breed" placeholder=" " class="absolute z-30 w-full h-full text-kin-brown" x-on:focusin="searchFocus = true; toggleDropdown();" x-on:input.stop="value = $event.target.value">
<label class="z-40 max-w-full placeholder text-kin-gray" x-on:click="$refs.Breed.focus(); searchFocus = true">
<span class="font-bold text-kin-gray text-h6 title">Breed</span>
</label>
<span class="active-item" x-show="!searchFocus" x-text="
activeItems.size >= 2 ? 'Multiple' :
activeItems.size === 1 ? activeItems.values().next().value.display : 'Any'">Any</span>
<div class="absolute right-0 z-40 flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current mr-15 arrow-rotate" :class="{ 'arrow-down': open }" x-on:click="
arrowDropdownControl();
focusFromArrow ?
$refs.Breed.focus()
: $refs.Breed.blur;
labelVisible = !labelVisible;
" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 overflow-x-auto bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Affenpinscher')}" wire:key="0187" x-effect="searchText; filterDisplays('Affenpinscher')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Affenpinscher","value":187,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Affenpinscher","value":187,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Affenpinscher","value":187,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Affenpinscher","value":187,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Affenpinscher","value":187,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="187" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-1">
<label class="font-light" :for="$id('Breed')" for="Breed-1"> Affenpinscher </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Afghan Hound')}" wire:key="11" x-effect="searchText; filterDisplays('Afghan Hound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Afghan Hound","value":1,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Afghan Hound","value":1,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Afghan Hound","value":1,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Afghan Hound","value":1,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Afghan Hound","value":1,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-2">
<label class="font-light" :for="$id('Breed')" for="Breed-2"> Afghan Hound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Airedale Terrier')}" wire:key="22" x-effect="searchText; filterDisplays('Airedale Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Airedale Terrier","value":2,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Airedale Terrier","value":2,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Airedale Terrier","value":2,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Airedale Terrier","value":2,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Airedale Terrier","value":2,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="2" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-3">
<label class="font-light" :for="$id('Breed')" for="Breed-3"> Airedale Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Akbash')}" wire:key="3800" x-effect="searchText; filterDisplays('Akbash')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Akbash","value":800,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Akbash","value":800,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Akbash","value":800,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Akbash","value":800,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Akbash","value":800,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="800" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-4">
<label class="font-light" :for="$id('Breed')" for="Breed-4"> Akbash </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Akita')}" wire:key="43" x-effect="searchText; filterDisplays('Akita')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Akita","value":3,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Akita","value":3,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Akita","value":3,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Akita","value":3,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Akita","value":3,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="3" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-5">
<label class="font-light" :for="$id('Breed')" for="Breed-5"> Akita </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Alaskan Klee Kai')}" wire:key="51442" x-effect="searchText; filterDisplays('Alaskan Klee Kai')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Alaskan Klee Kai","value":1442,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Alaskan Klee Kai","value":1442,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Alaskan Klee Kai","value":1442,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Alaskan Klee Kai","value":1442,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Alaskan Klee Kai","value":1442,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1442" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-6">
<label class="font-light" :for="$id('Breed')" for="Breed-6"> Alaskan Klee Kai </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Alaskan Malamute')}" wire:key="64" x-effect="searchText; filterDisplays('Alaskan Malamute')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Alaskan Malamute","value":4,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Alaskan Malamute","value":4,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Alaskan Malamute","value":4,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Alaskan Malamute","value":4,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Alaskan Malamute","value":4,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="4" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-7">
<label class="font-light" :for="$id('Breed')" for="Breed-7"> Alaskan Malamute </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('American Bulldog')}" wire:key="7361" x-effect="searchText; filterDisplays('American Bulldog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"American Bulldog","value":361,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"American Bulldog","value":361,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"American Bulldog","value":361,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"American Bulldog","value":361,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"American Bulldog","value":361,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="361" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-8">
<label class="font-light" :for="$id('Breed')" for="Breed-8"> American Bulldog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('American Cocker Spaniel')}" wire:key="81454" x-effect="searchText; filterDisplays('American Cocker Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"American Cocker Spaniel","value":1454,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"American Cocker Spaniel","value":1454,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"American Cocker Spaniel","value":1454,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"American Cocker Spaniel","value":1454,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"American Cocker Spaniel","value":1454,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1454" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-9">
<label class="font-light" :for="$id('Breed')" for="Breed-9"> American Cocker Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('American Eskimo Dog')}" wire:key="95" x-effect="searchText; filterDisplays('American Eskimo Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"American Eskimo Dog","value":5,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"American Eskimo Dog","value":5,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"American Eskimo Dog","value":5,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"American Eskimo Dog","value":5,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"American Eskimo Dog","value":5,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="5" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-10">
<label class="font-light" :for="$id('Breed')" for="Breed-10"> American Eskimo Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('American Hairless Terrier')}" wire:key="101167" x-effect="searchText; filterDisplays('American Hairless Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"American Hairless Terrier","value":1167,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"American Hairless Terrier","value":1167,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"American Hairless Terrier","value":1167,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"American Hairless Terrier","value":1167,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"American Hairless Terrier","value":1167,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1167" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-11">
<label class="font-light" :for="$id('Breed')" for="Breed-11"> American Hairless Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('American Pit Bull Terrier')}" wire:key="11801" x-effect="searchText; filterDisplays('American Pit Bull Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"American Pit Bull Terrier","value":801,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"American Pit Bull Terrier","value":801,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"American Pit Bull Terrier","value":801,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"American Pit Bull Terrier","value":801,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"American Pit Bull Terrier","value":801,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="801" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-12">
<label class="font-light" :for="$id('Breed')" for="Breed-12"> American Pit Bull Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('American Staffordshire Terrier')}" wire:key="121082" x-effect="searchText; filterDisplays('American Staffordshire Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"American Staffordshire Terrier","value":1082,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"American Staffordshire Terrier","value":1082,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"American Staffordshire Terrier","value":1082,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"American Staffordshire Terrier","value":1082,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"American Staffordshire Terrier","value":1082,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1082" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-13">
<label class="font-light" :for="$id('Breed')" for="Breed-13"> American Staffordshire Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Anatolian Shepherd')}" wire:key="137" x-effect="searchText; filterDisplays('Anatolian Shepherd')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Anatolian Shepherd","value":7,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Anatolian Shepherd","value":7,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Anatolian Shepherd","value":7,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Anatolian Shepherd","value":7,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Anatolian Shepherd","value":7,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="7" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-14">
<label class="font-light" :for="$id('Breed')" for="Breed-14"> Anatolian Shepherd </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Aussiedoodle')}" wire:key="141377" x-effect="searchText; filterDisplays('Aussiedoodle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Aussiedoodle","value":1377,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Aussiedoodle","value":1377,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Aussiedoodle","value":1377,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Aussiedoodle","value":1377,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Aussiedoodle","value":1377,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1377" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-15">
<label class="font-light" :for="$id('Breed')" for="Breed-15"> Aussiedoodle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Australian Cattle Dog')}" wire:key="158" x-effect="searchText; filterDisplays('Australian Cattle Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Australian Cattle Dog","value":8,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Australian Cattle Dog","value":8,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Australian Cattle Dog","value":8,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Australian Cattle Dog","value":8,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Australian Cattle Dog","value":8,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="8" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-16">
<label class="font-light" :for="$id('Breed')" for="Breed-16"> Australian Cattle Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Australian Kelpie')}" wire:key="169" x-effect="searchText; filterDisplays('Australian Kelpie')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Australian Kelpie","value":9,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Australian Kelpie","value":9,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Australian Kelpie","value":9,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Australian Kelpie","value":9,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Australian Kelpie","value":9,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="9" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-17">
<label class="font-light" :for="$id('Breed')" for="Breed-17"> Australian Kelpie </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Australian Shepherd')}" wire:key="1710" x-effect="searchText; filterDisplays('Australian Shepherd')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Australian Shepherd","value":10,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Australian Shepherd","value":10,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Australian Shepherd","value":10,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Australian Shepherd","value":10,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Australian Shepherd","value":10,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="10" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-18">
<label class="font-light" :for="$id('Breed')" for="Breed-18"> Australian Shepherd </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Australian Terrier')}" wire:key="18802" x-effect="searchText; filterDisplays('Australian Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Australian Terrier","value":802,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Australian Terrier","value":802,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Australian Terrier","value":802,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Australian Terrier","value":802,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Australian Terrier","value":802,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="802" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-19">
<label class="font-light" :for="$id('Breed')" for="Breed-19"> Australian Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Basenji')}" wire:key="1912" x-effect="searchText; filterDisplays('Basenji')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Basenji","value":12,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Basenji","value":12,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Basenji","value":12,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Basenji","value":12,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Basenji","value":12,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="12" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-20">
<label class="font-light" :for="$id('Breed')" for="Breed-20"> Basenji </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Basset Hound')}" wire:key="2013" x-effect="searchText; filterDisplays('Basset Hound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Basset Hound","value":13,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Basset Hound","value":13,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Basset Hound","value":13,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Basset Hound","value":13,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Basset Hound","value":13,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="13" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-21">
<label class="font-light" :for="$id('Breed')" for="Breed-21"> Basset Hound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Beagle')}" wire:key="2114" x-effect="searchText; filterDisplays('Beagle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Beagle","value":14,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Beagle","value":14,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Beagle","value":14,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Beagle","value":14,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Beagle","value":14,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="14" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-22">
<label class="font-light" :for="$id('Breed')" for="Breed-22"> Beagle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bearded Collie')}" wire:key="2215" x-effect="searchText; filterDisplays('Bearded Collie')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bearded Collie","value":15,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bearded Collie","value":15,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bearded Collie","value":15,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bearded Collie","value":15,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bearded Collie","value":15,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="15" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-23">
<label class="font-light" :for="$id('Breed')" for="Breed-23"> Bearded Collie </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Beauceron')}" wire:key="23803" x-effect="searchText; filterDisplays('Beauceron')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Beauceron","value":803,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Beauceron","value":803,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Beauceron","value":803,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Beauceron","value":803,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Beauceron","value":803,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="803" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-24">
<label class="font-light" :for="$id('Breed')" for="Breed-24"> Beauceron </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bedlington Terrier')}" wire:key="24189" x-effect="searchText; filterDisplays('Bedlington Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bedlington Terrier","value":189,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bedlington Terrier","value":189,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bedlington Terrier","value":189,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bedlington Terrier","value":189,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bedlington Terrier","value":189,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="189" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-25">
<label class="font-light" :for="$id('Breed')" for="Breed-25"> Bedlington Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Belgian Laekenois')}" wire:key="251168" x-effect="searchText; filterDisplays('Belgian Laekenois')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Belgian Laekenois","value":1168,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Belgian Laekenois","value":1168,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Belgian Laekenois","value":1168,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Belgian Laekenois","value":1168,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Belgian Laekenois","value":1168,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1168" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-26">
<label class="font-light" :for="$id('Breed')" for="Breed-26"> Belgian Laekenois </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Belgian Malinois')}" wire:key="26191" x-effect="searchText; filterDisplays('Belgian Malinois')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Belgian Malinois","value":191,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Belgian Malinois","value":191,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Belgian Malinois","value":191,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Belgian Malinois","value":191,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Belgian Malinois","value":191,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="191" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-27">
<label class="font-light" :for="$id('Breed')" for="Breed-27"> Belgian Malinois </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Belgian Shepherd')}" wire:key="2716" x-effect="searchText; filterDisplays('Belgian Shepherd')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Belgian Shepherd","value":16,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Belgian Shepherd","value":16,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Belgian Shepherd","value":16,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Belgian Shepherd","value":16,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Belgian Shepherd","value":16,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="16" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-28">
<label class="font-light" :for="$id('Breed')" for="Breed-28"> Belgian Shepherd </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Belgian Tervuren')}" wire:key="28192" x-effect="searchText; filterDisplays('Belgian Tervuren')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Belgian Tervuren","value":192,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Belgian Tervuren","value":192,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Belgian Tervuren","value":192,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Belgian Tervuren","value":192,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Belgian Tervuren","value":192,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="192" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-29">
<label class="font-light" :for="$id('Breed')" for="Breed-29"> Belgian Tervuren </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bernedoodle')}" wire:key="291378" x-effect="searchText; filterDisplays('Bernedoodle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bernedoodle","value":1378,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bernedoodle","value":1378,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bernedoodle","value":1378,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bernedoodle","value":1378,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bernedoodle","value":1378,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1378" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-30">
<label class="font-light" :for="$id('Breed')" for="Breed-30"> Bernedoodle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bernese Mountain Dog')}" wire:key="3017" x-effect="searchText; filterDisplays('Bernese Mountain Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bernese Mountain Dog","value":17,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bernese Mountain Dog","value":17,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bernese Mountain Dog","value":17,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bernese Mountain Dog","value":17,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bernese Mountain Dog","value":17,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="17" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-31">
<label class="font-light" :for="$id('Breed')" for="Breed-31"> Bernese Mountain Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bichon Frise')}" wire:key="3118" x-effect="searchText; filterDisplays('Bichon Frise')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bichon Frise","value":18,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bichon Frise","value":18,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bichon Frise","value":18,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bichon Frise","value":18,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bichon Frise","value":18,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="18" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-32">
<label class="font-light" :for="$id('Breed')" for="Breed-32"> Bichon Frise </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Black Mouth Cur')}" wire:key="32804" x-effect="searchText; filterDisplays('Black Mouth Cur')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Black Mouth Cur","value":804,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Black Mouth Cur","value":804,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Black Mouth Cur","value":804,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Black Mouth Cur","value":804,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Black Mouth Cur","value":804,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="804" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-33">
<label class="font-light" :for="$id('Breed')" for="Breed-33"> Black Mouth Cur </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Black and Tan Coonhound')}" wire:key="3319" x-effect="searchText; filterDisplays('Black and Tan Coonhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Black and Tan Coonhound","value":19,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Black and Tan Coonhound","value":19,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Black and Tan Coonhound","value":19,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Black and Tan Coonhound","value":19,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Black and Tan Coonhound","value":19,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="19" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-34">
<label class="font-light" :for="$id('Breed')" for="Breed-34"> Black and Tan Coonhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bloodhound')}" wire:key="3420" x-effect="searchText; filterDisplays('Bloodhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bloodhound","value":20,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bloodhound","value":20,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bloodhound","value":20,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bloodhound","value":20,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bloodhound","value":20,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="20" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-35">
<label class="font-light" :for="$id('Breed')" for="Breed-35"> Bloodhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Blue Lacy\/Texas Lacy')}" wire:key="351368" x-effect="searchText; filterDisplays('Blue Lacy\/Texas Lacy')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Blue Lacy\/Texas Lacy","value":1368,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Blue Lacy\/Texas Lacy","value":1368,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Blue Lacy\/Texas Lacy","value":1368,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Blue Lacy\/Texas Lacy","value":1368,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Blue Lacy\/Texas Lacy","value":1368,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1368" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-36">
<label class="font-light" :for="$id('Breed')" for="Breed-36"> Blue Lacy/Texas Lacy </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bluetick Coonhound')}" wire:key="36193" x-effect="searchText; filterDisplays('Bluetick Coonhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bluetick Coonhound","value":193,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bluetick Coonhound","value":193,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bluetick Coonhound","value":193,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bluetick Coonhound","value":193,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bluetick Coonhound","value":193,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="193" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-37">
<label class="font-light" :for="$id('Breed')" for="Breed-37"> Bluetick Coonhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bolognese')}" wire:key="371165" x-effect="searchText; filterDisplays('Bolognese')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bolognese","value":1165,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bolognese","value":1165,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bolognese","value":1165,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bolognese","value":1165,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bolognese","value":1165,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1165" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-38">
<label class="font-light" :for="$id('Breed')" for="Breed-38"> Bolognese </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Border Collie')}" wire:key="3821" x-effect="searchText; filterDisplays('Border Collie')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Border Collie","value":21,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Border Collie","value":21,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Border Collie","value":21,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Border Collie","value":21,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Border Collie","value":21,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="21" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-39">
<label class="font-light" :for="$id('Breed')" for="Breed-39"> Border Collie </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Border Terrier')}" wire:key="39194" x-effect="searchText; filterDisplays('Border Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Border Terrier","value":194,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Border Terrier","value":194,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Border Terrier","value":194,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Border Terrier","value":194,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Border Terrier","value":194,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="194" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-40">
<label class="font-light" :for="$id('Breed')" for="Breed-40"> Border Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Borzoi')}" wire:key="4022" x-effect="searchText; filterDisplays('Borzoi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Borzoi","value":22,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Borzoi","value":22,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Borzoi","value":22,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Borzoi","value":22,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Borzoi","value":22,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="22" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-41">
<label class="font-light" :for="$id('Breed')" for="Breed-41"> Borzoi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Boston Terrier')}" wire:key="4123" x-effect="searchText; filterDisplays('Boston Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Boston Terrier","value":23,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Boston Terrier","value":23,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Boston Terrier","value":23,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Boston Terrier","value":23,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Boston Terrier","value":23,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="23" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-42">
<label class="font-light" :for="$id('Breed')" for="Breed-42"> Boston Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bouvier des Flandres')}" wire:key="4224" x-effect="searchText; filterDisplays('Bouvier des Flandres')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bouvier des Flandres","value":24,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bouvier des Flandres","value":24,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bouvier des Flandres","value":24,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bouvier des Flandres","value":24,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bouvier des Flandres","value":24,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="24" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-43">
<label class="font-light" :for="$id('Breed')" for="Breed-43"> Bouvier des Flandres </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Boxer')}" wire:key="4325" x-effect="searchText; filterDisplays('Boxer')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Boxer","value":25,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Boxer","value":25,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Boxer","value":25,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Boxer","value":25,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Boxer","value":25,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="25" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-44">
<label class="font-light" :for="$id('Breed')" for="Breed-44"> Boxer </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Boykin Spaniel')}" wire:key="44601" x-effect="searchText; filterDisplays('Boykin Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Boykin Spaniel","value":601,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Boykin Spaniel","value":601,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Boykin Spaniel","value":601,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Boykin Spaniel","value":601,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Boykin Spaniel","value":601,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="601" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-45">
<label class="font-light" :for="$id('Breed')" for="Breed-45"> Boykin Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Briard')}" wire:key="4526" x-effect="searchText; filterDisplays('Briard')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Briard","value":26,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Briard","value":26,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Briard","value":26,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Briard","value":26,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Briard","value":26,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="26" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-46">
<label class="font-light" :for="$id('Breed')" for="Breed-46"> Briard </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Brittany')}" wire:key="4627" x-effect="searchText; filterDisplays('Brittany')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Brittany","value":27,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Brittany","value":27,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Brittany","value":27,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Brittany","value":27,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Brittany","value":27,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="27" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-47">
<label class="font-light" :for="$id('Breed')" for="Breed-47"> Brittany </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Brussels Griffon')}" wire:key="47195" x-effect="searchText; filterDisplays('Brussels Griffon')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Brussels Griffon","value":195,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Brussels Griffon","value":195,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Brussels Griffon","value":195,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Brussels Griffon","value":195,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Brussels Griffon","value":195,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="195" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-48">
<label class="font-light" :for="$id('Breed')" for="Breed-48"> Brussels Griffon </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bull Terrier')}" wire:key="4828" x-effect="searchText; filterDisplays('Bull Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bull Terrier","value":28,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bull Terrier","value":28,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bull Terrier","value":28,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bull Terrier","value":28,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bull Terrier","value":28,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="28" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-49">
<label class="font-light" :for="$id('Breed')" for="Breed-49"> Bull Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Bullmastiff')}" wire:key="4930" x-effect="searchText; filterDisplays('Bullmastiff')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Bullmastiff","value":30,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Bullmastiff","value":30,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Bullmastiff","value":30,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Bullmastiff","value":30,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Bullmastiff","value":30,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="30" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-50">
<label class="font-light" :for="$id('Breed')" for="Breed-50"> Bullmastiff </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cairn Terrier')}" wire:key="5031" x-effect="searchText; filterDisplays('Cairn Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cairn Terrier","value":31,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cairn Terrier","value":31,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cairn Terrier","value":31,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cairn Terrier","value":31,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cairn Terrier","value":31,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="31" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-51">
<label class="font-light" :for="$id('Breed')" for="Breed-51"> Cairn Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Canaan Dog')}" wire:key="51381" x-effect="searchText; filterDisplays('Canaan Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Canaan Dog","value":381,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Canaan Dog","value":381,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Canaan Dog","value":381,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Canaan Dog","value":381,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Canaan Dog","value":381,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="381" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-52">
<label class="font-light" :for="$id('Breed')" for="Breed-52"> Canaan Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cane Corso')}" wire:key="52461" x-effect="searchText; filterDisplays('Cane Corso')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cane Corso","value":461,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cane Corso","value":461,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cane Corso","value":461,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cane Corso","value":461,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cane Corso","value":461,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="461" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-53">
<label class="font-light" :for="$id('Breed')" for="Breed-53"> Cane Corso </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cardigan Welsh Corgi')}" wire:key="531452" x-effect="searchText; filterDisplays('Cardigan Welsh Corgi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cardigan Welsh Corgi","value":1452,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cardigan Welsh Corgi","value":1452,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cardigan Welsh Corgi","value":1452,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cardigan Welsh Corgi","value":1452,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cardigan Welsh Corgi","value":1452,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1452" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-54">
<label class="font-light" :for="$id('Breed')" for="Breed-54"> Cardigan Welsh Corgi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Carolina Dog')}" wire:key="54805" x-effect="searchText; filterDisplays('Carolina Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Carolina Dog","value":805,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Carolina Dog","value":805,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Carolina Dog","value":805,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Carolina Dog","value":805,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Carolina Dog","value":805,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="805" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-55">
<label class="font-light" :for="$id('Breed')" for="Breed-55"> Carolina Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Catahoula Leopard Dog')}" wire:key="5533" x-effect="searchText; filterDisplays('Catahoula Leopard Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Catahoula Leopard Dog","value":33,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Catahoula Leopard Dog","value":33,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Catahoula Leopard Dog","value":33,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Catahoula Leopard Dog","value":33,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Catahoula Leopard Dog","value":33,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="33" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-56">
<label class="font-light" :for="$id('Breed')" for="Breed-56"> Catahoula Leopard Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Caucasian Shepherd Dog')}" wire:key="561445" x-effect="searchText; filterDisplays('Caucasian Shepherd Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Caucasian Shepherd Dog","value":1445,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Caucasian Shepherd Dog","value":1445,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Caucasian Shepherd Dog","value":1445,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Caucasian Shepherd Dog","value":1445,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Caucasian Shepherd Dog","value":1445,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1445" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-57">
<label class="font-light" :for="$id('Breed')" for="Breed-57"> Caucasian Shepherd Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cavachon')}" wire:key="571390" x-effect="searchText; filterDisplays('Cavachon')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cavachon","value":1390,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cavachon","value":1390,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cavachon","value":1390,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cavachon","value":1390,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cavachon","value":1390,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1390" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-58">
<label class="font-light" :for="$id('Breed')" for="Breed-58"> Cavachon </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cavalier King Charles Spaniel')}" wire:key="5834" x-effect="searchText; filterDisplays('Cavalier King Charles Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cavalier King Charles Spaniel","value":34,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cavalier King Charles Spaniel","value":34,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cavalier King Charles Spaniel","value":34,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cavalier King Charles Spaniel","value":34,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cavalier King Charles Spaniel","value":34,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="34" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-59">
<label class="font-light" :for="$id('Breed')" for="Breed-59"> Cavalier King Charles Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cavapoo')}" wire:key="591379" x-effect="searchText; filterDisplays('Cavapoo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cavapoo","value":1379,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cavapoo","value":1379,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cavapoo","value":1379,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cavapoo","value":1379,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cavapoo","value":1379,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1379" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-60">
<label class="font-light" :for="$id('Breed')" for="Breed-60"> Cavapoo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Chesapeake Bay Retriever')}" wire:key="6035" x-effect="searchText; filterDisplays('Chesapeake Bay Retriever')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Chesapeake Bay Retriever","value":35,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Chesapeake Bay Retriever","value":35,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Chesapeake Bay Retriever","value":35,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Chesapeake Bay Retriever","value":35,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Chesapeake Bay Retriever","value":35,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="35" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-61">
<label class="font-light" :for="$id('Breed')" for="Breed-61"> Chesapeake Bay Retriever </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Chihuahua')}" wire:key="6136" x-effect="searchText; filterDisplays('Chihuahua')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Chihuahua","value":36,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Chihuahua","value":36,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Chihuahua","value":36,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Chihuahua","value":36,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Chihuahua","value":36,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="36" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-62">
<label class="font-light" :for="$id('Breed')" for="Breed-62"> Chihuahua </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Chinese Crested')}" wire:key="6237" x-effect="searchText; filterDisplays('Chinese Crested')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Chinese Crested","value":37,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Chinese Crested","value":37,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Chinese Crested","value":37,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Chinese Crested","value":37,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Chinese Crested","value":37,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="37" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-63">
<label class="font-light" :for="$id('Breed')" for="Breed-63"> Chinese Crested </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Chinook')}" wire:key="631374" x-effect="searchText; filterDisplays('Chinook')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Chinook","value":1374,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Chinook","value":1374,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Chinook","value":1374,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Chinook","value":1374,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Chinook","value":1374,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1374" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-64">
<label class="font-light" :for="$id('Breed')" for="Breed-64"> Chinook </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Chiweenie')}" wire:key="641384" x-effect="searchText; filterDisplays('Chiweenie')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Chiweenie","value":1384,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Chiweenie","value":1384,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Chiweenie","value":1384,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Chiweenie","value":1384,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Chiweenie","value":1384,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1384" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-65">
<label class="font-light" :for="$id('Breed')" for="Breed-65"> Chiweenie </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Chow Chow')}" wire:key="6538" x-effect="searchText; filterDisplays('Chow Chow')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Chow Chow","value":38,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Chow Chow","value":38,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Chow Chow","value":38,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Chow Chow","value":38,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Chow Chow","value":38,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="38" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-66">
<label class="font-light" :for="$id('Breed')" for="Breed-66"> Chow Chow </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Clumber Spaniel')}" wire:key="66196" x-effect="searchText; filterDisplays('Clumber Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Clumber Spaniel","value":196,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Clumber Spaniel","value":196,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Clumber Spaniel","value":196,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Clumber Spaniel","value":196,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Clumber Spaniel","value":196,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="196" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-67">
<label class="font-light" :for="$id('Breed')" for="Breed-67"> Clumber Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cockapoo')}" wire:key="6739" x-effect="searchText; filterDisplays('Cockapoo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cockapoo","value":39,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cockapoo","value":39,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cockapoo","value":39,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cockapoo","value":39,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cockapoo","value":39,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="39" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-68">
<label class="font-light" :for="$id('Breed')" for="Breed-68"> Cockapoo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Cocker Spaniel')}" wire:key="6840" x-effect="searchText; filterDisplays('Cocker Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Cocker Spaniel","value":40,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Cocker Spaniel","value":40,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Cocker Spaniel","value":40,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Cocker Spaniel","value":40,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Cocker Spaniel","value":40,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="40" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-69">
<label class="font-light" :for="$id('Breed')" for="Breed-69"> Cocker Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Collie')}" wire:key="6941" x-effect="searchText; filterDisplays('Collie')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Collie","value":41,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Collie","value":41,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Collie","value":41,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Collie","value":41,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Collie","value":41,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="41" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-70">
<label class="font-light" :for="$id('Breed')" for="Breed-70"> Collie </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Coonhound')}" wire:key="7042" x-effect="searchText; filterDisplays('Coonhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Coonhound","value":42,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Coonhound","value":42,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Coonhound","value":42,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Coonhound","value":42,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Coonhound","value":42,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="42" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-71">
<label class="font-light" :for="$id('Breed')" for="Breed-71"> Coonhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Coonhound (Unknown Type)')}" wire:key="71806" x-effect="searchText; filterDisplays('Coonhound (Unknown Type)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Coonhound (Unknown Type)","value":806,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Coonhound (Unknown Type)","value":806,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Coonhound (Unknown Type)","value":806,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Coonhound (Unknown Type)","value":806,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Coonhound (Unknown Type)","value":806,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="806" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-72">
<label class="font-light" :for="$id('Breed')" for="Breed-72"> Coonhound (Unknown Type) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Corgi')}" wire:key="72230" x-effect="searchText; filterDisplays('Corgi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Corgi","value":230,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Corgi","value":230,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Corgi","value":230,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Corgi","value":230,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Corgi","value":230,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="230" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-73">
<label class="font-light" :for="$id('Breed')" for="Breed-73"> Corgi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Coton de Tulear')}" wire:key="73521" x-effect="searchText; filterDisplays('Coton de Tulear')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Coton de Tulear","value":521,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Coton de Tulear","value":521,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Coton de Tulear","value":521,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Coton de Tulear","value":521,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Coton de Tulear","value":521,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="521" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-74">
<label class="font-light" :for="$id('Breed')" for="Breed-74"> Coton de Tulear </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Curly-Coated Retriever')}" wire:key="741169" x-effect="searchText; filterDisplays('Curly-Coated Retriever')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Curly-Coated Retriever","value":1169,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Curly-Coated Retriever","value":1169,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Curly-Coated Retriever","value":1169,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Curly-Coated Retriever","value":1169,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Curly-Coated Retriever","value":1169,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1169" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-75">
<label class="font-light" :for="$id('Breed')" for="Breed-75"> Curly-Coated Retriever </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Dachshund')}" wire:key="7544" x-effect="searchText; filterDisplays('Dachshund')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Dachshund","value":44,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Dachshund","value":44,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Dachshund","value":44,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Dachshund","value":44,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Dachshund","value":44,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="44" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-76">
<label class="font-light" :for="$id('Breed')" for="Breed-76"> Dachshund </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Dalmatian')}" wire:key="7645" x-effect="searchText; filterDisplays('Dalmatian')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Dalmatian","value":45,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Dalmatian","value":45,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Dalmatian","value":45,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Dalmatian","value":45,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Dalmatian","value":45,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="45" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-77">
<label class="font-light" :for="$id('Breed')" for="Breed-77"> Dalmatian </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Dandie Dinmont Terrier')}" wire:key="77199" x-effect="searchText; filterDisplays('Dandie Dinmont Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Dandie Dinmont Terrier","value":199,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Dandie Dinmont Terrier","value":199,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Dandie Dinmont Terrier","value":199,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Dandie Dinmont Terrier","value":199,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Dandie Dinmont Terrier","value":199,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="199" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-78">
<label class="font-light" :for="$id('Breed')" for="Breed-78"> Dandie Dinmont Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Doberman Pinscher')}" wire:key="7846" x-effect="searchText; filterDisplays('Doberman Pinscher')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Doberman Pinscher","value":46,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Doberman Pinscher","value":46,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Doberman Pinscher","value":46,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Doberman Pinscher","value":46,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Doberman Pinscher","value":46,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="46" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-79">
<label class="font-light" :for="$id('Breed')" for="Breed-79"> Doberman Pinscher </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Dogo Argentino')}" wire:key="79621" x-effect="searchText; filterDisplays('Dogo Argentino')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Dogo Argentino","value":621,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Dogo Argentino","value":621,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Dogo Argentino","value":621,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Dogo Argentino","value":621,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Dogo Argentino","value":621,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="621" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-80">
<label class="font-light" :for="$id('Breed')" for="Breed-80"> Dogo Argentino </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Dogue de Bordeaux')}" wire:key="80242" x-effect="searchText; filterDisplays('Dogue de Bordeaux')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Dogue de Bordeaux","value":242,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Dogue de Bordeaux","value":242,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Dogue de Bordeaux","value":242,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Dogue de Bordeaux","value":242,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Dogue de Bordeaux","value":242,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="242" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-81">
<label class="font-light" :for="$id('Breed')" for="Breed-81"> Dogue de Bordeaux </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Dutch Shepherd')}" wire:key="8147" x-effect="searchText; filterDisplays('Dutch Shepherd')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Dutch Shepherd","value":47,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Dutch Shepherd","value":47,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Dutch Shepherd","value":47,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Dutch Shepherd","value":47,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Dutch Shepherd","value":47,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="47" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-82">
<label class="font-light" :for="$id('Breed')" for="Breed-82"> Dutch Shepherd </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English (Redtick) Coonhound')}" wire:key="821186" x-effect="searchText; filterDisplays('English (Redtick) Coonhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English (Redtick) Coonhound","value":1186,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English (Redtick) Coonhound","value":1186,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English (Redtick) Coonhound","value":1186,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English (Redtick) Coonhound","value":1186,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English (Redtick) Coonhound","value":1186,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1186" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-83">
<label class="font-light" :for="$id('Breed')" for="Breed-83"> English (Redtick) Coonhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English Bulldog')}" wire:key="8329" x-effect="searchText; filterDisplays('English Bulldog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English Bulldog","value":29,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English Bulldog","value":29,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English Bulldog","value":29,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English Bulldog","value":29,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English Bulldog","value":29,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="29" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-84">
<label class="font-light" :for="$id('Breed')" for="Breed-84"> English Bulldog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English Cocker Spaniel')}" wire:key="841453" x-effect="searchText; filterDisplays('English Cocker Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English Cocker Spaniel","value":1453,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English Cocker Spaniel","value":1453,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English Cocker Spaniel","value":1453,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English Cocker Spaniel","value":1453,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English Cocker Spaniel","value":1453,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1453" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-85">
<label class="font-light" :for="$id('Breed')" for="Breed-85"> English Cocker Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English Setter')}" wire:key="8549" x-effect="searchText; filterDisplays('English Setter')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English Setter","value":49,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English Setter","value":49,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English Setter","value":49,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English Setter","value":49,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English Setter","value":49,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="49" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-86">
<label class="font-light" :for="$id('Breed')" for="Breed-86"> English Setter </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English Shepherd')}" wire:key="86641" x-effect="searchText; filterDisplays('English Shepherd')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English Shepherd","value":641,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English Shepherd","value":641,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English Shepherd","value":641,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English Shepherd","value":641,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English Shepherd","value":641,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="641" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-87">
<label class="font-light" :for="$id('Breed')" for="Breed-87"> English Shepherd </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English Springer Spaniel')}" wire:key="8751" x-effect="searchText; filterDisplays('English Springer Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English Springer Spaniel","value":51,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English Springer Spaniel","value":51,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English Springer Spaniel","value":51,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English Springer Spaniel","value":51,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English Springer Spaniel","value":51,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="51" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-88">
<label class="font-light" :for="$id('Breed')" for="Breed-88"> English Springer Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('English Toy Spaniel')}" wire:key="8852" x-effect="searchText; filterDisplays('English Toy Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"English Toy Spaniel","value":52,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"English Toy Spaniel","value":52,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"English Toy Spaniel","value":52,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"English Toy Spaniel","value":52,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"English Toy Spaniel","value":52,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="52" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-89">
<label class="font-light" :for="$id('Breed')" for="Breed-89"> English Toy Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Entlebucher')}" wire:key="89808" x-effect="searchText; filterDisplays('Entlebucher')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Entlebucher","value":808,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Entlebucher","value":808,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Entlebucher","value":808,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Entlebucher","value":808,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Entlebucher","value":808,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="808" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-90">
<label class="font-light" :for="$id('Breed')" for="Breed-90"> Entlebucher </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Feist')}" wire:key="90310" x-effect="searchText; filterDisplays('Feist')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Feist","value":310,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Feist","value":310,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Feist","value":310,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Feist","value":310,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Feist","value":310,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="310" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-91">
<label class="font-light" :for="$id('Breed')" for="Breed-91"> Feist </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Field Spaniel')}" wire:key="91201" x-effect="searchText; filterDisplays('Field Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Field Spaniel","value":201,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Field Spaniel","value":201,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Field Spaniel","value":201,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Field Spaniel","value":201,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Field Spaniel","value":201,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="201" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-92">
<label class="font-light" :for="$id('Breed')" for="Breed-92"> Field Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Fila Brasileiro')}" wire:key="92810" x-effect="searchText; filterDisplays('Fila Brasileiro')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Fila Brasileiro","value":810,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Fila Brasileiro","value":810,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Fila Brasileiro","value":810,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Fila Brasileiro","value":810,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Fila Brasileiro","value":810,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="810" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-93">
<label class="font-light" :for="$id('Breed')" for="Breed-93"> Fila Brasileiro </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Finnish Lapphund')}" wire:key="93811" x-effect="searchText; filterDisplays('Finnish Lapphund')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Finnish Lapphund","value":811,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Finnish Lapphund","value":811,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Finnish Lapphund","value":811,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Finnish Lapphund","value":811,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Finnish Lapphund","value":811,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="811" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-94">
<label class="font-light" :for="$id('Breed')" for="Breed-94"> Finnish Lapphund </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Finnish Spitz')}" wire:key="9454" x-effect="searchText; filterDisplays('Finnish Spitz')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Finnish Spitz","value":54,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Finnish Spitz","value":54,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Finnish Spitz","value":54,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Finnish Spitz","value":54,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Finnish Spitz","value":54,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="54" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-95">
<label class="font-light" :for="$id('Breed')" for="Breed-95"> Finnish Spitz </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Flat-Coated Retriever')}" wire:key="95202" x-effect="searchText; filterDisplays('Flat-Coated Retriever')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Flat-Coated Retriever","value":202,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Flat-Coated Retriever","value":202,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Flat-Coated Retriever","value":202,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Flat-Coated Retriever","value":202,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Flat-Coated Retriever","value":202,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="202" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-96">
<label class="font-light" :for="$id('Breed')" for="Breed-96"> Flat-Coated Retriever </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Fox Terrier (Smooth)')}" wire:key="96812" x-effect="searchText; filterDisplays('Fox Terrier (Smooth)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Fox Terrier (Smooth)","value":812,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Fox Terrier (Smooth)","value":812,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Fox Terrier (Smooth)","value":812,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Fox Terrier (Smooth)","value":812,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Fox Terrier (Smooth)","value":812,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="812" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-97">
<label class="font-light" :for="$id('Breed')" for="Breed-97"> Fox Terrier (Smooth) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Fox Terrier (Toy)')}" wire:key="97813" x-effect="searchText; filterDisplays('Fox Terrier (Toy)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Fox Terrier (Toy)","value":813,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Fox Terrier (Toy)","value":813,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Fox Terrier (Toy)","value":813,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Fox Terrier (Toy)","value":813,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Fox Terrier (Toy)","value":813,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="813" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-98">
<label class="font-light" :for="$id('Breed')" for="Breed-98"> Fox Terrier (Toy) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Fox Terrier (Wirehaired)')}" wire:key="9855" x-effect="searchText; filterDisplays('Fox Terrier (Wirehaired)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Fox Terrier (Wirehaired)","value":55,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Fox Terrier (Wirehaired)","value":55,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Fox Terrier (Wirehaired)","value":55,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Fox Terrier (Wirehaired)","value":55,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Fox Terrier (Wirehaired)","value":55,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="55" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-99">
<label class="font-light" :for="$id('Breed')" for="Breed-99"> Fox Terrier (Wirehaired) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Foxhound')}" wire:key="9956" x-effect="searchText; filterDisplays('Foxhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Foxhound","value":56,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Foxhound","value":56,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Foxhound","value":56,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Foxhound","value":56,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Foxhound","value":56,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="56" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-100">
<label class="font-light" :for="$id('Breed')" for="Breed-100"> Foxhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('French Bulldog')}" wire:key="100203" x-effect="searchText; filterDisplays('French Bulldog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"French Bulldog","value":203,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"French Bulldog","value":203,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"French Bulldog","value":203,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"French Bulldog","value":203,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"French Bulldog","value":203,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="203" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-101">
<label class="font-light" :for="$id('Breed')" for="Breed-101"> French Bulldog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('German Pinscher')}" wire:key="101814" x-effect="searchText; filterDisplays('German Pinscher')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"German Pinscher","value":814,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"German Pinscher","value":814,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"German Pinscher","value":814,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"German Pinscher","value":814,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"German Pinscher","value":814,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="814" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-102">
<label class="font-light" :for="$id('Breed')" for="Breed-102"> German Pinscher </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('German Shepherd Dog')}" wire:key="10257" x-effect="searchText; filterDisplays('German Shepherd Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"German Shepherd Dog","value":57,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"German Shepherd Dog","value":57,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"German Shepherd Dog","value":57,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"German Shepherd Dog","value":57,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"German Shepherd Dog","value":57,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="57" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-103">
<label class="font-light" :for="$id('Breed')" for="Breed-103"> German Shepherd Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('German Shorthaired Pointer')}" wire:key="10358" x-effect="searchText; filterDisplays('German Shorthaired Pointer')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"German Shorthaired Pointer","value":58,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"German Shorthaired Pointer","value":58,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"German Shorthaired Pointer","value":58,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"German Shorthaired Pointer","value":58,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"German Shorthaired Pointer","value":58,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="58" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-104">
<label class="font-light" :for="$id('Breed')" for="Breed-104"> German Shorthaired Pointer </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('German Spitz')}" wire:key="1041450" x-effect="searchText; filterDisplays('German Spitz')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"German Spitz","value":1450,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"German Spitz","value":1450,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"German Spitz","value":1450,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"German Spitz","value":1450,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"German Spitz","value":1450,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1450" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-105">
<label class="font-light" :for="$id('Breed')" for="Breed-105"> German Spitz </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('German Wirehaired Pointer')}" wire:key="105204" x-effect="searchText; filterDisplays('German Wirehaired Pointer')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"German Wirehaired Pointer","value":204,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"German Wirehaired Pointer","value":204,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"German Wirehaired Pointer","value":204,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"German Wirehaired Pointer","value":204,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"German Wirehaired Pointer","value":204,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="204" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-106">
<label class="font-light" :for="$id('Breed')" for="Breed-106"> German Wirehaired Pointer </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Glen of Imaal Terrier')}" wire:key="106815" x-effect="searchText; filterDisplays('Glen of Imaal Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Glen of Imaal Terrier","value":815,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Glen of Imaal Terrier","value":815,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Glen of Imaal Terrier","value":815,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Glen of Imaal Terrier","value":815,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Glen of Imaal Terrier","value":815,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="815" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-107">
<label class="font-light" :for="$id('Breed')" for="Breed-107"> Glen of Imaal Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Goberian')}" wire:key="1071396" x-effect="searchText; filterDisplays('Goberian')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Goberian","value":1396,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Goberian","value":1396,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Goberian","value":1396,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Goberian","value":1396,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Goberian","value":1396,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1396" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-108">
<label class="font-light" :for="$id('Breed')" for="Breed-108"> Goberian </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Golden Retriever')}" wire:key="10860" x-effect="searchText; filterDisplays('Golden Retriever')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Golden Retriever","value":60,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Golden Retriever","value":60,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Golden Retriever","value":60,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Golden Retriever","value":60,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Golden Retriever","value":60,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="60" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-109">
<label class="font-light" :for="$id('Breed')" for="Breed-109"> Golden Retriever </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Goldendoodle')}" wire:key="1091369" x-effect="searchText; filterDisplays('Goldendoodle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Goldendoodle","value":1369,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Goldendoodle","value":1369,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Goldendoodle","value":1369,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Goldendoodle","value":1369,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Goldendoodle","value":1369,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1369" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-110">
<label class="font-light" :for="$id('Breed')" for="Breed-110"> Goldendoodle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Gordon Setter')}" wire:key="11061" x-effect="searchText; filterDisplays('Gordon Setter')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Gordon Setter","value":61,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Gordon Setter","value":61,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Gordon Setter","value":61,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Gordon Setter","value":61,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Gordon Setter","value":61,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="61" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-111">
<label class="font-light" :for="$id('Breed')" for="Breed-111"> Gordon Setter </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Great Dane')}" wire:key="11162" x-effect="searchText; filterDisplays('Great Dane')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Great Dane","value":62,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Great Dane","value":62,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Great Dane","value":62,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Great Dane","value":62,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Great Dane","value":62,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="62" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-112">
<label class="font-light" :for="$id('Breed')" for="Breed-112"> Great Dane </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Great Pyrenees')}" wire:key="11263" x-effect="searchText; filterDisplays('Great Pyrenees')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Great Pyrenees","value":63,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Great Pyrenees","value":63,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Great Pyrenees","value":63,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Great Pyrenees","value":63,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Great Pyrenees","value":63,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="63" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-113">
<label class="font-light" :for="$id('Breed')" for="Breed-113"> Great Pyrenees </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Greater Swiss Mountain Dog')}" wire:key="113205" x-effect="searchText; filterDisplays('Greater Swiss Mountain Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Greater Swiss Mountain Dog","value":205,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Greater Swiss Mountain Dog","value":205,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Greater Swiss Mountain Dog","value":205,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Greater Swiss Mountain Dog","value":205,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Greater Swiss Mountain Dog","value":205,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="205" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-114">
<label class="font-light" :for="$id('Breed')" for="Breed-114"> Greater Swiss Mountain Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Greyhound')}" wire:key="11464" x-effect="searchText; filterDisplays('Greyhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Greyhound","value":64,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Greyhound","value":64,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Greyhound","value":64,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Greyhound","value":64,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Greyhound","value":64,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="64" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-115">
<label class="font-light" :for="$id('Breed')" for="Breed-115"> Greyhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Halden Hound (Haldenstrover)')}" wire:key="115661" x-effect="searchText; filterDisplays('Halden Hound (Haldenstrover)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Halden Hound (Haldenstrover)","value":661,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Halden Hound (Haldenstrover)","value":661,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Halden Hound (Haldenstrover)","value":661,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Halden Hound (Haldenstrover)","value":661,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Halden Hound (Haldenstrover)","value":661,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="661" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-116">
<label class="font-light" :for="$id('Breed')" for="Breed-116"> Halden Hound (Haldenstrover) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Harrier')}" wire:key="116206" x-effect="searchText; filterDisplays('Harrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Harrier","value":206,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Harrier","value":206,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Harrier","value":206,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Harrier","value":206,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Harrier","value":206,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="206" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-117">
<label class="font-light" :for="$id('Breed')" for="Breed-117"> Harrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Havanese')}" wire:key="117501" x-effect="searchText; filterDisplays('Havanese')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Havanese","value":501,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Havanese","value":501,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Havanese","value":501,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Havanese","value":501,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Havanese","value":501,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="501" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-118">
<label class="font-light" :for="$id('Breed')" for="Breed-118"> Havanese </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Horgi')}" wire:key="1181395" x-effect="searchText; filterDisplays('Horgi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Horgi","value":1395,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Horgi","value":1395,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Horgi","value":1395,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Horgi","value":1395,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Horgi","value":1395,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1395" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-119">
<label class="font-light" :for="$id('Breed')" for="Breed-119"> Horgi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Hound (Unknown Type)')}" wire:key="119663" x-effect="searchText; filterDisplays('Hound (Unknown Type)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Hound (Unknown Type)","value":663,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Hound (Unknown Type)","value":663,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Hound (Unknown Type)","value":663,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Hound (Unknown Type)","value":663,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Hound (Unknown Type)","value":663,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="663" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-120">
<label class="font-light" :for="$id('Breed')" for="Breed-120"> Hound (Unknown Type) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Hovawart')}" wire:key="120816" x-effect="searchText; filterDisplays('Hovawart')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Hovawart","value":816,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Hovawart","value":816,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Hovawart","value":816,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Hovawart","value":816,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Hovawart","value":816,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="816" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-121">
<label class="font-light" :for="$id('Breed')" for="Breed-121"> Hovawart </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Husky')}" wire:key="121817" x-effect="searchText; filterDisplays('Husky')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Husky","value":817,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Husky","value":817,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Husky","value":817,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Husky","value":817,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Husky","value":817,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="817" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-122">
<label class="font-light" :for="$id('Breed')" for="Breed-122"> Husky </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Ibizan Hound')}" wire:key="122281" x-effect="searchText; filterDisplays('Ibizan Hound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Ibizan Hound","value":281,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Ibizan Hound","value":281,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Ibizan Hound","value":281,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Ibizan Hound","value":281,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Ibizan Hound","value":281,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="281" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-123">
<label class="font-light" :for="$id('Breed')" for="Breed-123"> Ibizan Hound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Icelandic Sheepdog')}" wire:key="1231448" x-effect="searchText; filterDisplays('Icelandic Sheepdog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Icelandic Sheepdog","value":1448,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Icelandic Sheepdog","value":1448,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Icelandic Sheepdog","value":1448,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Icelandic Sheepdog","value":1448,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Icelandic Sheepdog","value":1448,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1448" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-124">
<label class="font-light" :for="$id('Breed')" for="Breed-124"> Icelandic Sheepdog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Irish Setter')}" wire:key="12467" x-effect="searchText; filterDisplays('Irish Setter')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Irish Setter","value":67,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Irish Setter","value":67,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Irish Setter","value":67,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Irish Setter","value":67,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Irish Setter","value":67,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="67" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-125">
<label class="font-light" :for="$id('Breed')" for="Breed-125"> Irish Setter </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Irish Terrier')}" wire:key="125207" x-effect="searchText; filterDisplays('Irish Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Irish Terrier","value":207,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Irish Terrier","value":207,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Irish Terrier","value":207,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Irish Terrier","value":207,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Irish Terrier","value":207,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="207" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-126">
<label class="font-light" :for="$id('Breed')" for="Breed-126"> Irish Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Irish Water Spaniel')}" wire:key="126208" x-effect="searchText; filterDisplays('Irish Water Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Irish Water Spaniel","value":208,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Irish Water Spaniel","value":208,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Irish Water Spaniel","value":208,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Irish Water Spaniel","value":208,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Irish Water Spaniel","value":208,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="208" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-127">
<label class="font-light" :for="$id('Breed')" for="Breed-127"> Irish Water Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Irish Wolfhound')}" wire:key="12768" x-effect="searchText; filterDisplays('Irish Wolfhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Irish Wolfhound","value":68,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Irish Wolfhound","value":68,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Irish Wolfhound","value":68,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Irish Wolfhound","value":68,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Irish Wolfhound","value":68,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="68" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-128">
<label class="font-light" :for="$id('Breed')" for="Breed-128"> Irish Wolfhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Italian Greyhound')}" wire:key="12869" x-effect="searchText; filterDisplays('Italian Greyhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Italian Greyhound","value":69,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Italian Greyhound","value":69,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Italian Greyhound","value":69,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Italian Greyhound","value":69,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Italian Greyhound","value":69,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="69" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-129">
<label class="font-light" :for="$id('Breed')" for="Breed-129"> Italian Greyhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Italian Spinone')}" wire:key="129818" x-effect="searchText; filterDisplays('Italian Spinone')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Italian Spinone","value":818,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Italian Spinone","value":818,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Italian Spinone","value":818,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Italian Spinone","value":818,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Italian Spinone","value":818,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="818" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-130">
<label class="font-light" :for="$id('Breed')" for="Breed-130"> Italian Spinone </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Jack Russell Terrier')}" wire:key="13070" x-effect="searchText; filterDisplays('Jack Russell Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Jack Russell Terrier","value":70,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Jack Russell Terrier","value":70,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Jack Russell Terrier","value":70,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Jack Russell Terrier","value":70,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Jack Russell Terrier","value":70,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="70" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-131">
<label class="font-light" :for="$id('Breed')" for="Breed-131"> Jack Russell Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Japanese Chin')}" wire:key="13171" x-effect="searchText; filterDisplays('Japanese Chin')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Japanese Chin","value":71,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Japanese Chin","value":71,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Japanese Chin","value":71,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Japanese Chin","value":71,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Japanese Chin","value":71,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="71" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-132">
<label class="font-light" :for="$id('Breed')" for="Breed-132"> Japanese Chin </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Jindo')}" wire:key="13272" x-effect="searchText; filterDisplays('Jindo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Jindo","value":72,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Jindo","value":72,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Jindo","value":72,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Jindo","value":72,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Jindo","value":72,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="72" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-133">
<label class="font-light" :for="$id('Breed')" for="Breed-133"> Jindo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Kai Dog')}" wire:key="133819" x-effect="searchText; filterDisplays('Kai Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Kai Dog","value":819,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Kai Dog","value":819,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Kai Dog","value":819,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Kai Dog","value":819,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Kai Dog","value":819,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="819" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-134">
<label class="font-light" :for="$id('Breed')" for="Breed-134"> Kai Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Karelian Bear Dog')}" wire:key="134820" x-effect="searchText; filterDisplays('Karelian Bear Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Karelian Bear Dog","value":820,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Karelian Bear Dog","value":820,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Karelian Bear Dog","value":820,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Karelian Bear Dog","value":820,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Karelian Bear Dog","value":820,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="820" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-135">
<label class="font-light" :for="$id('Breed')" for="Breed-135"> Karelian Bear Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Keeshond')}" wire:key="13573" x-effect="searchText; filterDisplays('Keeshond')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Keeshond","value":73,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Keeshond","value":73,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Keeshond","value":73,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Keeshond","value":73,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Keeshond","value":73,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="73" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-136">
<label class="font-light" :for="$id('Breed')" for="Breed-136"> Keeshond </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Kerry Blue Terrier')}" wire:key="136209" x-effect="searchText; filterDisplays('Kerry Blue Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Kerry Blue Terrier","value":209,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Kerry Blue Terrier","value":209,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Kerry Blue Terrier","value":209,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Kerry Blue Terrier","value":209,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Kerry Blue Terrier","value":209,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="209" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-137">
<label class="font-light" :for="$id('Breed')" for="Breed-137"> Kerry Blue Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Kishu')}" wire:key="137821" x-effect="searchText; filterDisplays('Kishu')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Kishu","value":821,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Kishu","value":821,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Kishu","value":821,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Kishu","value":821,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Kishu","value":821,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="821" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-138">
<label class="font-light" :for="$id('Breed')" for="Breed-138"> Kishu </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Komondor')}" wire:key="138210" x-effect="searchText; filterDisplays('Komondor')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Komondor","value":210,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Komondor","value":210,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Komondor","value":210,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Komondor","value":210,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Komondor","value":210,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="210" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-139">
<label class="font-light" :for="$id('Breed')" for="Breed-139"> Komondor </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Kuvasz')}" wire:key="13974" x-effect="searchText; filterDisplays('Kuvasz')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Kuvasz","value":74,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Kuvasz","value":74,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Kuvasz","value":74,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Kuvasz","value":74,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Kuvasz","value":74,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="74" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-140">
<label class="font-light" :for="$id('Breed')" for="Breed-140"> Kuvasz </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Kyi Leo')}" wire:key="140822" x-effect="searchText; filterDisplays('Kyi Leo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Kyi Leo","value":822,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Kyi Leo","value":822,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Kyi Leo","value":822,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Kyi Leo","value":822,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Kyi Leo","value":822,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="822" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-141">
<label class="font-light" :for="$id('Breed')" for="Breed-141"> Kyi Leo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Labradoodle')}" wire:key="1411170" x-effect="searchText; filterDisplays('Labradoodle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Labradoodle","value":1170,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Labradoodle","value":1170,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Labradoodle","value":1170,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Labradoodle","value":1170,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Labradoodle","value":1170,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1170" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-142">
<label class="font-light" :for="$id('Breed')" for="Breed-142"> Labradoodle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Labrador Retriever')}" wire:key="142823" x-effect="searchText; filterDisplays('Labrador Retriever')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Labrador Retriever","value":823,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Labrador Retriever","value":823,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Labrador Retriever","value":823,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Labrador Retriever","value":823,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Labrador Retriever","value":823,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="823" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-143">
<label class="font-light" :for="$id('Breed')" for="Breed-143"> Labrador Retriever </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Lakeland Terrier')}" wire:key="143211" x-effect="searchText; filterDisplays('Lakeland Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Lakeland Terrier","value":211,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Lakeland Terrier","value":211,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Lakeland Terrier","value":211,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Lakeland Terrier","value":211,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Lakeland Terrier","value":211,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="211" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-144">
<label class="font-light" :for="$id('Breed')" for="Breed-144"> Lakeland Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Lancashire Heeler')}" wire:key="144826" x-effect="searchText; filterDisplays('Lancashire Heeler')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Lancashire Heeler","value":826,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Lancashire Heeler","value":826,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Lancashire Heeler","value":826,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Lancashire Heeler","value":826,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Lancashire Heeler","value":826,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="826" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-145">
<label class="font-light" :for="$id('Breed')" for="Breed-145"> Lancashire Heeler </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Leonberger')}" wire:key="145827" x-effect="searchText; filterDisplays('Leonberger')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Leonberger","value":827,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Leonberger","value":827,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Leonberger","value":827,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Leonberger","value":827,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Leonberger","value":827,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="827" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-146">
<label class="font-light" :for="$id('Breed')" for="Breed-146"> Leonberger </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Lhasa Apso')}" wire:key="14676" x-effect="searchText; filterDisplays('Lhasa Apso')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Lhasa Apso","value":76,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Lhasa Apso","value":76,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Lhasa Apso","value":76,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Lhasa Apso","value":76,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Lhasa Apso","value":76,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="76" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-147">
<label class="font-light" :for="$id('Breed')" for="Breed-147"> Lhasa Apso </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('L\u00f6wchen')}" wire:key="1471187" x-effect="searchText; filterDisplays('L\u00f6wchen')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"L\u00f6wchen","value":1187,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"L\u00f6wchen","value":1187,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"L\u00f6wchen","value":1187,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"L\u00f6wchen","value":1187,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"L\u00f6wchen","value":1187,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1187" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-148">
<label class="font-light" :for="$id('Breed')" for="Breed-148"> Löwchen </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Maltese')}" wire:key="14877" x-effect="searchText; filterDisplays('Maltese')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Maltese","value":77,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Maltese","value":77,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Maltese","value":77,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Maltese","value":77,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Maltese","value":77,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="77" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-149">
<label class="font-light" :for="$id('Breed')" for="Breed-149"> Maltese </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Maltipoo')}" wire:key="1491380" x-effect="searchText; filterDisplays('Maltipoo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Maltipoo","value":1380,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Maltipoo","value":1380,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Maltipoo","value":1380,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Maltipoo","value":1380,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Maltipoo","value":1380,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1380" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-150">
<label class="font-light" :for="$id('Breed')" for="Breed-150"> Maltipoo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Manchester Terrier')}" wire:key="15078" x-effect="searchText; filterDisplays('Manchester Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Manchester Terrier","value":78,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Manchester Terrier","value":78,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Manchester Terrier","value":78,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Manchester Terrier","value":78,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Manchester Terrier","value":78,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="78" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-151">
<label class="font-light" :for="$id('Breed')" for="Breed-151"> Manchester Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Maremma Sheepdog')}" wire:key="151828" x-effect="searchText; filterDisplays('Maremma Sheepdog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Maremma Sheepdog","value":828,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Maremma Sheepdog","value":828,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Maremma Sheepdog","value":828,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Maremma Sheepdog","value":828,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Maremma Sheepdog","value":828,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="828" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-152">
<label class="font-light" :for="$id('Breed')" for="Breed-152"> Maremma Sheepdog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Mastiff')}" wire:key="152200" x-effect="searchText; filterDisplays('Mastiff')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Mastiff","value":200,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Mastiff","value":200,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Mastiff","value":200,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Mastiff","value":200,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Mastiff","value":200,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="200" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-153">
<label class="font-light" :for="$id('Breed')" for="Breed-153"> Mastiff </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Miniature Bull Terrier')}" wire:key="1531447" x-effect="searchText; filterDisplays('Miniature Bull Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Miniature Bull Terrier","value":1447,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Miniature Bull Terrier","value":1447,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Miniature Bull Terrier","value":1447,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Miniature Bull Terrier","value":1447,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Miniature Bull Terrier","value":1447,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1447" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-154">
<label class="font-light" :for="$id('Breed')" for="Breed-154"> Miniature Bull Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Miniature Dachshund')}" wire:key="1541446" x-effect="searchText; filterDisplays('Miniature Dachshund')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Miniature Dachshund","value":1446,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Miniature Dachshund","value":1446,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Miniature Dachshund","value":1446,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Miniature Dachshund","value":1446,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Miniature Dachshund","value":1446,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1446" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-155">
<label class="font-light" :for="$id('Breed')" for="Breed-155"> Miniature Dachshund </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Miniature Pinscher')}" wire:key="15580" x-effect="searchText; filterDisplays('Miniature Pinscher')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Miniature Pinscher","value":80,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Miniature Pinscher","value":80,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Miniature Pinscher","value":80,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Miniature Pinscher","value":80,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Miniature Pinscher","value":80,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="80" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-156">
<label class="font-light" :for="$id('Breed')" for="Breed-156"> Miniature Pinscher </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Mixed Breed (Large)')}" wire:key="1561373" x-effect="searchText; filterDisplays('Mixed Breed (Large)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Mixed Breed (Large)","value":1373,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Mixed Breed (Large)","value":1373,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Mixed Breed (Large)","value":1373,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Mixed Breed (Large)","value":1373,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Mixed Breed (Large)","value":1373,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1373" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-157">
<label class="font-light" :for="$id('Breed')" for="Breed-157"> Mixed Breed (Large) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Mixed Breed (Medium)')}" wire:key="1571372" x-effect="searchText; filterDisplays('Mixed Breed (Medium)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Mixed Breed (Medium)","value":1372,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Mixed Breed (Medium)","value":1372,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Mixed Breed (Medium)","value":1372,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Mixed Breed (Medium)","value":1372,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Mixed Breed (Medium)","value":1372,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1372" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-158">
<label class="font-light" :for="$id('Breed')" for="Breed-158"> Mixed Breed (Medium) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Mixed Breed (Small)')}" wire:key="1581371" x-effect="searchText; filterDisplays('Mixed Breed (Small)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Mixed Breed (Small)","value":1371,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Mixed Breed (Small)","value":1371,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Mixed Breed (Small)","value":1371,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Mixed Breed (Small)","value":1371,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Mixed Breed (Small)","value":1371,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1371" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-159">
<label class="font-light" :for="$id('Breed')" for="Breed-159"> Mixed Breed (Small) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Morkie')}" wire:key="1591386" x-effect="searchText; filterDisplays('Morkie')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Morkie","value":1386,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Morkie","value":1386,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Morkie","value":1386,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Morkie","value":1386,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Morkie","value":1386,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1386" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-160">
<label class="font-light" :for="$id('Breed')" for="Breed-160"> Morkie </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Mountain Cur')}" wire:key="160829" x-effect="searchText; filterDisplays('Mountain Cur')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Mountain Cur","value":829,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Mountain Cur","value":829,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Mountain Cur","value":829,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Mountain Cur","value":829,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Mountain Cur","value":829,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="829" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-161">
<label class="font-light" :for="$id('Breed')" for="Breed-161"> Mountain Cur </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Munsterlander')}" wire:key="161830" x-effect="searchText; filterDisplays('Munsterlander')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Munsterlander","value":830,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Munsterlander","value":830,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Munsterlander","value":830,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Munsterlander","value":830,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Munsterlander","value":830,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="830" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-162">
<label class="font-light" :for="$id('Breed')" for="Breed-162"> Munsterlander </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Mutt')}" wire:key="1621455" x-effect="searchText; filterDisplays('Mutt')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Mutt","value":1455,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Mutt","value":1455,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Mutt","value":1455,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Mutt","value":1455,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Mutt","value":1455,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1455" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-163">
<label class="font-light" :for="$id('Breed')" for="Breed-163"> Mutt </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Neapolitan Mastiff')}" wire:key="16383" x-effect="searchText; filterDisplays('Neapolitan Mastiff')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Neapolitan Mastiff","value":83,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Neapolitan Mastiff","value":83,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Neapolitan Mastiff","value":83,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Neapolitan Mastiff","value":83,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Neapolitan Mastiff","value":83,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="83" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-164">
<label class="font-light" :for="$id('Breed')" for="Breed-164"> Neapolitan Mastiff </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Newfoundland')}" wire:key="16484" x-effect="searchText; filterDisplays('Newfoundland')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Newfoundland","value":84,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Newfoundland","value":84,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Newfoundland","value":84,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Newfoundland","value":84,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Newfoundland","value":84,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="84" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-165">
<label class="font-light" :for="$id('Breed')" for="Breed-165"> Newfoundland </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Norfolk Terrier')}" wire:key="165214" x-effect="searchText; filterDisplays('Norfolk Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Norfolk Terrier","value":214,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Norfolk Terrier","value":214,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Norfolk Terrier","value":214,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Norfolk Terrier","value":214,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Norfolk Terrier","value":214,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="214" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-166">
<label class="font-light" :for="$id('Breed')" for="Breed-166"> Norfolk Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Norwegian Buhund')}" wire:key="166831" x-effect="searchText; filterDisplays('Norwegian Buhund')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Norwegian Buhund","value":831,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Norwegian Buhund","value":831,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Norwegian Buhund","value":831,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Norwegian Buhund","value":831,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Norwegian Buhund","value":831,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="831" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-167">
<label class="font-light" :for="$id('Breed')" for="Breed-167"> Norwegian Buhund </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Norwegian Elkhound')}" wire:key="16785" x-effect="searchText; filterDisplays('Norwegian Elkhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Norwegian Elkhound","value":85,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Norwegian Elkhound","value":85,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Norwegian Elkhound","value":85,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Norwegian Elkhound","value":85,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Norwegian Elkhound","value":85,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="85" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-168">
<label class="font-light" :for="$id('Breed')" for="Breed-168"> Norwegian Elkhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Norwegian Lundehund')}" wire:key="1681449" x-effect="searchText; filterDisplays('Norwegian Lundehund')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Norwegian Lundehund","value":1449,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Norwegian Lundehund","value":1449,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Norwegian Lundehund","value":1449,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Norwegian Lundehund","value":1449,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Norwegian Lundehund","value":1449,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1449" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-169">
<label class="font-light" :for="$id('Breed')" for="Breed-169"> Norwegian Lundehund </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Norwich Terrier')}" wire:key="169215" x-effect="searchText; filterDisplays('Norwich Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Norwich Terrier","value":215,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Norwich Terrier","value":215,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Norwich Terrier","value":215,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Norwich Terrier","value":215,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Norwich Terrier","value":215,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="215" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-170">
<label class="font-light" :for="$id('Breed')" for="Breed-170"> Norwich Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Nova Scotia Duck-Tolling Retriever')}" wire:key="170832" x-effect="searchText; filterDisplays('Nova Scotia Duck-Tolling Retriever')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Nova Scotia Duck-Tolling Retriever","value":832,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Nova Scotia Duck-Tolling Retriever","value":832,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Nova Scotia Duck-Tolling Retriever","value":832,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Nova Scotia Duck-Tolling Retriever","value":832,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Nova Scotia Duck-Tolling Retriever","value":832,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="832" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-171">
<label class="font-light" :for="$id('Breed')" for="Breed-171"> Nova Scotia Duck-Tolling Retriever </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Old English Sheepdog')}" wire:key="171302" x-effect="searchText; filterDisplays('Old English Sheepdog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Old English Sheepdog","value":302,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Old English Sheepdog","value":302,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Old English Sheepdog","value":302,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Old English Sheepdog","value":302,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Old English Sheepdog","value":302,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="302" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-172">
<label class="font-light" :for="$id('Breed')" for="Breed-172"> Old English Sheepdog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Olde English Bulldogge')}" wire:key="1721387" x-effect="searchText; filterDisplays('Olde English Bulldogge')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Olde English Bulldogge","value":1387,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Olde English Bulldogge","value":1387,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Olde English Bulldogge","value":1387,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Olde English Bulldogge","value":1387,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Olde English Bulldogge","value":1387,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1387" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-173">
<label class="font-light" :for="$id('Breed')" for="Breed-173"> Olde English Bulldogge </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Otterhound')}" wire:key="17387" x-effect="searchText; filterDisplays('Otterhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Otterhound","value":87,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Otterhound","value":87,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Otterhound","value":87,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Otterhound","value":87,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Otterhound","value":87,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="87" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-174">
<label class="font-light" :for="$id('Breed')" for="Breed-174"> Otterhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Papillon')}" wire:key="17488" x-effect="searchText; filterDisplays('Papillon')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Papillon","value":88,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Papillon","value":88,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Papillon","value":88,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Papillon","value":88,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Papillon","value":88,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="88" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-175">
<label class="font-light" :for="$id('Breed')" for="Breed-175"> Papillon </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Parson Russell Terrier')}" wire:key="1751444" x-effect="searchText; filterDisplays('Parson Russell Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Parson Russell Terrier","value":1444,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Parson Russell Terrier","value":1444,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Parson Russell Terrier","value":1444,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Parson Russell Terrier","value":1444,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Parson Russell Terrier","value":1444,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1444" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-176">
<label class="font-light" :for="$id('Breed')" for="Breed-176"> Parson Russell Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Patterdale Terrier (Fell Terrier)')}" wire:key="176833" x-effect="searchText; filterDisplays('Patterdale Terrier (Fell Terrier)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Patterdale Terrier (Fell Terrier)","value":833,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Patterdale Terrier (Fell Terrier)","value":833,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Patterdale Terrier (Fell Terrier)","value":833,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Patterdale Terrier (Fell Terrier)","value":833,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Patterdale Terrier (Fell Terrier)","value":833,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="833" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-177">
<label class="font-light" :for="$id('Breed')" for="Breed-177"> Patterdale Terrier (Fell Terrier) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pekingese')}" wire:key="17789" x-effect="searchText; filterDisplays('Pekingese')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pekingese","value":89,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pekingese","value":89,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pekingese","value":89,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pekingese","value":89,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pekingese","value":89,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="89" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-178">
<label class="font-light" :for="$id('Breed')" for="Breed-178"> Pekingese </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pembroke Welsh Corgi')}" wire:key="1781451" x-effect="searchText; filterDisplays('Pembroke Welsh Corgi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pembroke Welsh Corgi","value":1451,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pembroke Welsh Corgi","value":1451,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pembroke Welsh Corgi","value":1451,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pembroke Welsh Corgi","value":1451,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pembroke Welsh Corgi","value":1451,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1451" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-179">
<label class="font-light" :for="$id('Breed')" for="Breed-179"> Pembroke Welsh Corgi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Petit Basset Griffon Vendeen')}" wire:key="179216" x-effect="searchText; filterDisplays('Petit Basset Griffon Vendeen')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Petit Basset Griffon Vendeen","value":216,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Petit Basset Griffon Vendeen","value":216,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Petit Basset Griffon Vendeen","value":216,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Petit Basset Griffon Vendeen","value":216,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Petit Basset Griffon Vendeen","value":216,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="216" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-180">
<label class="font-light" :for="$id('Breed')" for="Breed-180"> Petit Basset Griffon Vendeen </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pharaoh Hound')}" wire:key="18090" x-effect="searchText; filterDisplays('Pharaoh Hound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pharaoh Hound","value":90,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pharaoh Hound","value":90,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pharaoh Hound","value":90,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pharaoh Hound","value":90,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pharaoh Hound","value":90,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="90" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-181">
<label class="font-light" :for="$id('Breed')" for="Breed-181"> Pharaoh Hound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pitsky')}" wire:key="1811393" x-effect="searchText; filterDisplays('Pitsky')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pitsky","value":1393,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pitsky","value":1393,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pitsky","value":1393,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pitsky","value":1393,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pitsky","value":1393,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1393" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-182">
<label class="font-light" :for="$id('Breed')" for="Breed-182"> Pitsky </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Plott Hound')}" wire:key="182581" x-effect="searchText; filterDisplays('Plott Hound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Plott Hound","value":581,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Plott Hound","value":581,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Plott Hound","value":581,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Plott Hound","value":581,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Plott Hound","value":581,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="581" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-183">
<label class="font-light" :for="$id('Breed')" for="Breed-183"> Plott Hound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Podengo Portugueso')}" wire:key="183834" x-effect="searchText; filterDisplays('Podengo Portugueso')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Podengo Portugueso","value":834,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Podengo Portugueso","value":834,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Podengo Portugueso","value":834,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Podengo Portugueso","value":834,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Podengo Portugueso","value":834,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="834" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-184">
<label class="font-light" :for="$id('Breed')" for="Breed-184"> Podengo Portugueso </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pointer')}" wire:key="18492" x-effect="searchText; filterDisplays('Pointer')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pointer","value":92,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pointer","value":92,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pointer","value":92,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pointer","value":92,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pointer","value":92,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="92" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-185">
<label class="font-light" :for="$id('Breed')" for="Breed-185"> Pointer </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Polish Lowland Sheepdog')}" wire:key="1851166" x-effect="searchText; filterDisplays('Polish Lowland Sheepdog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Polish Lowland Sheepdog","value":1166,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Polish Lowland Sheepdog","value":1166,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Polish Lowland Sheepdog","value":1166,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Polish Lowland Sheepdog","value":1166,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Polish Lowland Sheepdog","value":1166,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1166" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-186">
<label class="font-light" :for="$id('Breed')" for="Breed-186"> Polish Lowland Sheepdog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pomeranian')}" wire:key="18693" x-effect="searchText; filterDisplays('Pomeranian')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pomeranian","value":93,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pomeranian","value":93,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pomeranian","value":93,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pomeranian","value":93,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pomeranian","value":93,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="93" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-187">
<label class="font-light" :for="$id('Breed')" for="Breed-187"> Pomeranian </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pomsky')}" wire:key="1871381" x-effect="searchText; filterDisplays('Pomsky')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pomsky","value":1381,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pomsky","value":1381,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pomsky","value":1381,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pomsky","value":1381,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pomsky","value":1381,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1381" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-188">
<label class="font-light" :for="$id('Breed')" for="Breed-188"> Pomsky </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Poodle (Miniature)')}" wire:key="188213" x-effect="searchText; filterDisplays('Poodle (Miniature)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Poodle (Miniature)","value":213,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Poodle (Miniature)","value":213,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Poodle (Miniature)","value":213,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Poodle (Miniature)","value":213,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Poodle (Miniature)","value":213,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="213" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-189">
<label class="font-light" :for="$id('Breed')" for="Breed-189"> Poodle (Miniature) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Poodle (Standard)')}" wire:key="18994" x-effect="searchText; filterDisplays('Poodle (Standard)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Poodle (Standard)","value":94,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Poodle (Standard)","value":94,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Poodle (Standard)","value":94,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Poodle (Standard)","value":94,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Poodle (Standard)","value":94,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="94" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-190">
<label class="font-light" :for="$id('Breed')" for="Breed-190"> Poodle (Standard) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Poodle (Toy or Tea Cup)')}" wire:key="190226" x-effect="searchText; filterDisplays('Poodle (Toy or Tea Cup)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Poodle (Toy or Tea Cup)","value":226,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Poodle (Toy or Tea Cup)","value":226,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Poodle (Toy or Tea Cup)","value":226,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Poodle (Toy or Tea Cup)","value":226,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Poodle (Toy or Tea Cup)","value":226,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="226" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-191">
<label class="font-light" :for="$id('Breed')" for="Breed-191"> Poodle (Toy or Tea Cup) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Portuguese Water Dog')}" wire:key="19195" x-effect="searchText; filterDisplays('Portuguese Water Dog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Portuguese Water Dog","value":95,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Portuguese Water Dog","value":95,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Portuguese Water Dog","value":95,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Portuguese Water Dog","value":95,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Portuguese Water Dog","value":95,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="95" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-192">
<label class="font-light" :for="$id('Breed')" for="Breed-192"> Portuguese Water Dog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Presa Canario')}" wire:key="1921188" x-effect="searchText; filterDisplays('Presa Canario')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Presa Canario","value":1188,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Presa Canario","value":1188,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Presa Canario","value":1188,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Presa Canario","value":1188,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Presa Canario","value":1188,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1188" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-193">
<label class="font-light" :for="$id('Breed')" for="Breed-193"> Presa Canario </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pug')}" wire:key="19396" x-effect="searchText; filterDisplays('Pug')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pug","value":96,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pug","value":96,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pug","value":96,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pug","value":96,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pug","value":96,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="96" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-194">
<label class="font-light" :for="$id('Breed')" for="Breed-194"> Pug </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Puggle')}" wire:key="1941389" x-effect="searchText; filterDisplays('Puggle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Puggle","value":1389,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Puggle","value":1389,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Puggle","value":1389,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Puggle","value":1389,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Puggle","value":1389,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1389" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-195">
<label class="font-light" :for="$id('Breed')" for="Breed-195"> Puggle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Puli')}" wire:key="1951189" x-effect="searchText; filterDisplays('Puli')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Puli","value":1189,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Puli","value":1189,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Puli","value":1189,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Puli","value":1189,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Puli","value":1189,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1189" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-196">
<label class="font-light" :for="$id('Breed')" for="Breed-196"> Puli </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Pumi')}" wire:key="196835" x-effect="searchText; filterDisplays('Pumi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Pumi","value":835,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Pumi","value":835,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Pumi","value":835,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Pumi","value":835,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Pumi","value":835,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="835" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-197">
<label class="font-light" :for="$id('Breed')" for="Breed-197"> Pumi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Rat Terrier')}" wire:key="197218" x-effect="searchText; filterDisplays('Rat Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Rat Terrier","value":218,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Rat Terrier","value":218,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Rat Terrier","value":218,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Rat Terrier","value":218,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Rat Terrier","value":218,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="218" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-198">
<label class="font-light" :for="$id('Breed')" for="Breed-198"> Rat Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Redbone Coonhound')}" wire:key="198664" x-effect="searchText; filterDisplays('Redbone Coonhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Redbone Coonhound","value":664,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Redbone Coonhound","value":664,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Redbone Coonhound","value":664,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Redbone Coonhound","value":664,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Redbone Coonhound","value":664,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="664" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-199">
<label class="font-light" :for="$id('Breed')" for="Breed-199"> Redbone Coonhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Retriever (Unknown Type)')}" wire:key="199198" x-effect="searchText; filterDisplays('Retriever (Unknown Type)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Retriever (Unknown Type)","value":198,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Retriever (Unknown Type)","value":198,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Retriever (Unknown Type)","value":198,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Retriever (Unknown Type)","value":198,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Retriever (Unknown Type)","value":198,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="198" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-200">
<label class="font-light" :for="$id('Breed')" for="Breed-200"> Retriever (Unknown Type) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Rhodesian Ridgeback')}" wire:key="20098" x-effect="searchText; filterDisplays('Rhodesian Ridgeback')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Rhodesian Ridgeback","value":98,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Rhodesian Ridgeback","value":98,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Rhodesian Ridgeback","value":98,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Rhodesian Ridgeback","value":98,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Rhodesian Ridgeback","value":98,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="98" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-201">
<label class="font-light" :for="$id('Breed')" for="Breed-201"> Rhodesian Ridgeback </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Rottweiler')}" wire:key="20199" x-effect="searchText; filterDisplays('Rottweiler')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Rottweiler","value":99,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Rottweiler","value":99,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Rottweiler","value":99,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Rottweiler","value":99,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Rottweiler","value":99,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="99" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-202">
<label class="font-light" :for="$id('Breed')" for="Breed-202"> Rottweiler </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Saluki')}" wire:key="202101" x-effect="searchText; filterDisplays('Saluki')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Saluki","value":101,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Saluki","value":101,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Saluki","value":101,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Saluki","value":101,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Saluki","value":101,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="101" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-203">
<label class="font-light" :for="$id('Breed')" for="Breed-203"> Saluki </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Samoyed')}" wire:key="203102" x-effect="searchText; filterDisplays('Samoyed')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Samoyed","value":102,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Samoyed","value":102,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Samoyed","value":102,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Samoyed","value":102,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Samoyed","value":102,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="102" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-204">
<label class="font-light" :for="$id('Breed')" for="Breed-204"> Samoyed </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Schiller Hound')}" wire:key="204662" x-effect="searchText; filterDisplays('Schiller Hound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Schiller Hound","value":662,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Schiller Hound","value":662,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Schiller Hound","value":662,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Schiller Hound","value":662,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Schiller Hound","value":662,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="662" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-205">
<label class="font-light" :for="$id('Breed')" for="Breed-205"> Schiller Hound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Schipperke')}" wire:key="205103" x-effect="searchText; filterDisplays('Schipperke')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Schipperke","value":103,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Schipperke","value":103,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Schipperke","value":103,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Schipperke","value":103,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Schipperke","value":103,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="103" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-206">
<label class="font-light" :for="$id('Breed')" for="Breed-206"> Schipperke </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Schnauzer (Giant)')}" wire:key="206836" x-effect="searchText; filterDisplays('Schnauzer (Giant)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Schnauzer (Giant)","value":836,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Schnauzer (Giant)","value":836,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Schnauzer (Giant)","value":836,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Schnauzer (Giant)","value":836,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Schnauzer (Giant)","value":836,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="836" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-207">
<label class="font-light" :for="$id('Breed')" for="Breed-207"> Schnauzer (Giant) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Schnauzer (Miniature)')}" wire:key="207837" x-effect="searchText; filterDisplays('Schnauzer (Miniature)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Schnauzer (Miniature)","value":837,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Schnauzer (Miniature)","value":837,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Schnauzer (Miniature)","value":837,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Schnauzer (Miniature)","value":837,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Schnauzer (Miniature)","value":837,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="837" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-208">
<label class="font-light" :for="$id('Breed')" for="Breed-208"> Schnauzer (Miniature) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Schnauzer (Standard)')}" wire:key="208104" x-effect="searchText; filterDisplays('Schnauzer (Standard)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Schnauzer (Standard)","value":104,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Schnauzer (Standard)","value":104,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Schnauzer (Standard)","value":104,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Schnauzer (Standard)","value":104,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Schnauzer (Standard)","value":104,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="104" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-209">
<label class="font-light" :for="$id('Breed')" for="Breed-209"> Schnauzer (Standard) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Schnoodle')}" wire:key="2091391" x-effect="searchText; filterDisplays('Schnoodle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Schnoodle","value":1391,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Schnoodle","value":1391,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Schnoodle","value":1391,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Schnoodle","value":1391,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Schnoodle","value":1391,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1391" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-210">
<label class="font-light" :for="$id('Breed')" for="Breed-210"> Schnoodle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Scottie, Scottish Terrier')}" wire:key="210105" x-effect="searchText; filterDisplays('Scottie, Scottish Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Scottie, Scottish Terrier","value":105,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Scottie, Scottish Terrier","value":105,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Scottie, Scottish Terrier","value":105,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Scottie, Scottish Terrier","value":105,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Scottie, Scottish Terrier","value":105,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="105" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-211">
<label class="font-light" :for="$id('Breed')" for="Breed-211"> Scottie, Scottish Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Scottish Deerhound')}" wire:key="211219" x-effect="searchText; filterDisplays('Scottish Deerhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Scottish Deerhound","value":219,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Scottish Deerhound","value":219,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Scottish Deerhound","value":219,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Scottish Deerhound","value":219,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Scottish Deerhound","value":219,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="219" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-212">
<label class="font-light" :for="$id('Breed')" for="Breed-212"> Scottish Deerhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Sealyham Terrier')}" wire:key="212220" x-effect="searchText; filterDisplays('Sealyham Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Sealyham Terrier","value":220,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Sealyham Terrier","value":220,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Sealyham Terrier","value":220,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Sealyham Terrier","value":220,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Sealyham Terrier","value":220,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="220" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-213">
<label class="font-light" :for="$id('Breed')" for="Breed-213"> Sealyham Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Setter (Unknown Type)')}" wire:key="213838" x-effect="searchText; filterDisplays('Setter (Unknown Type)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Setter (Unknown Type)","value":838,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Setter (Unknown Type)","value":838,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Setter (Unknown Type)","value":838,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Setter (Unknown Type)","value":838,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Setter (Unknown Type)","value":838,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="838" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-214">
<label class="font-light" :for="$id('Breed')" for="Breed-214"> Setter (Unknown Type) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Shar Pei')}" wire:key="214107" x-effect="searchText; filterDisplays('Shar Pei')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Shar Pei","value":107,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Shar Pei","value":107,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Shar Pei","value":107,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Shar Pei","value":107,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Shar Pei","value":107,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="107" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-215">
<label class="font-light" :for="$id('Breed')" for="Breed-215"> Shar Pei </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Sheepadoodle')}" wire:key="2151382" x-effect="searchText; filterDisplays('Sheepadoodle')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Sheepadoodle","value":1382,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Sheepadoodle","value":1382,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Sheepadoodle","value":1382,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Sheepadoodle","value":1382,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Sheepadoodle","value":1382,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1382" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-216">
<label class="font-light" :for="$id('Breed')" for="Breed-216"> Sheepadoodle </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Sheltie, Shetland Sheepdog')}" wire:key="216108" x-effect="searchText; filterDisplays('Sheltie, Shetland Sheepdog')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Sheltie, Shetland Sheepdog","value":108,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Sheltie, Shetland Sheepdog","value":108,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Sheltie, Shetland Sheepdog","value":108,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Sheltie, Shetland Sheepdog","value":108,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Sheltie, Shetland Sheepdog","value":108,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="108" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-217">
<label class="font-light" :for="$id('Breed')" for="Breed-217"> Sheltie, Shetland Sheepdog </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Shepherd (Unknown Type)')}" wire:key="217840" x-effect="searchText; filterDisplays('Shepherd (Unknown Type)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Shepherd (Unknown Type)","value":840,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Shepherd (Unknown Type)","value":840,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Shepherd (Unknown Type)","value":840,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Shepherd (Unknown Type)","value":840,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Shepherd (Unknown Type)","value":840,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="840" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-218">
<label class="font-light" :for="$id('Breed')" for="Breed-218"> Shepherd (Unknown Type) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Sheppit')}" wire:key="2181394" x-effect="searchText; filterDisplays('Sheppit')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Sheppit","value":1394,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Sheppit","value":1394,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Sheppit","value":1394,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Sheppit","value":1394,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Sheppit","value":1394,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1394" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-219">
<label class="font-light" :for="$id('Breed')" for="Breed-219"> Sheppit </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Shepsky')}" wire:key="2191385" x-effect="searchText; filterDisplays('Shepsky')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Shepsky","value":1385,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Shepsky","value":1385,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Shepsky","value":1385,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Shepsky","value":1385,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Shepsky","value":1385,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1385" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-220">
<label class="font-light" :for="$id('Breed')" for="Breed-220"> Shepsky </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Shiba Inu')}" wire:key="220110" x-effect="searchText; filterDisplays('Shiba Inu')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Shiba Inu","value":110,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Shiba Inu","value":110,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Shiba Inu","value":110,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Shiba Inu","value":110,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Shiba Inu","value":110,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="110" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-221">
<label class="font-light" :for="$id('Breed')" for="Breed-221"> Shiba Inu </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Shih Poo')}" wire:key="2211388" x-effect="searchText; filterDisplays('Shih Poo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Shih Poo","value":1388,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Shih Poo","value":1388,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Shih Poo","value":1388,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Shih Poo","value":1388,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Shih Poo","value":1388,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1388" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-222">
<label class="font-light" :for="$id('Breed')" for="Breed-222"> Shih Poo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Shih Tzu')}" wire:key="222111" x-effect="searchText; filterDisplays('Shih Tzu')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Shih Tzu","value":111,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Shih Tzu","value":111,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Shih Tzu","value":111,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Shih Tzu","value":111,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Shih Tzu","value":111,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="111" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-223">
<label class="font-light" :for="$id('Breed')" for="Breed-223"> Shih Tzu </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Silky Terrier')}" wire:key="223113" x-effect="searchText; filterDisplays('Silky Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Silky Terrier","value":113,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Silky Terrier","value":113,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Silky Terrier","value":113,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Silky Terrier","value":113,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Silky Terrier","value":113,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="113" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-224">
<label class="font-light" :for="$id('Breed')" for="Breed-224"> Silky Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Skye Terrier')}" wire:key="224221" x-effect="searchText; filterDisplays('Skye Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Skye Terrier","value":221,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Skye Terrier","value":221,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Skye Terrier","value":221,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Skye Terrier","value":221,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Skye Terrier","value":221,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="221" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-225">
<label class="font-light" :for="$id('Breed')" for="Breed-225"> Skye Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Sloughi')}" wire:key="225841" x-effect="searchText; filterDisplays('Sloughi')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Sloughi","value":841,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Sloughi","value":841,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Sloughi","value":841,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Sloughi","value":841,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Sloughi","value":841,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="841" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-226">
<label class="font-light" :for="$id('Breed')" for="Breed-226"> Sloughi </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Spaniel (Unknown Type)')}" wire:key="226842" x-effect="searchText; filterDisplays('Spaniel (Unknown Type)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Spaniel (Unknown Type)","value":842,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Spaniel (Unknown Type)","value":842,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Spaniel (Unknown Type)","value":842,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Spaniel (Unknown Type)","value":842,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Spaniel (Unknown Type)","value":842,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="842" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-227">
<label class="font-light" :for="$id('Breed')" for="Breed-227"> Spaniel (Unknown Type) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Spitz (Unknown Type, Large)')}" wire:key="227845" x-effect="searchText; filterDisplays('Spitz (Unknown Type, Large)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Large)","value":845,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Spitz (Unknown Type, Large)","value":845,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Large)","value":845,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Spitz (Unknown Type, Large)","value":845,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Large)","value":845,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="845" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-228">
<label class="font-light" :for="$id('Breed')" for="Breed-228"> Spitz (Unknown Type, Large) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Spitz (Unknown Type, Medium)')}" wire:key="228844" x-effect="searchText; filterDisplays('Spitz (Unknown Type, Medium)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Medium)","value":844,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Spitz (Unknown Type, Medium)","value":844,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Medium)","value":844,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Spitz (Unknown Type, Medium)","value":844,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Medium)","value":844,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="844" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-229">
<label class="font-light" :for="$id('Breed')" for="Breed-229"> Spitz (Unknown Type, Medium) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Spitz (Unknown Type, Small)')}" wire:key="229843" x-effect="searchText; filterDisplays('Spitz (Unknown Type, Small)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Small)","value":843,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Spitz (Unknown Type, Small)","value":843,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Small)","value":843,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Spitz (Unknown Type, Small)","value":843,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Spitz (Unknown Type, Small)","value":843,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="843" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-230">
<label class="font-light" :for="$id('Breed')" for="Breed-230"> Spitz (Unknown Type, Small) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('St. Bernard')}" wire:key="230100" x-effect="searchText; filterDisplays('St. Bernard')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"St. Bernard","value":100,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"St. Bernard","value":100,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"St. Bernard","value":100,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"St. Bernard","value":100,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"St. Bernard","value":100,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="100" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-231">
<label class="font-light" :for="$id('Breed')" for="Breed-231"> St. Bernard </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Staffordshire Bull Terrier')}" wire:key="2311443" x-effect="searchText; filterDisplays('Staffordshire Bull Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Staffordshire Bull Terrier","value":1443,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Staffordshire Bull Terrier","value":1443,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Staffordshire Bull Terrier","value":1443,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Staffordshire Bull Terrier","value":1443,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Staffordshire Bull Terrier","value":1443,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1443" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-232">
<label class="font-light" :for="$id('Breed')" for="Breed-232"> Staffordshire Bull Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Sussex Spaniel')}" wire:key="232222" x-effect="searchText; filterDisplays('Sussex Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Sussex Spaniel","value":222,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Sussex Spaniel","value":222,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Sussex Spaniel","value":222,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Sussex Spaniel","value":222,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Sussex Spaniel","value":222,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="222" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-233">
<label class="font-light" :for="$id('Breed')" for="Breed-233"> Sussex Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Swedish Vallhund')}" wire:key="233846" x-effect="searchText; filterDisplays('Swedish Vallhund')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Swedish Vallhund","value":846,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Swedish Vallhund","value":846,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Swedish Vallhund","value":846,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Swedish Vallhund","value":846,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Swedish Vallhund","value":846,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="846" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-234">
<label class="font-light" :for="$id('Breed')" for="Breed-234"> Swedish Vallhund </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Terrier (Unknown Type, Medium)')}" wire:key="234441" x-effect="searchText; filterDisplays('Terrier (Unknown Type, Medium)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Terrier (Unknown Type, Medium)","value":441,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Terrier (Unknown Type, Medium)","value":441,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Terrier (Unknown Type, Medium)","value":441,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Terrier (Unknown Type, Medium)","value":441,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Terrier (Unknown Type, Medium)","value":441,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="441" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-235">
<label class="font-light" :for="$id('Breed')" for="Breed-235"> Terrier (Unknown Type, Medium) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Terrier (Unknown Type, Small)')}" wire:key="235847" x-effect="searchText; filterDisplays('Terrier (Unknown Type, Small)')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Terrier (Unknown Type, Small)","value":847,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Terrier (Unknown Type, Small)","value":847,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Terrier (Unknown Type, Small)","value":847,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Terrier (Unknown Type, Small)","value":847,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Terrier (Unknown Type, Small)","value":847,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="847" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-236">
<label class="font-light" :for="$id('Breed')" for="Breed-236"> Terrier (Unknown Type, Small) </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Texas Heeler')}" wire:key="2361392" x-effect="searchText; filterDisplays('Texas Heeler')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Texas Heeler","value":1392,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Texas Heeler","value":1392,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Texas Heeler","value":1392,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Texas Heeler","value":1392,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Texas Heeler","value":1392,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1392" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-237">
<label class="font-light" :for="$id('Breed')" for="Breed-237"> Texas Heeler </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Thai Ridgeback')}" wire:key="237561" x-effect="searchText; filterDisplays('Thai Ridgeback')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Thai Ridgeback","value":561,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Thai Ridgeback","value":561,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Thai Ridgeback","value":561,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Thai Ridgeback","value":561,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Thai Ridgeback","value":561,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="561" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-238">
<label class="font-light" :for="$id('Breed')" for="Breed-238"> Thai Ridgeback </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Tibetan Mastiff')}" wire:key="238224" x-effect="searchText; filterDisplays('Tibetan Mastiff')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Tibetan Mastiff","value":224,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Tibetan Mastiff","value":224,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Tibetan Mastiff","value":224,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Tibetan Mastiff","value":224,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Tibetan Mastiff","value":224,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="224" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-239">
<label class="font-light" :for="$id('Breed')" for="Breed-239"> Tibetan Mastiff </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Tibetan Spaniel')}" wire:key="239225" x-effect="searchText; filterDisplays('Tibetan Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Tibetan Spaniel","value":225,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Tibetan Spaniel","value":225,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Tibetan Spaniel","value":225,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Tibetan Spaniel","value":225,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Tibetan Spaniel","value":225,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="225" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-240">
<label class="font-light" :for="$id('Breed')" for="Breed-240"> Tibetan Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Tibetan Terrier')}" wire:key="240118" x-effect="searchText; filterDisplays('Tibetan Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Tibetan Terrier","value":118,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Tibetan Terrier","value":118,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Tibetan Terrier","value":118,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Tibetan Terrier","value":118,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Tibetan Terrier","value":118,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="118" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-241">
<label class="font-light" :for="$id('Breed')" for="Breed-241"> Tibetan Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Tosa Inu')}" wire:key="241848" x-effect="searchText; filterDisplays('Tosa Inu')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Tosa Inu","value":848,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Tosa Inu","value":848,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Tosa Inu","value":848,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Tosa Inu","value":848,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Tosa Inu","value":848,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="848" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-242">
<label class="font-light" :for="$id('Breed')" for="Breed-242"> Tosa Inu </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Treeing Walker Coonhound')}" wire:key="242119" x-effect="searchText; filterDisplays('Treeing Walker Coonhound')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Treeing Walker Coonhound","value":119,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Treeing Walker Coonhound","value":119,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Treeing Walker Coonhound","value":119,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Treeing Walker Coonhound","value":119,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Treeing Walker Coonhound","value":119,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="119" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-243">
<label class="font-light" :for="$id('Breed')" for="Breed-243"> Treeing Walker Coonhound </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Vizsla')}" wire:key="243120" x-effect="searchText; filterDisplays('Vizsla')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Vizsla","value":120,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Vizsla","value":120,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Vizsla","value":120,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Vizsla","value":120,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Vizsla","value":120,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="120" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-244">
<label class="font-light" :for="$id('Breed')" for="Breed-244"> Vizsla </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Weimaraner')}" wire:key="244121" x-effect="searchText; filterDisplays('Weimaraner')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Weimaraner","value":121,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Weimaraner","value":121,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Weimaraner","value":121,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Weimaraner","value":121,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Weimaraner","value":121,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="121" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-245">
<label class="font-light" :for="$id('Breed')" for="Breed-245"> Weimaraner </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Welsh Springer Spaniel')}" wire:key="245849" x-effect="searchText; filterDisplays('Welsh Springer Spaniel')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Welsh Springer Spaniel","value":849,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Welsh Springer Spaniel","value":849,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Welsh Springer Spaniel","value":849,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Welsh Springer Spaniel","value":849,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Welsh Springer Spaniel","value":849,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="849" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-246">
<label class="font-light" :for="$id('Breed')" for="Breed-246"> Welsh Springer Spaniel </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Welsh Terrier')}" wire:key="246227" x-effect="searchText; filterDisplays('Welsh Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Welsh Terrier","value":227,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Welsh Terrier","value":227,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Welsh Terrier","value":227,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Welsh Terrier","value":227,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Welsh Terrier","value":227,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="227" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-247">
<label class="font-light" :for="$id('Breed')" for="Breed-247"> Welsh Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Westie, West Highland White Terrier')}" wire:key="247123" x-effect="searchText; filterDisplays('Westie, West Highland White Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Westie, West Highland White Terrier","value":123,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Westie, West Highland White Terrier","value":123,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Westie, West Highland White Terrier","value":123,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Westie, West Highland White Terrier","value":123,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Westie, West Highland White Terrier","value":123,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="123" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-248">
<label class="font-light" :for="$id('Breed')" for="Breed-248"> Westie, West Highland White Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Wheaten Terrier')}" wire:key="248124" x-effect="searchText; filterDisplays('Wheaten Terrier')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Wheaten Terrier","value":124,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Wheaten Terrier","value":124,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Wheaten Terrier","value":124,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Wheaten Terrier","value":124,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Wheaten Terrier","value":124,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="124" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-249">
<label class="font-light" :for="$id('Breed')" for="Breed-249"> Wheaten Terrier </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Whippet')}" wire:key="249125" x-effect="searchText; filterDisplays('Whippet')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Whippet","value":125,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Whippet","value":125,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Whippet","value":125,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Whippet","value":125,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Whippet","value":125,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="125" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-250">
<label class="font-light" :for="$id('Breed')" for="Breed-250"> Whippet </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Wirehaired Pointing Griffon')}" wire:key="250127" x-effect="searchText; filterDisplays('Wirehaired Pointing Griffon')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Wirehaired Pointing Griffon","value":127,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Wirehaired Pointing Griffon","value":127,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Wirehaired Pointing Griffon","value":127,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Wirehaired Pointing Griffon","value":127,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Wirehaired Pointing Griffon","value":127,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="127" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-251">
<label class="font-light" :for="$id('Breed')" for="Breed-251"> Wirehaired Pointing Griffon </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Xoloitzcuintle\/Mexican Hairless')}" wire:key="251212" x-effect="searchText; filterDisplays('Xoloitzcuintle\/Mexican Hairless')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Xoloitzcuintle\/Mexican Hairless","value":212,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Xoloitzcuintle\/Mexican Hairless","value":212,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Xoloitzcuintle\/Mexican Hairless","value":212,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Xoloitzcuintle\/Mexican Hairless","value":212,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Xoloitzcuintle\/Mexican Hairless","value":212,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="212" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-252">
<label class="font-light" :for="$id('Breed')" for="Breed-252"> Xoloitzcuintle/Mexican Hairless </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Yorkie Poo')}" wire:key="2521383" x-effect="searchText; filterDisplays('Yorkie Poo')">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Yorkie Poo","value":1383,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Yorkie Poo","value":1383,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Yorkie Poo","value":1383,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Yorkie Poo","value":1383,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Yorkie Poo","value":1383,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="1383" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-253">
<label class="font-light" :for="$id('Breed')" for="Breed-253"> Yorkie Poo </label>
</div>
</div>
<div class="break-words checkbox-group" :class="{'hidden': searchText && !filterDisplays('Yorkie, Yorkshire Terrier')}" wire:key="253244" x-effect="searchText; filterDisplays('Yorkie, Yorkshire Terrier')"
x-on:focusout="open = false; showLabel()">
<div x-data="input()" x-id="['Breed']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Yorkie, Yorkshire Terrier","value":244,"order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Yorkie, Yorkshire Terrier","value":244,"order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Yorkie, Yorkshire Terrier","value":244,"order":null,"image":null});
$dispatch('checkbox-change', {"display":"Yorkie, Yorkshire Terrier","value":244,"order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Yorkie, Yorkshire Terrier","value":244,"order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;"
tabindex="0">
<input wire:model.defer="searchFilters.breedId" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="244" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Breed')" id="Breed-254">
<label class="font-light" :for="$id('Breed')" for="Breed-254"> Yorkie, Yorkshire Terrier </label>
</div>
</div>
</div>
</ul>
</div>
</div>
<button class="button-v2-leading-icon button-v2-primary focus:outline-none flex items-center justify-center relative flex desktop:w-1/5 button-large" type="submit" x-data="">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-leading">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 18.189L14.8212 13.0102C15.8058 11.6578 16.3934 9.99795 16.3934 8.19672C16.3934 3.66957 12.7239 0 8.19672 0C3.66957 0 0 3.66957 0 8.19672C0 12.7239 3.66957 16.3934 8.19672 16.3934C9.99795 16.3934 11.6578 15.8058 13.0102 14.8212L18.189 20L20 18.189ZM8.33333 14.1667C5.11705 14.1667 2.5 11.5496 2.5 8.33333C2.5 5.11705 5.11705 2.5 8.33333 2.5C11.5496 2.5 14.1667 5.11705 14.1667 8.33333C14.1667 11.5496 11.5496 14.1667 8.33333 14.1667Z">
</path>
</svg>Get Started </button>
</div>
</form><form wire:id="YulL8ZXJwrWfkmRrGlXU" wire:submit.prevent="submitSearch" novalidate="" id="cat-search" x-data="{locationValue: window.Livewire.find('YulL8ZXJwrWfkmRrGlXU').entangle('location')}"
x-on:cat-location-field-update.window="locationValue = ($event.detail)" x-on:aap-geo-location.window="locationValue = (`${$event.detail.location.city}, ${$event.detail.location.state_code}`)">
<div class="flex flex-col desktop:flex-row">
<div class="search-inputs desktop:mr-10">
<div wire:id="AghpCbVh9NRX9oXLXHPD" x-data="{
locationValue: window.Livewire.find('AghpCbVh9NRX9oXLXHPD').entangle('location'),
emptyResults: window.Livewire.find('AghpCbVh9NRX9oXLXHPD').entangle('emptySuggestions'),
showDropdown: false,
locationHasTyped: false,
locationIsSubmitting: false,
valueWithoutNumbers: true,
prevSubmittedLocation: '',
locationType: '',
locationInteraction: 'pre-filled',
numberOfTypedCharacters: '',
}" x-on:input="
$dispatch('cat-location-field-update', $event.target.value);
$dispatch('cat-location-field-filter-change', $event.target.value);
locationHasTyped = true;
localStorage.setItem('typedLocationOnHomepage', $event.target.value);
" wire:input="$emitSelf('processTypedLocation')" x-on:updated-location-with-typed-value.window="
if (!localStorage.getItem('typedLocationOnHomepage')) return;
const typedLocation = localStorage.getItem('typedLocationOnHomepage');
$dispatch(`${event.detail.type}-location-field-update`, typedLocation);
locationValue = typedLocation;
" x-init="
localStorage.removeItem('typedLocationOnHomepage');
$dispatch('cat-location-field-update', `${locationValue}`);
$watch('locationValue', (locationValue) => {
valueWithoutNumbers = locationValue.length === 0 || !/\d/.test(locationValue);
});
prevSubmittedLocation = locationValue;
locationType = '';" x-on:aap-geo-location.window="
$wire.location = `${$event.detail.location.city}, ${$event.detail.location.state_code}`;
$wire.emit('set-location', $event.detail.location.postal_code)
" x-on:keydown="
if ($event.which === 13) {
showDropdown = false;
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}
} else {
showDropdown = true;
locationInteraction = 'type';
locationType = 'typed location';
}" x-on:click.away="showDropdown = false" x-on:focusout.debounce="
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}" x-on:click="$dispatch('scroll-hero-search')" x-on:location-search-completed.window="locationIsSubmitting = false" x-on:cat-form-submission.window="
locationHasTyped = false;
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: locationInteraction,
eventLbl: locationType,
});
if (numberOfTypedCharacters) {
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: 'type',
eventLbl: numberOfTypedCharacters,
})
};
dataLayer.push({
event: 'location_search',
type_of_location: locationType,
type_of_interaction: locationInteraction,
search_field: 'location',
search_text_length: numberOfTypedCharacters,
});
numberOfTypedCharacters = 0;" class="relative w-full location-search-field">
<div x-data="{
...input(),
validated: false,
hasError: false,
required: true,
hideOptionalLabel: !!$wire.location,
}" class="input-large location-search-field-input input rounded-md border w-full flex items-center bg-white border-kin-brown" x-id="['location']" :class="{
'border-kin-gray-3': '',
'border-kin-brown': '1'
}">
<input wire:model="location" wire:key="cat-location-field" type="text" x-ref="location" x-on:click="showDropdown = true" x-on:focusin="hideOptionalLabel = true; showDropdown = true"
x-on:focusout="hideOptionalLabel = !!$event.srcElement.value" placeholder=" " name="location" class="w-full h-full rounded-md text-kin-brown" autocomplete="off" :id="$id('location')" id="location-2">
<label class="flex items-baseline max-w-full overflow-hidden placeholder text-kin-gray" x-on:click="$refs['location'].focus()" :for="$id('location')" for="location-2">
<span>Location</span>
<span class="ml-5 truncate additional text-h5">(i.e. Los Angeles, CA or 90210)</span>
</label>
</div>
<div x-show="showDropdown" x-on:click="showDropdown = false" class="absolute z-50 w-full mt-10 bg-white border rounded-md cursor-pointer top-full border-gray-2 current-location min-h-[2.8125rem] text-h6 tablet:text-h5" style="display: none;">
<div class="flex items-center py-10 pl-10 hover:bg-gray-4" x-on:click="
getCoordinates();
locationType = 'current location browser-based';
locationInteraction = 'click';
numberOfTypedCharacters = 0;
">
<img src="https://prod-assets.production.omega.aapdev.org/img/Icon-CurrentLocation.svg" alt="location arrow icon" class="w-[1.125rem]">
<span class="ml-10 text-h6 tablet:text-h5 text-kin-brown">Current location</span>
</div>
<ul x-show="!locationHasTyped || locationValue.length === 0 || (locationHasTyped && !valueWithoutNumbers)">
</ul>
<div x-show="valueWithoutNumbers">
<ul x-show="locationHasTyped && locationValue.length > 0" style="display: none;">
<li class="capitalize" wire:key="cat-suggested-location-29-Palms--CA" x-on:click="
$wire.location = '29 Palms, CA';
$dispatch('cat-location-field-update', '29 Palms, CA');
$dispatch('cat-location-field-filter-change', '29 Palms, CA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = '29 Palms, CA';
localStorage.setItem('typedLocationOnHomepage', '29 Palms, CA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> 29 Palms, CA </li>
<li class="capitalize" wire:key="cat-suggested-location-Aaron--KY" x-on:click="
$wire.location = 'Aaron, KY';
$dispatch('cat-location-field-update', 'Aaron, KY');
$dispatch('cat-location-field-filter-change', 'Aaron, KY');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaron, KY';
localStorage.setItem('typedLocationOnHomepage', 'Aaron, KY');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaron, KY </li>
<li class="capitalize" wire:key="cat-suggested-location-Aaronsburg--PA" x-on:click="
$wire.location = 'Aaronsburg, PA';
$dispatch('cat-location-field-update', 'Aaronsburg, PA');
$dispatch('cat-location-field-filter-change', 'Aaronsburg, PA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaronsburg, PA';
localStorage.setItem('typedLocationOnHomepage', 'Aaronsburg, PA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaronsburg, PA </li>
<li class="capitalize" wire:key="cat-suggested-location-Abac--GA" x-on:click="
$wire.location = 'Abac, GA';
$dispatch('cat-location-field-update', 'Abac, GA');
$dispatch('cat-location-field-filter-change', 'Abac, GA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abac, GA';
localStorage.setItem('typedLocationOnHomepage', 'Abac, GA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abac, GA </li>
<li class="capitalize" wire:key="cat-suggested-location-Abbeville--AL" x-on:click="
$wire.location = 'Abbeville, AL';
$dispatch('cat-location-field-update', 'Abbeville, AL');
$dispatch('cat-location-field-filter-change', 'Abbeville, AL');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abbeville, AL';
localStorage.setItem('typedLocationOnHomepage', 'Abbeville, AL');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abbeville, AL </li>
</ul>
<p x-show="locationHasTyped && locationValue.length > 0 && emptyResults" class="py-10 cursor-default text-error text-h6 tablet:text-h5 px-15 location-dropdown-error" style="display: none;"> Sorry, we can’t find that
location! Please try again. </p>
</div>
</div>
</div>
<!-- Livewire Component wire-end:AghpCbVh9NRX9oXLXHPD -->
</div>
<input wire:model.lazy="location" x-model="locationValue" type="hidden" value="">
<div class="flex my-20 desktop:my-0 search-inputs">
<ul wire:model.defer="searchFilters.age" x-data="dropdownMulti()" x-on:keyup="
if (!false && $event.which === 9) {
open = true;
labelVisible = false;
}
" x-on:click.outside="open = false; showLabel()" x-on:checkbox-selected.stop="selectItem($event.detail)" class="mr-15 desktop:mr-10 dropdown-multi-large dropdown text-h4" tabindex="0">
<div class="flex items-center justify-between pr-10 bg-white border rounded-md dropdown-input border-kin-brown" :class="open ? 'border-kin-teal' : 'border-kin-brown'" x-on:click="toggleDropdown()">
<span class="font-bold text-kin-gray text-h6 title">Age</span>
<span class="inline-block active-item" x-text="
activeItems.size > 1 && activeItems.size < 4 ? 'Multiple' :
activeItems.size === 1 ? activeItems.values().next().value.display : 'Any'">Any</span>
<div class="flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current mr-15 arrow-rotate" :class="{ 'arrow-down': open }" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<div class="checkbox-group" wire:key="kitten">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Kitten","value":"kitten","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Kitten","value":"kitten","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Kitten","value":"kitten","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Kitten","value":"kitten","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Kitten","value":"kitten","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="kitten" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-5">
<label class="font-light" :for="$id('Age')" for="Age-5"> Kitten </label>
</div>
</div>
<div class="checkbox-group" wire:key="young">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Young","value":"young","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Young","value":"young","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Young","value":"young","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Young","value":"young","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Young","value":"young","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="young" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-6">
<label class="font-light" :for="$id('Age')" for="Age-6"> Young </label>
</div>
</div>
<div class="checkbox-group" wire:key="adult">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Adult","value":"adult","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Adult","value":"adult","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Adult","value":"adult","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Adult","value":"adult","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Adult","value":"adult","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="adult" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-7">
<label class="font-light" :for="$id('Age')" for="Age-7"> Adult </label>
</div>
</div>
<div class="checkbox-group" wire:key="senior" x-on:focusout="open = false; showLabel()">
<div x-data="input()" x-id="['Age']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Senior","value":"senior","order":null,"image":null});
$dispatch('checkbox-initialized', {"display":"Senior","value":"senior","order":null,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Senior","value":"senior","order":null,"image":null});
$dispatch('checkbox-change', {"display":"Senior","value":"senior","order":null,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Senior","value":"senior","order":null,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.age" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="senior" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Age')" id="Age-8">
<label class="font-light" :for="$id('Age')" for="Age-8"> Senior </label>
</div>
</div>
</div>
</ul>
<ul wire:model.defer="searchFilters.sex" x-data="dropdownMulti()" x-on:keyup="
if (!false && $event.which === 9) {
open = true;
labelVisible = false;
}
" x-on:click.outside="open = false; showLabel()" x-on:checkbox-selected.stop="selectItem($event.detail)" class="desktop:mr-10 dropdown-multi-large dropdown text-h4" tabindex="0">
<div class="flex items-center justify-between pr-10 bg-white border rounded-md dropdown-input border-kin-brown" :class="open ? 'border-kin-teal' : 'border-kin-brown'" x-on:click="toggleDropdown()">
<span class="font-bold text-kin-gray text-h6 title">Sex</span>
<span class="inline-block active-item" x-text="
activeItems.size > 1 && activeItems.size < 2 ? 'Multiple' :
activeItems.size === 1 ? activeItems.values().next().value.display : 'Any'">Any</span>
<div class="flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current mr-15 arrow-rotate" :class="{ 'arrow-down': open }" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<div class="checkbox-group" wire:key="f">
<div x-data="input()" x-id="['Sex']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Female","value":"f","order":1,"image":null});
$dispatch('checkbox-initialized', {"display":"Female","value":"f","order":1,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Female","value":"f","order":1,"image":null});
$dispatch('checkbox-change', {"display":"Female","value":"f","order":1,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Female","value":"f","order":1,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.sex" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="f" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Sex')" id="Sex-1">
<label class="font-light" :for="$id('Sex')" for="Sex-1"> Female </label>
</div>
</div>
<div class="checkbox-group" wire:key="m" x-on:focusout="open = false; showLabel()">
<div x-data="input()" x-id="['Sex']" class="checkbox-large checkbox-wrapper" x-init="if ($el.children[0].checked){
$dispatch('checkbox-selected', {"display":"Male","value":"m","order":2,"image":null});
$dispatch('checkbox-initialized', {"display":"Male","value":"m","order":2,"image":null});
}" x-on:change="
$dispatch('checkbox-selected', {"display":"Male","value":"m","order":2,"image":null});
$dispatch('checkbox-change', {"display":"Male","value":"m","order":2,"image":null});
" x-on:keydown.enter="$dispatch('checkbox-selected', {"display":"Male","value":"m","order":2,"image":null}); $el.children[0].checked = !$el.children[0].checked;" tabindex="0">
<input wire:model.defer="searchFilters.sex" wire:loading.attr="disabled" class="checkbox checkbox-default" type="checkbox" value="m" :disabled="disabled" tabindex="-1" autocomplete="off" :id="$id('Sex')" id="Sex-2">
<label class="font-light" :for="$id('Sex')" for="Sex-2"> Male </label>
</div>
</div>
</div>
</ul>
</div>
<button class="button-v2-leading-icon button-v2-primary focus:outline-none flex items-center justify-center relative button-large" type="submit" x-data="">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-leading">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 18.189L14.8212 13.0102C15.8058 11.6578 16.3934 9.99795 16.3934 8.19672C16.3934 3.66957 12.7239 0 8.19672 0C3.66957 0 0 3.66957 0 8.19672C0 12.7239 3.66957 16.3934 8.19672 16.3934C9.99795 16.3934 11.6578 15.8058 13.0102 14.8212L18.189 20L20 18.189ZM8.33333 14.1667C5.11705 14.1667 2.5 11.5496 2.5 8.33333C2.5 5.11705 5.11705 2.5 8.33333 2.5C11.5496 2.5 14.1667 5.11705 14.1667 8.33333C14.1667 11.5496 11.5496 14.1667 8.33333 14.1667Z">
</path>
</svg> Get Started </button>
</div>
</form><form wire:id="CvwCh4aCLvOV0eRdFov2" wire:submit.prevent="submitSearch" novalidate="" id="other-pet-search" x-data="{locationValue: window.Livewire.find('CvwCh4aCLvOV0eRdFov2').entangle('location')}"
x-on:other-location-field-update.window="locationValue = ($event.detail)" x-on:aap-geo-location.window="locationValue = (`${$event.detail.location.city}, ${$event.detail.location.state_code}`)">
<div class="flex flex-col desktop:flex-row">
<div class="search-inputs desktop:mr-10">
<div wire:id="AvIgLVYFvwqrGVqnL4rz" x-data="{
locationValue: window.Livewire.find('AvIgLVYFvwqrGVqnL4rz').entangle('location'),
emptyResults: window.Livewire.find('AvIgLVYFvwqrGVqnL4rz').entangle('emptySuggestions'),
showDropdown: false,
locationHasTyped: false,
locationIsSubmitting: false,
valueWithoutNumbers: true,
prevSubmittedLocation: '',
locationType: '',
locationInteraction: 'pre-filled',
numberOfTypedCharacters: '',
}" x-on:input="
$dispatch('other-location-field-update', $event.target.value);
$dispatch('other-location-field-filter-change', $event.target.value);
locationHasTyped = true;
localStorage.setItem('typedLocationOnHomepage', $event.target.value);
" wire:input="$emitSelf('processTypedLocation')" x-on:updated-location-with-typed-value.window="
if (!localStorage.getItem('typedLocationOnHomepage')) return;
const typedLocation = localStorage.getItem('typedLocationOnHomepage');
$dispatch(`${event.detail.type}-location-field-update`, typedLocation);
locationValue = typedLocation;
" x-init="
localStorage.removeItem('typedLocationOnHomepage');
$dispatch('other-location-field-update', `${locationValue}`);
$watch('locationValue', (locationValue) => {
valueWithoutNumbers = locationValue.length === 0 || !/\d/.test(locationValue);
});
prevSubmittedLocation = locationValue;
locationType = '';" x-on:aap-geo-location.window="
$wire.location = `${$event.detail.location.city}, ${$event.detail.location.state_code}`;
$wire.emit('set-location', $event.detail.location.postal_code)
" x-on:keydown="
if ($event.which === 13) {
showDropdown = false;
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}
} else {
showDropdown = true;
locationInteraction = 'type';
locationType = 'typed location';
}" x-on:click.away="showDropdown = false" x-on:focusout.debounce="
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}" x-on:click="$dispatch('scroll-hero-search')" x-on:location-search-completed.window="locationIsSubmitting = false" x-on:other-form-submission.window="
locationHasTyped = false;
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: locationInteraction,
eventLbl: locationType,
});
if (numberOfTypedCharacters) {
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: 'type',
eventLbl: numberOfTypedCharacters,
})
};
dataLayer.push({
event: 'location_search',
type_of_location: locationType,
type_of_interaction: locationInteraction,
search_field: 'location',
search_text_length: numberOfTypedCharacters,
});
numberOfTypedCharacters = 0;" class="relative w-full location-search-field">
<div x-data="{
...input(),
validated: false,
hasError: false,
required: true,
hideOptionalLabel: !!$wire.location,
}" class="input-large location-search-field-input input rounded-md border w-full flex items-center bg-white border-kin-brown" x-id="['location']" :class="{
'border-kin-gray-3': '',
'border-kin-brown': '1'
}">
<input wire:model="location" wire:key="other-location-field" type="text" x-ref="location" x-on:click="showDropdown = true" x-on:focusin="hideOptionalLabel = true; showDropdown = true"
x-on:focusout="hideOptionalLabel = !!$event.srcElement.value" placeholder=" " name="location" class="w-full h-full rounded-md text-kin-brown" autocomplete="off" :id="$id('location')" id="location-3">
<label class="flex items-baseline max-w-full overflow-hidden placeholder text-kin-gray" x-on:click="$refs['location'].focus()" :for="$id('location')" for="location-3">
<span>Location</span>
<span class="ml-5 truncate additional text-h5">(i.e. Los Angeles, CA or 90210)</span>
</label>
</div>
<div x-show="showDropdown" x-on:click="showDropdown = false" class="absolute z-50 w-full mt-10 bg-white border rounded-md cursor-pointer top-full border-gray-2 current-location min-h-[2.8125rem] text-h6 tablet:text-h5" style="display: none;">
<div class="flex items-center py-10 pl-10 hover:bg-gray-4" x-on:click="
getCoordinates();
locationType = 'current location browser-based';
locationInteraction = 'click';
numberOfTypedCharacters = 0;
">
<img src="https://prod-assets.production.omega.aapdev.org/img/Icon-CurrentLocation.svg" alt="location arrow icon" class="w-[1.125rem]">
<span class="ml-10 text-h6 tablet:text-h5 text-kin-brown">Current location</span>
</div>
<ul x-show="!locationHasTyped || locationValue.length === 0 || (locationHasTyped && !valueWithoutNumbers)">
</ul>
<div x-show="valueWithoutNumbers">
<ul x-show="locationHasTyped && locationValue.length > 0" style="display: none;">
<li class="capitalize" wire:key="other-suggested-location-29-Palms--CA" x-on:click="
$wire.location = '29 Palms, CA';
$dispatch('other-location-field-update', '29 Palms, CA');
$dispatch('other-location-field-filter-change', '29 Palms, CA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = '29 Palms, CA';
localStorage.setItem('typedLocationOnHomepage', '29 Palms, CA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> 29 Palms, CA </li>
<li class="capitalize" wire:key="other-suggested-location-Aaron--KY" x-on:click="
$wire.location = 'Aaron, KY';
$dispatch('other-location-field-update', 'Aaron, KY');
$dispatch('other-location-field-filter-change', 'Aaron, KY');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaron, KY';
localStorage.setItem('typedLocationOnHomepage', 'Aaron, KY');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaron, KY </li>
<li class="capitalize" wire:key="other-suggested-location-Aaronsburg--PA" x-on:click="
$wire.location = 'Aaronsburg, PA';
$dispatch('other-location-field-update', 'Aaronsburg, PA');
$dispatch('other-location-field-filter-change', 'Aaronsburg, PA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaronsburg, PA';
localStorage.setItem('typedLocationOnHomepage', 'Aaronsburg, PA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaronsburg, PA </li>
<li class="capitalize" wire:key="other-suggested-location-Abac--GA" x-on:click="
$wire.location = 'Abac, GA';
$dispatch('other-location-field-update', 'Abac, GA');
$dispatch('other-location-field-filter-change', 'Abac, GA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abac, GA';
localStorage.setItem('typedLocationOnHomepage', 'Abac, GA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abac, GA </li>
<li class="capitalize" wire:key="other-suggested-location-Abbeville--AL" x-on:click="
$wire.location = 'Abbeville, AL';
$dispatch('other-location-field-update', 'Abbeville, AL');
$dispatch('other-location-field-filter-change', 'Abbeville, AL');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abbeville, AL';
localStorage.setItem('typedLocationOnHomepage', 'Abbeville, AL');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abbeville, AL </li>
</ul>
<p x-show="locationHasTyped && locationValue.length > 0 && emptyResults" class="py-10 cursor-default text-error text-h6 tablet:text-h5 px-15 location-dropdown-error" style="display: none;"> Sorry, we can’t find that
location! Please try again. </p>
</div>
</div>
</div>
<!-- Livewire Component wire-end:AvIgLVYFvwqrGVqnL4rz --> <input wire:model.lazy="location" x-model="locationValue" type="hidden" value="">
</div>
<div class="desktop:mr-10 search-inputs">
<ul x-data="{
...dropdown(),
validated: false,
hasError: false,
required: true
}" x-on:keyup="
if (!false && $event.which === 9) {
open = true;
labelVisible = false;
}
" x-on:click.outside="open = false; showLabel()" class="my-20 desktop:my-0 dropdown-large dropdown" tabindex="0" role="button" aria-haspopup="true" :aria-expanded="open ? 'true' : 'false'" aria-expanded="false">
<div class="my-20 desktop:my-0 dropdown-large flex items-center justify-between pr-10 bg-white border rounded-md dropdown-input border-kin-brown" :class="open ? 'border-kin-teal' : 'border-kin-brown'" x-on:click="toggleDropdown()">
<span x-show="activeItem.size === 0" class="inline-block active-item text-kin-gray"> Other pets </span>
<div x-show="activeItem.size > 0" class="min-w-0" style="display: none;">
<span class="font-bold text-kin-gray text-h6 title">Other pets</span>
<span class="inline-block active-item" x-text="activeItem.keys().next().value"></span>
</div>
<div class="flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current arrow-rotate" :class="{ 'arrow-down': open }" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<li wire:model="searchFilters.speciesId" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Rabbits') }" x-on:click="
selectItem('Rabbits');
$dispatch('input', '3');
$dispatch('dropdown-change', 'Rabbits');
toggleDropdown()
" x-init="
if ('3' == '') {
selectItem('Rabbits');
}" tabindex="0" x-on:keydown.enter="
selectItem('Rabbits');
$dispatch('input', '3');
toggleDropdown()
" value="0">
<span>Rabbits</span>
<svg x-show="activeItem.has('Rabbits')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.speciesId" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Birds') }" x-on:click="
selectItem('Birds');
$dispatch('input', '5');
$dispatch('dropdown-change', 'Birds');
toggleDropdown()
" x-init="
if ('5' == '') {
selectItem('Birds');
}" tabindex="0" x-on:keydown.enter="
selectItem('Birds');
$dispatch('input', '5');
toggleDropdown()
" value="0">
<span>Birds</span>
<svg x-show="activeItem.has('Birds')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.speciesId" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Horses') }" x-on:click="
selectItem('Horses');
$dispatch('input', '6');
$dispatch('dropdown-change', 'Horses');
toggleDropdown()
" x-init="
if ('6' == '') {
selectItem('Horses');
}" tabindex="0" x-on:keydown.enter="
selectItem('Horses');
$dispatch('input', '6');
toggleDropdown()
" value="0">
<span>Horses</span>
<svg x-show="activeItem.has('Horses')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.speciesId" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Small Animals') }" x-on:click="
selectItem('Small Animals');
$dispatch('input', '4');
$dispatch('dropdown-change', 'Small Animals');
toggleDropdown()
" x-init="
if ('4' == '') {
selectItem('Small Animals');
}" tabindex="0" x-on:keydown.enter="
selectItem('Small Animals');
$dispatch('input', '4');
toggleDropdown()
" value="0">
<span>Small Animals</span>
<svg x-show="activeItem.has('Small Animals')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.speciesId" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Reptiles, Amphibians, and/or Fish') }" x-on:click="
selectItem('Reptiles, Amphibians, and/or Fish');
$dispatch('input', '7');
$dispatch('dropdown-change', 'Reptiles, Amphibians, and/or Fish');
toggleDropdown()
" x-init="
if ('7' == '') {
selectItem('Reptiles, Amphibians, and/or Fish');
}" tabindex="0" x-on:keydown.enter="
selectItem('Reptiles, Amphibians, and/or Fish');
$dispatch('input', '7');
toggleDropdown()
" value="0">
<span>Reptiles, Amphibians, and/or Fish</span>
<svg x-show="activeItem.has('Reptiles, Amphibians, and/or Fish')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.speciesId" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Farm-Type Animals') }" x-on:click="
selectItem('Farm-Type Animals');
$dispatch('input', '8');
$dispatch('dropdown-change', 'Farm-Type Animals');
toggleDropdown()
" x-init="
if ('8' == '') {
selectItem('Farm-Type Animals');
}" tabindex="0" x-on:keydown.enter="
selectItem('Farm-Type Animals');
$dispatch('input', '8');
toggleDropdown()
" x-on:focusout="open = false; showLabel()" value="0">
<span>Farm-Type Animals</span>
<svg x-show="activeItem.has('Farm-Type Animals')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
</div>
</ul>
</div>
<button class="button-v2 button-v2-primary focus:outline-none flex items-center justify-center relative button-large" type="submit" x-data="">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-leading">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 18.189L14.8212 13.0102C15.8058 11.6578 16.3934 9.99795 16.3934 8.19672C16.3934 3.66957 12.7239 0 8.19672 0C3.66957 0 0 3.66957 0 8.19672C0 12.7239 3.66957 16.3934 8.19672 16.3934C9.99795 16.3934 11.6578 15.8058 13.0102 14.8212L18.189 20L20 18.189ZM8.33333 14.1667C5.11705 14.1667 2.5 11.5496 2.5 8.33333C2.5 5.11705 5.11705 2.5 8.33333 2.5C11.5496 2.5 14.1667 5.11705 14.1667 8.33333C14.1667 11.5496 11.5496 14.1667 8.33333 14.1667Z">
</path>
</svg> Get Started </button>
</div>
</form><form wire:id="mHInlpBygbJtukqY2D54" wire:submit.prevent="submitSearch" novalidate="" id="shelter-search" x-data="{locationValue: window.Livewire.find('mHInlpBygbJtukqY2D54').entangle('location')}"
x-on:shelter-location-field-update.window="locationValue = ($event.detail)" x-on:aap-geo-location.window="locationValue = (`${$event.detail.location.city}, ${$event.detail.location.state_code}`)">
<div class="flex flex-col desktop:flex-row">
<div class="search-inputs desktop:mr-10">
<div wire:id="0F1Il4lTQPhWIHkoJd8J" x-data="{
locationValue: window.Livewire.find('0F1Il4lTQPhWIHkoJd8J').entangle('location'),
emptyResults: window.Livewire.find('0F1Il4lTQPhWIHkoJd8J').entangle('emptySuggestions'),
showDropdown: false,
locationHasTyped: false,
locationIsSubmitting: false,
valueWithoutNumbers: true,
prevSubmittedLocation: '',
locationType: '',
locationInteraction: 'pre-filled',
numberOfTypedCharacters: '',
}" x-on:input="
$dispatch('shelter-location-field-update', $event.target.value);
$dispatch('shelter-location-field-filter-change', $event.target.value);
locationHasTyped = true;
localStorage.setItem('typedLocationOnHomepage', $event.target.value);
" wire:input="$emitSelf('processTypedLocation')" x-on:updated-location-with-typed-value.window="
if (!localStorage.getItem('typedLocationOnHomepage')) return;
const typedLocation = localStorage.getItem('typedLocationOnHomepage');
$dispatch(`${event.detail.type}-location-field-update`, typedLocation);
locationValue = typedLocation;
" x-init="
localStorage.removeItem('typedLocationOnHomepage');
$dispatch('shelter-location-field-update', `${locationValue}`);
$watch('locationValue', (locationValue) => {
valueWithoutNumbers = locationValue.length === 0 || !/\d/.test(locationValue);
});
prevSubmittedLocation = locationValue;
locationType = '';" x-on:aap-geo-location.window="
$wire.location = `${$event.detail.location.city}, ${$event.detail.location.state_code}`;
$wire.emit('set-location', $event.detail.location.postal_code)
" x-on:keydown="
if ($event.which === 13) {
showDropdown = false;
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}
} else {
showDropdown = true;
locationInteraction = 'type';
locationType = 'typed location';
}" x-on:click.away="showDropdown = false" x-on:focusout.debounce="
if (!locationIsSubmitting && prevSubmittedLocation !== locationValue) {
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
prevSubmittedLocation = locationValue.length > 0 ? locationValue : prevSubmittedLocation;
}" x-on:click="$dispatch('scroll-hero-search')" x-on:location-search-completed.window="locationIsSubmitting = false" x-on:shelter-form-submission.window="
locationHasTyped = false;
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: locationInteraction,
eventLbl: locationType,
});
if (numberOfTypedCharacters) {
dataLayer.push({
event: 'eventTracker',
eventCat: 'Search',
eventAct: 'type',
eventLbl: numberOfTypedCharacters,
})
};
dataLayer.push({
event: 'location_search',
type_of_location: locationType,
type_of_interaction: locationInteraction,
search_field: 'location',
search_text_length: numberOfTypedCharacters,
});
numberOfTypedCharacters = 0;" class="relative w-full location-search-field">
<div x-data="{
...input(),
validated: false,
hasError: false,
required: true,
hideOptionalLabel: !!$wire.location,
}" class="input-large location-search-field-input input rounded-md border w-full flex items-center bg-white border-kin-brown" x-id="['location']" :class="{
'border-kin-gray-3': '',
'border-kin-brown': '1'
}">
<input wire:model="location" wire:key="shelter-location-field" type="text" x-ref="location" x-on:click="showDropdown = true" x-on:focusin="hideOptionalLabel = true; showDropdown = true"
x-on:focusout="hideOptionalLabel = !!$event.srcElement.value" placeholder=" " name="location" class="w-full h-full rounded-md text-kin-brown" autocomplete="off" :id="$id('location')" id="location-4">
<label class="flex items-baseline max-w-full overflow-hidden placeholder text-kin-gray" x-on:click="$refs['location'].focus()" :for="$id('location')" for="location-4">
<span>Location</span>
<span class="ml-5 truncate additional text-h5">(i.e. Los Angeles, CA or 90210)</span>
</label>
</div>
<div x-show="showDropdown" x-on:click="showDropdown = false" class="absolute z-50 w-full mt-10 bg-white border rounded-md cursor-pointer top-full border-gray-2 current-location min-h-[2.8125rem] text-h6 tablet:text-h5" style="display: none;">
<div class="flex items-center py-10 pl-10 hover:bg-gray-4" x-on:click="
getCoordinates();
locationType = 'current location browser-based';
locationInteraction = 'click';
numberOfTypedCharacters = 0;
">
<img src="https://prod-assets.production.omega.aapdev.org/img/Icon-CurrentLocation.svg" alt="location arrow icon" class="w-[1.125rem]">
<span class="ml-10 text-h6 tablet:text-h5 text-kin-brown">Current location</span>
</div>
<ul x-show="!locationHasTyped || locationValue.length === 0 || (locationHasTyped && !valueWithoutNumbers)">
</ul>
<div x-show="valueWithoutNumbers">
<ul x-show="locationHasTyped && locationValue.length > 0" style="display: none;">
<li class="capitalize" wire:key="shelter-suggested-location-29-Palms--CA" x-on:click="
$wire.location = '29 Palms, CA';
$dispatch('shelter-location-field-update', '29 Palms, CA');
$dispatch('shelter-location-field-filter-change', '29 Palms, CA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = '29 Palms, CA';
localStorage.setItem('typedLocationOnHomepage', '29 Palms, CA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> 29 Palms, CA </li>
<li class="capitalize" wire:key="shelter-suggested-location-Aaron--KY" x-on:click="
$wire.location = 'Aaron, KY';
$dispatch('shelter-location-field-update', 'Aaron, KY');
$dispatch('shelter-location-field-filter-change', 'Aaron, KY');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaron, KY';
localStorage.setItem('typedLocationOnHomepage', 'Aaron, KY');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaron, KY </li>
<li class="capitalize" wire:key="shelter-suggested-location-Aaronsburg--PA" x-on:click="
$wire.location = 'Aaronsburg, PA';
$dispatch('shelter-location-field-update', 'Aaronsburg, PA');
$dispatch('shelter-location-field-filter-change', 'Aaronsburg, PA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Aaronsburg, PA';
localStorage.setItem('typedLocationOnHomepage', 'Aaronsburg, PA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Aaronsburg, PA </li>
<li class="capitalize" wire:key="shelter-suggested-location-Abac--GA" x-on:click="
$wire.location = 'Abac, GA';
$dispatch('shelter-location-field-update', 'Abac, GA');
$dispatch('shelter-location-field-filter-change', 'Abac, GA');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abac, GA';
localStorage.setItem('typedLocationOnHomepage', 'Abac, GA');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abac, GA </li>
<li class="capitalize" wire:key="shelter-suggested-location-Abbeville--AL" x-on:click="
$wire.location = 'Abbeville, AL';
$dispatch('shelter-location-field-update', 'Abbeville, AL');
$dispatch('shelter-location-field-filter-change', 'Abbeville, AL');
$wire.emitUp('submitLocation');
locationIsSubmitting = true;
locationHasTyped = false;
prevSubmittedLocation = 'Abbeville, AL';
localStorage.setItem('typedLocationOnHomepage', 'Abbeville, AL');
locationType = 'suggested location';
locationInteraction = 'click';
numberOfTypedCharacters = locationValue.length
"> Abbeville, AL </li>
</ul>
<p x-show="locationHasTyped && locationValue.length > 0 && emptyResults" class="py-10 cursor-default text-error text-h6 tablet:text-h5 px-15 location-dropdown-error" style="display: none;"> Sorry, we can’t find that
location! Please try again. </p>
</div>
</div>
</div>
<!-- Livewire Component wire-end:0F1Il4lTQPhWIHkoJd8J --> <input wire:model.lazy="location" x-model="locationValue" type="hidden" value="">
</div>
<div class="flex my-20 desktop:my-0 search-inputs">
<div class="mr-15 desktop:mr-10 tablet:grow basis-1/2">
<ul x-data="{
...dropdown(),
validated: false,
hasError: false,
required: false
}" x-on:keyup="
if (!false && $event.which === 9) {
open = true;
labelVisible = false;
}
" x-on:click.outside="open = false; showLabel()" class="dropdown-large dropdown" tabindex="0" role="button" aria-haspopup="true" :aria-expanded="open ? 'true' : 'false'" aria-expanded="false">
<div class="dropdown-large flex items-center justify-between pr-10 bg-white border rounded-md dropdown-input border-kin-brown" :class="open ? 'border-kin-teal' : 'border-kin-brown'" x-on:click="toggleDropdown()">
<span x-show="activeItem.size === 0" class="inline-block active-item text-kin-gray" style="display: none;"> Distance </span>
<div x-show="activeItem.size > 0" class="min-w-0" style="">
<span class="font-bold text-kin-gray text-h6 title">Distance</span>
<span class="inline-block active-item" x-text="activeItem.keys().next().value">50 miles or less</span>
</div>
<div class="flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current arrow-rotate" :class="{ 'arrow-down': open }" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('35 miles or less') }" x-on:click="
selectItem('35 miles or less');
$dispatch('input', '35');
$dispatch('dropdown-change', '35 miles or less');
toggleDropdown()
" x-init="
if ('35' == '50') {
selectItem('35 miles or less');
}" tabindex="0" x-on:keydown.enter="
selectItem('35 miles or less');
$dispatch('input', '35');
toggleDropdown()
" value="50">
<span>35 miles or less</span>
<svg x-show="activeItem.has('35 miles or less')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full selected" :class="{ 'selected': activeItem.has('50 miles or less') }" x-on:click="
selectItem('50 miles or less');
$dispatch('input', '50');
$dispatch('dropdown-change', '50 miles or less');
toggleDropdown()
" x-init="
if ('50' == '50') {
selectItem('50 miles or less');
}" tabindex="0" x-on:keydown.enter="
selectItem('50 miles or less');
$dispatch('input', '50');
toggleDropdown()
" value="50">
<span>50 miles or less</span>
<svg x-show="activeItem.has('50 miles or less')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('75 miles or less') }" x-on:click="
selectItem('75 miles or less');
$dispatch('input', '75');
$dispatch('dropdown-change', '75 miles or less');
toggleDropdown()
" x-init="
if ('75' == '50') {
selectItem('75 miles or less');
}" tabindex="0" x-on:keydown.enter="
selectItem('75 miles or less');
$dispatch('input', '75');
toggleDropdown()
" value="50">
<span>75 miles or less</span>
<svg x-show="activeItem.has('75 miles or less')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('100 miles or less') }" x-on:click="
selectItem('100 miles or less');
$dispatch('input', '100');
$dispatch('dropdown-change', '100 miles or less');
toggleDropdown()
" x-init="
if ('100' == '50') {
selectItem('100 miles or less');
}" tabindex="0" x-on:keydown.enter="
selectItem('100 miles or less');
$dispatch('input', '100');
toggleDropdown()
" value="50">
<span>100 miles or less</span>
<svg x-show="activeItem.has('100 miles or less')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('250 miles or less') }" x-on:click="
selectItem('250 miles or less');
$dispatch('input', '250');
$dispatch('dropdown-change', '250 miles or less');
toggleDropdown()
" x-init="
if ('250' == '50') {
selectItem('250 miles or less');
}" tabindex="0" x-on:keydown.enter="
selectItem('250 miles or less');
$dispatch('input', '250');
toggleDropdown()
" value="50">
<span>250 miles or less</span>
<svg x-show="activeItem.has('250 miles or less')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('500 miles or less') }" x-on:click="
selectItem('500 miles or less');
$dispatch('input', '500');
$dispatch('dropdown-change', '500 miles or less');
toggleDropdown()
" x-init="
if ('500' == '50') {
selectItem('500 miles or less');
}" tabindex="0" x-on:keydown.enter="
selectItem('500 miles or less');
$dispatch('input', '500');
toggleDropdown()
" value="50">
<span>500 miles or less</span>
<svg x-show="activeItem.has('500 miles or less')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.radius" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Nationwide') }" x-on:click="
selectItem('Nationwide');
$dispatch('input', '3500');
$dispatch('dropdown-change', 'Nationwide');
toggleDropdown()
" x-init="
if ('3500' == '50') {
selectItem('Nationwide');
}" tabindex="0" x-on:keydown.enter="
selectItem('Nationwide');
$dispatch('input', '3500');
toggleDropdown()
" x-on:focusout="open = false; showLabel()" value="50">
<span>Nationwide</span>
<svg x-show="activeItem.has('Nationwide')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
</div>
</ul>
</div>
<div class="min-w-0 desktop:mr-10 grow desktop:max-w-[13.75rem] basis-1/2">
<ul x-data="{
...dropdown(),
validated: false,
hasError: false,
required: false
}" x-on:keyup="
if (!false && $event.which === 9) {
open = true;
labelVisible = false;
}
" x-on:click.outside="open = false; showLabel()" class="dropdown-large dropdown" tabindex="0" role="button" aria-haspopup="true" :aria-expanded="open ? 'true' : 'false'" aria-expanded="false">
<div class="dropdown-large flex items-center justify-between pr-10 bg-white border rounded-md dropdown-input border-kin-brown" :class="open ? 'border-kin-teal' : 'border-kin-brown'" x-on:click="toggleDropdown()">
<span x-show="activeItem.size === 0" class="inline-block active-item text-kin-gray"> Shelters with </span>
<div x-show="activeItem.size > 0" class="min-w-0" style="display: none;">
<span class="font-bold text-kin-gray text-h6 title">Shelters with</span>
<span class="inline-block active-item" x-text="activeItem.keys().next().value"></span>
</div>
<div class="flex items-center">
<svg class="mt-10 mb-10 ml-10 fill-current arrow-rotate" :class="{ 'arrow-down': open }" width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>an arrow icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.957031 1.59933L2.4891 0.0672607L6.0564 3.63456L9.6237 0.0672607L11.1558 1.59933L6.0564 6.69869L0.957031 1.59933Z"></path>
</svg>
</div>
</div>
<div class="absolute z-[60] w-full mt-10 bg-white border rounded-md dropdown-items border-kin-brown" x-show="open" role="menu" style="display: none;">
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Dogs') }" x-on:click="
selectItem('Dogs');
$dispatch('input', 'dogs');
$dispatch('dropdown-change', 'Dogs');
toggleDropdown()
" x-init="
if ('dogs' == '') {
selectItem('Dogs');
}" tabindex="0" x-on:keydown.enter="
selectItem('Dogs');
$dispatch('input', 'dogs');
toggleDropdown()
" value="0">
<span>Dogs</span>
<svg x-show="activeItem.has('Dogs')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Cats') }" x-on:click="
selectItem('Cats');
$dispatch('input', 'cats');
$dispatch('dropdown-change', 'Cats');
toggleDropdown()
" x-init="
if ('cats' == '') {
selectItem('Cats');
}" tabindex="0" x-on:keydown.enter="
selectItem('Cats');
$dispatch('input', 'cats');
toggleDropdown()
" value="0">
<span>Cats</span>
<svg x-show="activeItem.has('Cats')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Rabbits') }" x-on:click="
selectItem('Rabbits');
$dispatch('input', 'rabbits');
$dispatch('dropdown-change', 'Rabbits');
toggleDropdown()
" x-init="
if ('rabbits' == '') {
selectItem('Rabbits');
}" tabindex="0" x-on:keydown.enter="
selectItem('Rabbits');
$dispatch('input', 'rabbits');
toggleDropdown()
" value="0">
<span>Rabbits</span>
<svg x-show="activeItem.has('Rabbits')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Birds') }" x-on:click="
selectItem('Birds');
$dispatch('input', 'birds');
$dispatch('dropdown-change', 'Birds');
toggleDropdown()
" x-init="
if ('birds' == '') {
selectItem('Birds');
}" tabindex="0" x-on:keydown.enter="
selectItem('Birds');
$dispatch('input', 'birds');
toggleDropdown()
" value="0">
<span>Birds</span>
<svg x-show="activeItem.has('Birds')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Small Animals') }" x-on:click="
selectItem('Small Animals');
$dispatch('input', 'small animals');
$dispatch('dropdown-change', 'Small Animals');
toggleDropdown()
" x-init="
if ('small animals' == '') {
selectItem('Small Animals');
}" tabindex="0" x-on:keydown.enter="
selectItem('Small Animals');
$dispatch('input', 'small animals');
toggleDropdown()
" value="0">
<span>Small Animals</span>
<svg x-show="activeItem.has('Small Animals')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Horses') }" x-on:click="
selectItem('Horses');
$dispatch('input', 'horses');
$dispatch('dropdown-change', 'Horses');
toggleDropdown()
" x-init="
if ('horses' == '') {
selectItem('Horses');
}" tabindex="0" x-on:keydown.enter="
selectItem('Horses');
$dispatch('input', 'horses');
toggleDropdown()
" value="0">
<span>Horses</span>
<svg x-show="activeItem.has('Horses')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Reptiles, Amphibians, And/Or Fish') }" x-on:click="
selectItem('Reptiles, Amphibians, And/Or Fish');
$dispatch('input', 'reptiles');
$dispatch('dropdown-change', 'Reptiles, Amphibians, And/Or Fish');
toggleDropdown()
" x-init="
if ('reptiles' == '') {
selectItem('Reptiles, Amphibians, And/Or Fish');
}" tabindex="0" x-on:keydown.enter="
selectItem('Reptiles, Amphibians, And/Or Fish');
$dispatch('input', 'reptiles');
toggleDropdown()
" value="0">
<span>Reptiles, Amphibians, And/Or Fish</span>
<svg x-show="activeItem.has('Reptiles, Amphibians, And/Or Fish')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
<li wire:model="searchFilters.adoptsOut" class="flex items-center justify-between w-full h-full" :class="{ 'selected': activeItem.has('Farm Animals') }" x-on:click="
selectItem('Farm Animals');
$dispatch('input', 'farm animals');
$dispatch('dropdown-change', 'Farm Animals');
toggleDropdown()
" x-init="
if ('farm animals' == '') {
selectItem('Farm Animals');
}" tabindex="0" x-on:keydown.enter="
selectItem('Farm Animals');
$dispatch('input', 'farm animals');
toggleDropdown()
" x-on:focusout="open = false; showLabel()" value="0">
<span>Farm Animals</span>
<svg x-show="activeItem.has('Farm Animals')" class="min-w-[1rem]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none;">
<title>a checkmark icon</title>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM15.9763 8.21007L10.5045 13.9507L7.92405 11.2434L6.47635 12.6233L10.5045 16.8494L17.424 9.58998L15.9763 8.21007Z"
fill="#6CD9D3"></path>
</svg>
</li>
</div>
</ul>
</div>
</div>
<button class="button-v2-leading-icon button-v2-primary focus:outline-none flex items-center justify-center relative button-large" type="submit" x-data="">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-leading">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 18.189L14.8212 13.0102C15.8058 11.6578 16.3934 9.99795 16.3934 8.19672C16.3934 3.66957 12.7239 0 8.19672 0C3.66957 0 0 3.66957 0 8.19672C0 12.7239 3.66957 16.3934 8.19672 16.3934C9.99795 16.3934 11.6578 15.8058 13.0102 14.8212L18.189 20L20 18.189ZM8.33333 14.1667C5.11705 14.1667 2.5 11.5496 2.5 8.33333C2.5 5.11705 5.11705 2.5 8.33333 2.5C11.5496 2.5 14.1667 5.11705 14.1667 8.33333C14.1667 11.5496 11.5496 14.1667 8.33333 14.1667Z">
</path>
</svg> Get Started </button>
</div>
</form>POST
<form wire:submit.prevent="submitForm" novalidate="" method="post">
<div class="flex flex-row">
<div x-data="{
...input(),
validated: false,
hasError: false,
required: true,
hideOptionalLabel: !!$wire.email,
}" class="w-full mr-10 input input-small rounded-md border flex items-center bg-white border-kin-brown" x-id="['email']" :class="{
'border-kin-gray-3': '',
'border-kin-brown': '1'
}">
<input wire:model.lazy="email" type="text" x-ref="email" x-on:click="showDropdown = true" x-on:focusin="hideOptionalLabel = true; showDropdown = true" x-on:focusout="hideOptionalLabel = !!$event.srcElement.value" placeholder=" " name="email"
class="w-full h-full rounded-md text-kin-brown" enterkeyhint="send" :id="$id('email')" id="email-1">
<label class="flex items-baseline max-w-full overflow-hidden placeholder text-kin-gray" x-on:click="$refs['email'].focus()" :for="$id('email')" for="email-1">
<span>Enter e-mail</span>
<span class="ml-5 truncate additional text-h5"></span>
</label>
</div>
<button class="button-v2 button-v2-primary focus:outline-none flex items-center justify-center relative button-small" type="submit" data-newsletter="Subscribe" x-data=""> Send </button>
</div>
</form>Text Content
ALREADY ADOPTED? LET US KNOW!
WHEN YOU SHARE YOUR ADOPTION STORY WITH US, WE’LL SEND YOU FREE DEALS ON PET
PARENT FAVORITES LIKE GREENIES, ROYAL CANIN, WHISTLE SMART DEVICES, WISDOM DNA
TESTS, AND MORE.
Adopt
Rehome
* Find a pet
* Find a dog
* Find a cat
* Find other animals
* Find a shelter/rescue
* How it works
* Using our site
* Adopting a cat
* Adopting a dog
* Adopting other pets
* Pet resources
* Pet insurance
* Cat and dog nutrition
* Dog basic care
* Dog behavior & training
* Dog safety
* Dog health
* Dog tips
* Cat basic care
* Cat behavior & training
* Cat safety
* Cat health
* Cat tips
* Get involved
* Ways to help
* Shop
* Login
* Sign up
Log in
Sign up
* Hi, {name}!
* {email}
*
Favorite Pets
an X icon
* Find a pet
an arrow icon
* Find a dog
* Find a cat
* Find other animals
* Find a shelter/rescue
* How it works
an arrow icon
* Using our site
* Adopting a cat
* Adopting a dog
* Adopting other pets
* Pet resources
an arrow icon
* Pet insurance
* Cat and dog nutrition
* Dog basic care
* Dog behavior & training
* Dog safety
* Dog health
* Dog tips
* Cat basic care
* Cat behavior & training
* Cat safety
* Cat health
* Cat tips
* Get involved
an arrow icon
* Ways to help
* Rehome a pet
* Shop
READY TO
ADOPT A PET?
LET'S GET STARTED. SEARCH PETS FROM SHELTERS, RESCUES, AND INDIVIDUALS.
DOGS
CATS
OTHER PETS
SHELTERS/RESCUES
Location (i.e. Los Angeles, CA or 90210)
Current location
* 29 Palms, CA
* Aaron, KY
* Aaronsburg, PA
* Abac, GA
* Abbeville, AL
Sorry, we can’t find that location! Please try again.
Age Any
an arrow icon
Puppy
Young
Adult
Senior
Breed Any
an arrow icon
Affenpinscher
Afghan Hound
Airedale Terrier
Akbash
Akita
Alaskan Klee Kai
Alaskan Malamute
American Bulldog
American Cocker Spaniel
American Eskimo Dog
American Hairless Terrier
American Pit Bull Terrier
American Staffordshire Terrier
Anatolian Shepherd
Aussiedoodle
Australian Cattle Dog
Australian Kelpie
Australian Shepherd
Australian Terrier
Basenji
Basset Hound
Beagle
Bearded Collie
Beauceron
Bedlington Terrier
Belgian Laekenois
Belgian Malinois
Belgian Shepherd
Belgian Tervuren
Bernedoodle
Bernese Mountain Dog
Bichon Frise
Black Mouth Cur
Black and Tan Coonhound
Bloodhound
Blue Lacy/Texas Lacy
Bluetick Coonhound
Bolognese
Border Collie
Border Terrier
Borzoi
Boston Terrier
Bouvier des Flandres
Boxer
Boykin Spaniel
Briard
Brittany
Brussels Griffon
Bull Terrier
Bullmastiff
Cairn Terrier
Canaan Dog
Cane Corso
Cardigan Welsh Corgi
Carolina Dog
Catahoula Leopard Dog
Caucasian Shepherd Dog
Cavachon
Cavalier King Charles Spaniel
Cavapoo
Chesapeake Bay Retriever
Chihuahua
Chinese Crested
Chinook
Chiweenie
Chow Chow
Clumber Spaniel
Cockapoo
Cocker Spaniel
Collie
Coonhound
Coonhound (Unknown Type)
Corgi
Coton de Tulear
Curly-Coated Retriever
Dachshund
Dalmatian
Dandie Dinmont Terrier
Doberman Pinscher
Dogo Argentino
Dogue de Bordeaux
Dutch Shepherd
English (Redtick) Coonhound
English Bulldog
English Cocker Spaniel
English Setter
English Shepherd
English Springer Spaniel
English Toy Spaniel
Entlebucher
Feist
Field Spaniel
Fila Brasileiro
Finnish Lapphund
Finnish Spitz
Flat-Coated Retriever
Fox Terrier (Smooth)
Fox Terrier (Toy)
Fox Terrier (Wirehaired)
Foxhound
French Bulldog
German Pinscher
German Shepherd Dog
German Shorthaired Pointer
German Spitz
German Wirehaired Pointer
Glen of Imaal Terrier
Goberian
Golden Retriever
Goldendoodle
Gordon Setter
Great Dane
Great Pyrenees
Greater Swiss Mountain Dog
Greyhound
Halden Hound (Haldenstrover)
Harrier
Havanese
Horgi
Hound (Unknown Type)
Hovawart
Husky
Ibizan Hound
Icelandic Sheepdog
Irish Setter
Irish Terrier
Irish Water Spaniel
Irish Wolfhound
Italian Greyhound
Italian Spinone
Jack Russell Terrier
Japanese Chin
Jindo
Kai Dog
Karelian Bear Dog
Keeshond
Kerry Blue Terrier
Kishu
Komondor
Kuvasz
Kyi Leo
Labradoodle
Labrador Retriever
Lakeland Terrier
Lancashire Heeler
Leonberger
Lhasa Apso
Löwchen
Maltese
Maltipoo
Manchester Terrier
Maremma Sheepdog
Mastiff
Miniature Bull Terrier
Miniature Dachshund
Miniature Pinscher
Mixed Breed (Large)
Mixed Breed (Medium)
Mixed Breed (Small)
Morkie
Mountain Cur
Munsterlander
Mutt
Neapolitan Mastiff
Newfoundland
Norfolk Terrier
Norwegian Buhund
Norwegian Elkhound
Norwegian Lundehund
Norwich Terrier
Nova Scotia Duck-Tolling Retriever
Old English Sheepdog
Olde English Bulldogge
Otterhound
Papillon
Parson Russell Terrier
Patterdale Terrier (Fell Terrier)
Pekingese
Pembroke Welsh Corgi
Petit Basset Griffon Vendeen
Pharaoh Hound
Pitsky
Plott Hound
Podengo Portugueso
Pointer
Polish Lowland Sheepdog
Pomeranian
Pomsky
Poodle (Miniature)
Poodle (Standard)
Poodle (Toy or Tea Cup)
Portuguese Water Dog
Presa Canario
Pug
Puggle
Puli
Pumi
Rat Terrier
Redbone Coonhound
Retriever (Unknown Type)
Rhodesian Ridgeback
Rottweiler
Saluki
Samoyed
Schiller Hound
Schipperke
Schnauzer (Giant)
Schnauzer (Miniature)
Schnauzer (Standard)
Schnoodle
Scottie, Scottish Terrier
Scottish Deerhound
Sealyham Terrier
Setter (Unknown Type)
Shar Pei
Sheepadoodle
Sheltie, Shetland Sheepdog
Shepherd (Unknown Type)
Sheppit
Shepsky
Shiba Inu
Shih Poo
Shih Tzu
Silky Terrier
Skye Terrier
Sloughi
Spaniel (Unknown Type)
Spitz (Unknown Type, Large)
Spitz (Unknown Type, Medium)
Spitz (Unknown Type, Small)
St. Bernard
Staffordshire Bull Terrier
Sussex Spaniel
Swedish Vallhund
Terrier (Unknown Type, Medium)
Terrier (Unknown Type, Small)
Texas Heeler
Thai Ridgeback
Tibetan Mastiff
Tibetan Spaniel
Tibetan Terrier
Tosa Inu
Treeing Walker Coonhound
Vizsla
Weimaraner
Welsh Springer Spaniel
Welsh Terrier
Westie, West Highland White Terrier
Wheaten Terrier
Whippet
Wirehaired Pointing Griffon
Xoloitzcuintle/Mexican Hairless
Yorkie Poo
Yorkie, Yorkshire Terrier
Get Started
Location (i.e. Los Angeles, CA or 90210)
Current location
* 29 Palms, CA
* Aaron, KY
* Aaronsburg, PA
* Abac, GA
* Abbeville, AL
Sorry, we can’t find that location! Please try again.
Age Any
an arrow icon
Kitten
Young
Adult
Senior
Sex Any
an arrow icon
Female
Male
Get Started
Location (i.e. Los Angeles, CA or 90210)
Current location
* 29 Palms, CA
* Aaron, KY
* Aaronsburg, PA
* Abac, GA
* Abbeville, AL
Sorry, we can’t find that location! Please try again.
Other pets
Other pets
an arrow icon
Rabbits a checkmark icon Birds a checkmark icon Horses a checkmark icon Small
Animals a checkmark icon Reptiles, Amphibians, and/or Fish a checkmark icon
Farm-Type Animals a checkmark icon
Get Started
Location (i.e. Los Angeles, CA or 90210)
Current location
* 29 Palms, CA
* Aaron, KY
* Aaronsburg, PA
* Abac, GA
* Abbeville, AL
Sorry, we can’t find that location! Please try again.
Distance
Distance 50 miles or less
an arrow icon
35 miles or less a checkmark icon 50 miles or less a checkmark icon 75 miles or
less a checkmark icon 100 miles or less a checkmark icon 250 miles or less a
checkmark icon 500 miles or less a checkmark icon Nationwide a checkmark icon
Shelters with
Shelters with
an arrow icon
Dogs a checkmark icon Cats a checkmark icon Rabbits a checkmark icon Birds a
checkmark icon Small Animals a checkmark icon Horses a checkmark icon Reptiles,
Amphibians, And/Or Fish a checkmark icon Farm Animals a checkmark icon
Get Started
sister to
powered by
MEET FEATURED PETS
We're spotlighting a few pets looking for homes.
left facing arrow icon
Elly
Retriever (Unknown Type) Hound (Unknown Type)
Female, 4 mos
Los Angeles /Barstow, CA
Naly
Retriever (Unknown Type) Hound (Unknown Type)
Female, 5 mos
Los Angeles /Barstow, CA
Eva
Retriever (Unknown Type) Hound (Unknown Type)
Female, 4 mos
Los Angeles /Barstow, CA
EXQUISITE SOPHIE
Shar Pei Rottweiler
Female, 9 mos
Los Angeles, CA
EXQUISITE SOPHIE
Shar Pei Rottweiler
Female, 9 mos
Los Angeles, CA
Boo-Boo
Shar Pei
Female, 5 yrs 4 mos
Los Angeles, CA
Checko
French Bulldog French Bulldog
Male, 2 yrs 6 mos
Los Angeles /Barstow, CA
Toby
Retriever (Unknown Type) Labrador Retriever
Male, 5 mos
Los Angeles /Barstow, CA
Woof
Australian Cattle Dog Retriever (Unknown Type)
Male, 4 mos
Los Angeles /Barstow, CA
Elly
Retriever (Unknown Type) Hound (Unknown Type)
Female, 4 mos
Los Angeles /Barstow, CA
Naly
Retriever (Unknown Type) Hound (Unknown Type)
Female, 5 mos
Los Angeles /Barstow, CA
Eva
Retriever (Unknown Type) Hound (Unknown Type)
Female, 4 mos
Los Angeles /Barstow, CA
EXQUISITE SOPHIE
Shar Pei Rottweiler
Female, 9 mos
Los Angeles, CA
EXQUISITE SOPHIE
Shar Pei Rottweiler
Female, 9 mos
Los Angeles, CA
Boo-Boo
Shar Pei
Female, 5 yrs 4 mos
Los Angeles, CA
right facing arrow icon
USE OUR TOOLS
LEARN HOW YOU CAN USE ALL THE TOOLS FROM ADOPT A PET AND OUR PARTNERS.
GET A BREAKDOWN
NEW HERE? LEARN HOW TO USE ADOPT A PET. (SPOILER ALERT: IT'S PRETTY EASY, EVEN
WHEN ADOPTION ISN'T.)
Learn more
SET UP ALERTS
WANT HELP SEARCHING? SIGN UP FOR FREE OR PREMIUM NEW PET ALERTS, AND WE'LL EMAIL
YOU NEW MATCHES.
Learn more
REHOME A PET
NEED TO FIND A NEW HOME FOR A PET? WE'RE HERE TO HELP THEM FIND A NEW FAMILY,
QUICKLY AND SAFELY.
Learn more
PROTECT YOUR PET
NATIONWIDE OFFERS THE BEST PET HEALTH INSURANCE FOR THE BEST PET OWNERS. MAKE
SURE YOUR PET IS PROTECTED WITH PET INSURANCE FROM NATIONWIDE.
Learn more
CHECK OUT ADOPTION ADVICE
GET THE INSIDE SCOOP ON PET ADOPTION
AND BRING HOME A FURRY FRIEND.
WHY WE RECOMMEND ADOPTING
There are so many reasons to adopt: meeting a unique pet, spending less, doing a
good deed—but let’s talk facts. Millions of pets enter shelters every year. And
hundreds of thousands are euthanized each year. We don’t tell you that to guilt
you or be a downer, but that’s why adoption really matters to us. So we would
love it if you considered adopting. And, since you're here, we’re guessing you
are. Seriously, no judgment if you find a pet another way (every pet parent
journey is different!). But we’re here to help make adoption easier, however we
can.
HOW TO FIND THE PERFECT PET
Let’s bust a myth. The perfect pet? Doesn’t exist. Because there are so many
pets that can be the right fit for you. It’s just about knowing what you’re
looking for. So start by thinking about your criteria based on your lifestyle,
breed preferences, living situation, (fur and human) family, etc. From there,
our team can help match you with the right pet. Check out our New Pet Alerts
too: with Alerts, we’ll email you newly added adoptable pets that fit your
search—so you can check out matches and meet your next best friend faster.
GET TO KNOW US
We know pet adoption, because we're adopters too. We think it's just about the
best thing you can do. But we'll be real: it can be a lengthy (paperwork-filled)
process.
So we're making it easier, with the tools, advice, and transparency you
need—from the first search through to daily life as a pet parent.
Because we'll do whatever it takes to help millions of people and pets find each
other.
Ready to find your pet? Let's do it.
How It Works More about us
FIND DOGS BY BREED
Affenpinscher Affenpinschers near me Afghan Hound Afghan Hounds near me Airedale
Terrier Airedale Terriers near me Akbash Akbashes near me Akita Akitas near me
Alaskan Klee Kai Alaskan Klee Kais near me Alaskan Malamute Alaskan Malamutes
near me American Bulldog American Bulldogs near me American Cocker Spaniel
American Cocker Spaniels near me American Eskimo Dog American Eskimo Dogs near
me American Hairless Terrier American Hairless Terriers near me American Pit
Bull Terrier American Pit Bull Terriers near me American Staffordshire Terrier
American Staffordshire Terriers near me Anatolian Shepherd Anatolian Shepherds
near me Aussiedoodle Aussiedoodles near me Australian Cattle Dog Australian
Cattle Dogs near me Australian Kelpie Australian Kelpies near me Australian
Shepherd Australian Shepherds near me Australian Terrier Australian Terriers
near me Basenji Basenjis near me Basset Hound Basset Hounds near me Beagle
Beagles near me Bearded Collie Bearded Collies near me Beauceron Beaucerons near
me Bedlington Terrier Bedlington Terriers near me Belgian Laekenois Belgian
Laekenois near me Belgian Malinois Belgian Malinois near me Belgian Shepherd
Belgian Shepherds near me Belgian Tervuren Belgian Tervurens near me Bernedoodle
Bernedoodles near me Bernese Mountain Dog Bernese Mountain Dogs near me Bichon
Frise Bichon Frises near me Black Mouth Cur Black Mouth Curs near me Black and
Tan Coonhound Black and Tan Coonhounds near me Bloodhound Bloodhounds near me
Blue Lacy/Texas Lacy Blue Lacy/Texas Lacies near me Bluetick Coonhound Bluetick
Coonhounds near me Bolognese Bologneses near me Border Collie Border Collies
near me Border Terrier Border Terriers near me Borzoi Borzois near me Boston
Terrier Boston Terriers near me Bouvier des Flandres Bouvier des Flandres near
me Boxer Boxers near me Boykin Spaniel Boykin Spaniels near me Briard Briards
near me Brittany Brittanies near me Brussels Griffon Brussels Griffons near me
Bull Terrier Bull Terriers near me Bullmastiff Bullmastiffs near me Cairn
Terrier Cairn Terriers near me Canaan Dog Canaan Dogs near me Cane Corso Cane
Corsos near me Cardigan Welsh Corgi Cardigan Welsh Corgis near me Carolina Dog
Carolina Dogs near me Catahoula Leopard Dog Catahoula Leopard Dogs near me
Caucasian Shepherd Dog Caucasian Shepherd Dogs near me Cavachon Cavachons near
me Cavalier King Charles Spaniel Cavalier King Charles Spaniels near me Cavapoo
Cavapoos near me Chesapeake Bay Retriever Chesapeake Bay Retrievers near me
Chihuahua Chihuahuas near me Chinese Crested Chinese Cresteds near me Chinook
Chinooks near me Chiweenie Chiweenies near me Chow Chow Chow Chows near me
Clumber Spaniel Clumber Spaniels near me Cockapoo Cockapoos near me Cocker
Spaniel Cocker Spaniels near me Collie Collies near me Coonhound Coonhounds near
me Corgi Corgis near me Coton de Tulear Coton de Tulears near me Curly-Coated
Retriever Curly-Coated Retrievers near me Dachshund Dachshunds near me Dalmatian
Dalmatians near me Dandie Dinmont Terrier Dandie Dinmont Terriers near me
Doberman Pinscher Doberman Pinschers near me Dogo Argentino Dogo Argentinos near
me Dogue de Bordeaux Dogue de Bordeauxes near me Dutch Shepherd Dutch Shepherds
near me English (Redtick) Coonhound English (Redtick) Coonhounds near me English
Bulldog English Bulldogs near me English Cocker Spaniel English Cocker Spaniels
near me English Setter English Setters near me English Shepherd English
Shepherds near me English Springer Spaniel English Springer Spaniels near me
English Toy Spaniel English Toy Spaniels near me Entlebucher Entlebuchers near
me Feist Feists near me Field Spaniel Field Spaniels near me Fila Brasileiro
Fila Brasileiros near me Finnish Lapphund Finnish Lapphunds near me Finnish
Spitz Finnish Spitzs near me Flat-Coated Retriever Flat-Coated Retrievers near
me Fox Terrier (Smooth) Fox Terrier (Smooth) near me Fox Terrier (Toy) Fox
Terrier (Toy) near me Fox Terrier (Wirehaired) Fox Terrier (Wirehaired) near me
Foxhound Foxhounds near me French Bulldog French Bulldogs near me German
Pinscher German Pinschers near me German Shepherd Dog German Shepherd Dogs near
me German Shorthaired Pointer German Shorthaired Pointers near me German Spitz
German Spitzs near me German Wirehaired Pointer German Wirehaired Pointers near
me Glen of Imaal Terrier Glen of Imaal Terriers near me Goberian Goberians near
me Golden Retriever Golden Retrievers near me Goldendoodle Goldendoodles near me
Gordon Setter Gordon Setters near me Great Dane Great Danes near me Great
Pyrenees Great Pyrenees near me Greater Swiss Mountain Dog Greater Swiss
Mountain Dogs near me Greyhound Greyhounds near me Halden Hound (Haldenstrover)
Halden Hound (Haldenstrover) near me Harrier Harriers near me Havanese Havaneses
near me Horgi Horgis near me Hovawart Hovawarts near me Husky Huskies near me
Ibizan Hound Ibizan Hounds near me Icelandic Sheepdog Icelandic Sheepdogs near
me Irish Setter Irish Setters near me Irish Terrier Irish Terriers near me Irish
Water Spaniel Irish Water Spaniels near me Irish Wolfhound Irish Wolfhounds near
me Italian Greyhound Italian Greyhounds near me Italian Spinone Italian Spinones
near me Jack Russell Terrier Jack Russell Terriers near me Japanese Chin
Japanese Chins near me Jindo Jindos near me Kai Dog Kai Dogs near me Karelian
Bear Dog Karelian Bear Dogs near me Keeshond Keeshonds near me Kerry Blue
Terrier Kerry Blue Terriers near me Kishu Kishus near me Komondor Komondors near
me Kuvasz Kuvaszs near me Kyi Leo Kyi Leos near me Labradoodle Labradoodles near
me Labrador Retriever Labrador Retrievers near me Lakeland Terrier Lakeland
Terriers near me Lancashire Heeler Lancashire Heelers near me Leonberger
Leonbergers near me Lhasa Apso Lhasa Apsos near me Löwchen Löwchens near me
Maltese Maltese near me Maltipoo Maltipoos near me Manchester Terrier Manchester
Terriers near me Maremma Sheepdog Maremma Sheepdogs near me Mastiff Mastiffs
near me Miniature Bull Terrier Miniature Bull Terriers near me Miniature
Dachshund Miniature Dachshunds near me Miniature Pinscher Miniature Pinschers
near me Morkie Morkies near me Mountain Cur Mountain Curs near me Munsterlander
Munsterlanders near me Mutt Mutts near me Neapolitan Mastiff Neapolitan Mastiffs
near me Newfoundland Newfoundlands near me Norfolk Terrier Norfolk Terriers near
me Norwegian Buhund Norwegian Buhunds near me Norwegian Elkhound Norwegian
Elkhounds near me Norwegian Lundehund Norwegian Lundehunds near me Norwich
Terrier Norwich Terriers near me Nova Scotia Duck-Tolling Retriever Nova Scotia
Duck-Tolling Retrievers near me Old English Sheepdog Old English Sheepdogs near
me Olde English Bulldogge Olde English Bulldogges near me Otterhound Otterhounds
near me Papillon Papillons near me Parson Russell Terrier Parson Russell
Terriers near me Patterdale Terrier (Fell Terrier) Patterdale Terrier (Fell
Terrier) near me Pekingese Pekingese near me Pembroke Welsh Corgi Pembroke Welsh
Corgis near me Petit Basset Griffon Vendeen Petit Basset Griffon Vendeens near
me Pharaoh Hound Pharaoh Hounds near me Pitsky Pitskies near me Plott Hound
Plott Hounds near me Podengo Portugueso Podengo Portuguesos near me Pointer
Pointers near me Polish Lowland Sheepdog Polish Lowland Sheepdogs near me
Pomeranian Pomeranians near me Pomsky Pomskies near me Poodle (Miniature) Poodle
(Miniature) near me Poodle (Standard) Poodle (Standard) near me Poodle (Toy or
Tea Cup) Poodle (Toy or Tea Cup) near me Portuguese Water Dog Portuguese Water
Dogs near me Presa Canario Presa Canarios near me Pug Pugs near me Puggle
Puggles near me Puli Pulis near me Pumi Pumis near me Rat Terrier Rat Terriers
near me Redbone Coonhound Redbone Coonhounds near me Rhodesian Ridgeback
Rhodesian Ridgebacks near me Rottweiler Rottweilers near me Saluki Salukis near
me Samoyed Samoyeds near me Schiller Hound Schiller Hounds near me Schipperke
Schipperkes near me Schnauzer (Giant) Schnauzer (Giant) near me Schnauzer
(Miniature) Schnauzer (Miniature) near me Schnauzer (Standard) Schnauzer
(Standard) near me Schnoodle Schnoodles near me Scottie, Scottish Terrier
Scottie, Scottish Terriers near me Scottish Deerhound Scottish Deerhounds near
me Sealyham Terrier Sealyham Terriers near me Shar Pei Shar Peis near me
Sheepadoodle Sheepadoodles near me Sheltie, Shetland Sheepdog Sheltie, Shetland
Sheepdogs near me Sheppit Sheppits near me Shepsky Shepskies near me Shiba Inu
Shiba Inus near me Shih Poo Shih Poos near me Shih Tzu Shih Tzus near me Silky
Terrier Silky Terriers near me Skye Terrier Skye Terriers near me Sloughi
Sloughis near me St. Bernard St. Bernards near me Staffordshire Bull Terrier
Staffordshire Bull Terriers near me Sussex Spaniel Sussex Spaniels near me
Swedish Vallhund Swedish Vallhunds near me Texas Heeler Texas Heelers near me
Thai Ridgeback Thai Ridgebacks near me Tibetan Mastiff Tibetan Mastiffs near me
Tibetan Spaniel Tibetan Spaniels near me Tibetan Terrier Tibetan Terriers near
me Tosa Inu Tosa Inus near me Treeing Walker Coonhound Treeing Walker Coonhounds
near me Vizsla Vizslas near me Weimaraner Weimaraners near me Welsh Springer
Spaniel Welsh Springer Spaniels near me Welsh Terrier Welsh Terriers near me
Westie, West Highland White Terrier Westie, West Highland White Terriers near me
Wheaten Terrier Wheaten Terriers near me Whippet Whippets near me Wirehaired
Pointing Griffon Wirehaired Pointing Griffons near me Xoloitzcuintle/Mexican
Hairless Xoloitzcuintle/Mexican Hairlesses near me Yorkie Poo Yorkie Poos near
me Yorkie, Yorkshire Terrier Yorkie, Yorkshire Terriers near me
a blue arrow Browse All Breeds
FIND DOGS BY STATE OR PROVINCE
Dogs in Alabama Dogs in Alaska Dogs in Arizona Dogs in Arkansas Dogs in
California Dogs in Colorado Dogs in Connecticut Dogs in Delaware Dogs in
District of Columbia Dogs in Florida Dogs in Georgia Dogs in Guam Dogs in Hawaii
Dogs in Idaho Dogs in Illinois Dogs in Indiana Dogs in Iowa Dogs in Kansas Dogs
in Kentucky Dogs in Louisiana Dogs in Maine Dogs in Maryland Dogs in
Massachusetts Dogs in Michigan Dogs in Minnesota Dogs in Mississippi Dogs in
Missouri Dogs in Montana Dogs in Nebraska Dogs in Nevada Dogs in New Hampshire
Dogs in New Jersey Dogs in New Mexico Dogs in New York Dogs in North Carolina
Dogs in North Dakota Dogs in Ohio Dogs in Oklahoma Dogs in Oregon Dogs in
Pennsylvania Dogs in Puerto Rico Dogs in Rhode Island Dogs in South Carolina
Dogs in South Dakota Dogs in Tennessee Dogs in Texas Dogs in Utah Dogs in
Vermont Dogs in Virginia Dogs in Virgin Islands Dogs in Washington Dogs in West
Virginia Dogs in Wisconsin Dogs in Wyoming Dogs in Alberta Dogs in British
Columbia Dogs in Manitoba Dogs in New Brunswick Dogs in Nova Scotia Dogs in
Ontario Dogs in Quebec Dogs in Saskatchewan
a blue arrow Browse All States
PETS
* Find a pet
* Rehome a pet
* Spay & neuter
* Total Dog Manual
* Total Cat Manual
GET INVOLVED
* Ways to help
SHELTER / RESCUE
* Sign up
* Log in
OUR ORGANIZATION
* About Adopt a Pet
* Blog
* Press room
* Contact
INFORMATION
* Sitemap
* Privacy policy
* Terms of service
* Cookies
* Accessibility
* Mars, Incorporated
* AdChoices
* Your privacy choices
SIGN UP FOR OUR NEWSLETTER
Enter e-mail
Send
© 2024, Kinship Partners, Inc. an affiliate of Mars Incorporated Cookie Settings
Special thanks to our sponsors
We use cookies to personalize content and ads, to provide social media features
and to analyze our traffic. See ourcookie policy(opens in a new tab). You can
use cookie settings to change your preferences.
Cookie Settings
PRIVACY PREFERENCE CENTER
* YOUR PRIVACY
* STRICTLY NECESSARY COOKIES
* PERFORMANCE COOKIES
* FUNCTIONAL COOKIES
* TARGETING COOKIES
YOUR PRIVACY
When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
STRICTLY NECESSARY COOKIES
Always Active
"These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms."
"You can set your browser to block or alert you about these cookies, but some
parts of the site will not then work. These cookies do not store any personally
identifiable information."
Cookies Details
PERFORMANCE COOKIES
Performance Cookies
These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.
Cookies Details
FUNCTIONAL COOKIES
Functional Cookies
These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.
Cookies Details
TARGETING COOKIES
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.
Cookies Details
Back Button
COOKIE LIST
Filter Button
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
Clear
checkbox label label
Apply Cancel
Confirm My Choices
Allow All