{"id":83,"date":"2022-04-05T12:36:38","date_gmt":"2022-04-05T12:36:38","guid":{"rendered":"https:\/\/villsy.com\/?page_id=83"},"modified":"2022-09-17T13:24:58","modified_gmt":"2022-09-17T13:24:58","slug":"villas","status":"publish","type":"page","link":"https:\/\/villsy.com\/nl\/villas\/","title":{"rendered":"Object list NL"},"content":{"rendered":"<div class="show-on-desktop d-none">
    <form class="container search-form list-search-desktop" data-objectGroupId="1">

        <div class="row g-0 bg-white rounded destination-search form-guide-container">
            <div class="col-lg border-start border-lg-end mt-lg-0 ">
              <div class="h-100 position-relative">
                <div class="h-100 destination-comp">
                  <label class="label-guide form-group px-4 py-3 d-flex flex-column h-100" role="button">
                    <div class="fw-bold pointer-none">Bestemming</div>
                    <div class="d-flex align-items-center w-100 h-100">
                      <div class="form-control form-guide h-100 mt user-select-none" tabindex="0" name="ms" data-placeholder="Gewenste bestemming"
                        data-searchParams='{&quot;objectGroupId&quot;:1,&quot;partnerId&quot;:5597,&quot;setPlaceCoordinates&quot;:true}'
                        data-label_search="Begin met typen om te zoeken..."
                        data-label_browse="Selecteer bestemming"
                        data-label_searchResults="Zoekresultaten"
                        data-label_noSearchResults="Niets komt overeen met uw term"
                        data-coordsplaceholder="Gebied op kaart">
                      </div>
                      <span class="ms-clear d-non border-0 bg-transparent p-0" tabindex="-1">
                        <i class="las la-times-circle la-lg"></i>
                      </span>
                    </div>
                  </label>
                </div>
              </div>
            </div>

            <div class="col-lg border-lg-end mt-lg-0 ">
                <div class="datepicker-range h-100 position-relative " data-minstay="">
                  <div class="h-100 dates">
                    <label class="d-flex flex-column justify-content-center px-4 py-lg-3 py-0 h-100" role="button">
                      <div class="fw-bold pt-lg-0 pt-3 search-border-top">Reisdata</div>
                      <div class="dest-dates pb-lg-0 pb-3 search-border-bottom">
                        <div class="d-flex g-0 align-items-center justify-content-between h-100">
                            <input name="dates" data-input id="search-datepicker"  class="dest-dates-input"
                              placeholder="Selecteer je vertrekdata"
                              type="hidden" >
                            <label class="d-none" for="dates"> Reisdata</label>
                          <button type="button" aria-label="Clear" data-clear="" class="dates-clear d-none border-0 bg-transparent p-0">
                            <span><i class="las la-times-circle la-lg"></i></span>
                          </button>
                        </div>
                      </div>
                    </label>
                  </div>
                </div>
            </div>


            <div class="col-lg-3 mt-lg-0 ">
              <div class="dropdown h-100 position-relative ">
                <label class="d-flex flex-column justify-content-center ps-4 py-3 w-100 h-100" role="button">
                  <div class="fw-bold">Gasten</div>
                  <input type="hidden" name="guests" class="">
                  <label class="d-none" for="dates"> Gasten</label>
                  <button class="simple-guests h-100 form-control guests" id="bb" type="button" data-bs-toggle="dropdown"
                  data-applyText="Van toepassing zijn"
                  data-adultsLabel="Volwassenen"
                  data-childrenLabel="Kinderen tot {{y}} jaar"
                  data-infantsLabel="Baby&#039;s tot {{y}} jaar"
                  data-guestsText="gasten"
                  data-childrenText="kinderen" 
                  data-showPets="1" 
                  data-petsText="huisdieren"
                  data-yesText="Ja"
                  data-noText="Nee"
                  data-petFriendlyText="Huisdieren toegestaan"
                  data-luxuryPetText="Luxe huisdiervriendelijke villa&#039;s">
                    <div class="simple-guests-value"></div>
                  </button>
                  <span class="guests-clear d-none border-0 bg-transparent p-0" tabindex="-1">
                    <i class="las la-times-circle la-lg"></i>
                  </span>
                  <div class="dropdown-menu dropdown-menu-end simple-guests-controls"></div>
                </label>
              </div>
            </div>

            <div class="col-lg-1">
                <div class="d-flex h-100 justify-content-center align-items-center">
                    <button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#filtersModal">
    <i class="las la-filter"></i>
    <span>Filters</span>
</button>


<div class="more-filters-container modal fade p-0" id="filtersModal" tabindex="-1" role="dialog">
    <div class="modal-dialog m-0 h-100 modal-fullscreen-lg-down modal-dialog-scrollable">
        <div class="modal-content rounded-0" style="min-height: 100%">

            <div class="modal-body p-0">
                <div class="">
                    <div class="more-filters-content">
                        <div class="row g-0 bg-white order-2">
                            <div class="col-12 px-4 pt-4 pb-3">
                                <div class="d-flex justify-content-between align-items-start">
                                    <div class="col-auto">
                                        <div class="h3 text-dark mb-1">Extra filters</div>
                                        <div class="text-muted small">Zoek en boek je perfecte villa</div>
                                    </div>
                                    <div class="col-auto h3 text-dark m-0">
                                        <button type="button" class="btn btn-white py-0 pe-1" data-bs-dismiss="modal" aria-label="Close">
                                            <i class="las la-times la-lg"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 px-4">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="rooms">Kamers</label>
                                        <div class="small text-muted">Aantal kamers</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="roomsExact" 
                                            data-inputLabel="Kamers" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 px-4 mb-3">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="bathrooms">Badkamers</label>
                                        <div class="small text-muted">Aantal badkamers</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="bathrooms" 
                                            data-inputLabel="Badkamers" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            
                            

                            <div class="col-12">
                                <div class="bg-lighter p-3 px-4 py-4">
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <div class="d-flex justify-content-start mb-2">
                                                <label class="col-auto h4 mb-1 text-dark" for="objectname">
                                                    
                                                    Zoek villa op naam
                                                </label>
                                            </div>
                                            <input type="text" name="objectName" id="objectName"
                                                class="form-control border border-muted py-1 px-2"
                                                placeholder="Voer de naam van de villa in">
                                            <label class="d-none" for="objectname">Voer de naam van de villa in</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="bg-white pt-4 pb-3 px-4">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h3 text-dark">Villacollecties</div>
                            </div>
                            <div class="row">
                                <div class="col-12">

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="hasDiscount" 
                                            id="hasDiscount">
                                        <label class="form-check-label slab pointer" for="hasDiscount">Speciale aanbieding</label>
                                    </div>
                                    
                                    

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1166" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-1166">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-1166">Villa&#039;s met zeezicht</label>
                                    </div>
    
                                    
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="pets" 
                                            id="pets">
                                        <label class="form-check-label slab pointer" for="pets">Huisdieren toegestaan</label>
                                    </div>

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="pool" 
                                            id="pool">
                                        <label class="form-check-label slab pointer" for="pool">Villa&#039;s met zwembad</label>
                                    </div>
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="sauna" 
                                            id="sauna">
                                        <label class="form-check-label slab pointer" for="sauna">Villa&#039;s met sauna</label>
                                    </div>
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="521" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-521">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-521">Romantische villa&#039;s</label>
                                    </div>

                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1162" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-1162">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-1162">Villa&#039;s aan het strand</label>
                                    </div>
    
                                    <div class="form-check my-2">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1163" 
                                            name="tagCategoryIds" 
                                            id="tagCategoryId-1163">
                                        <label class="form-check-label slab pointer" for="tagCategoryId-1163">Luxe villa&#039;s</label>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="bg-lighter pt-4 pb-3 px-4 text-dark">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h4 text-dark">Prijsbereik</div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    
                                    <div class="range-slider mt-2 mx-1" data-min="0" data-max="25000" data-start="0"
                                        data-end="13000" data-step="100" data-value-suffix="€">
                                        <input type="hidden" name="price">
                                        <label for="price" class="d-none">Prijs</label>
                                    </div>
                                    <div class="mt-2 slab">
                                        <label for="price" class="mb-2">Prijs per week</label>
                                        <span class="range-slider-value"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="border-bottom bg-white pt-4 pb-3 px-4">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h3 text-dark">Voorzieningen</div>
                            </div>
                            <div class="row">
                                
                                
                                
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="heatedPool" 
                                            id="heatedPool">
                                        <label class="form-check-label slab pointer" for="heatedPool">Verwarmd zwembad</label>
                                    </div>

                                    
                                </div>
                                
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="parking" 
                                            id="parking">
                                        <label class="form-check-label slab pointer" for="parking">Parkeren</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="ac" 
                                            id="ac">
                                        <label class="form-check-label slab pointer" for="ac">Airco</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="dishWasher" 
                                            id="dishWasher">
                                        <label class="form-check-label slab pointer" for="dishWasher">Vaatwasser</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="washingMachine" 
                                            id="washingMachine">
                                        <label class="form-check-label slab pointer" for="washingMachine">Wasmachine</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="grill" 
                                            id="grill">
                                        <label class="form-check-label slab pointer" for="grill">Grill</label>
                                    </div>

                                    
                                </div>
                                
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="internet" 
                                            id="internet">
                                        <label class="form-check-label slab pointer" for="internet">internet</label>
                                    </div>

                                    
                                </div>
                               
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="babyCot" 
                                            id="babyCot">
                                        <label class="form-check-label slab pointer" for="babyCot">Kinderbedje</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="seaview" 
                                            id="seaview">
                                        <label class="form-check-label slab pointer" for="seaview">Zeezicht</label>
                                    </div>

                                    
                                </div>
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="hydromassageBathtub" 
                                            id="hydromassageBathtub">
                                        <label class="form-check-label slab pointer" for="hydromassageBathtub">Hydromassagebad</label>
                                    </div>

                                    
                                </div>
                                
                                
  
                                <div class="col-12 d-flex">
                                    <div class="form-check my-1">
                                        <input class="form-check-input pointer" 
                                            type="checkbox" 
                                            value="1" 
                                            name="satTV" 
                                            id="satTV">
                                        <label class="form-check-label slab pointer" for="satTV">Satelliet televisie</label>
                                    </div>

                                    
                                </div>
  
                              </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="modal-footer justify-content-between">

                <div>
                    <button type="button" class="btn btn-white p-1 fw-bold" data-bs-dismiss="modal" aria-label="Close">
                        <i class="las la-times me-1"></i>Sluiten
                    </button>
                </div>
                <div>
                    <button type="button" class="btn btn-white p-1 fw-bold text-danger me-2 me-lg-3 clear-filters">
                        <i class="las la-undo-alt me-1"></i>Wis filters
                    </button>
                    <button type="submit" class="btn btn-warning fw-bold submit-filters px-3 px-lg-4" data-bs-dismiss="modal">Zoeken op</button>
                </div>


            </div>
        </div>
    </div>
</div>


                </div>
            </div>

        </div>
</form>
</div>

<div class="show-on-mobile d-none" style="z-index: 150;">
    <div class="position-absolute bottom-0 start-0 end-0 map-and-filters">
  <div class="d-flex justify-content-center">
    <div class="d-flex mobile-filters-wrapper bg-primary mb-2 px-4 py-3">
      <div id="fullscreen">
        <i class="las la-map-marker text-white"></i>
        <span class="text-white">Kaart</span>
      </div>
      <span class="mx-2 text-white"> | </span>
      <div type="button" data-bs-toggle="modal" data-bs-target="#filtersModal">
        <i class="las la-filter text-white"></i>
        <span class="text-white">Filters</span>
      </div>
    </div>
  </div>
</div>
<div class="position-absolute bottom-0 start-0 end-0 map-close-btn d-none" style="pointer-events: none;">
  <div class="d-flex justify-content-center">
    <div class="d-flex mobile-filters-wrapper bg-primary mb-2 px-4 py-3" style="pointer-events: auto">
      <div id="close-map">
        <span class="text-white">Kaart sluiten</span>
      </div>
    </div>
  </div>
</div>




    <form class="search-form position-fixed more-filters-container modal fade p-0" id="filtersModal" tabindex="-1" role="dialog">
        <div class="modal-dialog m-0 h-100 modal-fullscreen-lg-down">
          <div class="modal-content rounded-0 h-100">
            <div class="modal-header">
                <div class="h5 fw-bolder text-dark m-0">Zoek en boek je perfecte villa</div>
                <button type="button" class="btn btn-white py-0 pe-1" data-bs-dismiss="modal" aria-label="Close">
                    <i class="las la-times la-lg"></i>
                </button>
            </div>
            <div class="modal-body p-0">
                <div class="">
                    <div class="more-filters-content">
                        <div class="row g-0 destination-search form-guide-container pb-2 border-bottom border-light border-3">

                            <div class="col-12 mt-lg-0 ">
                              <div class="bg-white h-100 position-relative">
                                <div class="h-100 destination-comp">
                                  <label class="label-guide form-group px-4 py-3 d-flex flex-column h-100" role="button">
                                    <div class="fw-bold pointer-none">Bestemming</div>
                                    <div class="w-100 h-100">
                                      <div class="form-control form-guide h-100 mt user-select-none" tabindex="0" name="ms" data-placeholder="Gewenste bestemming"
                                        data-searchParams='{&quot;objectGroupId&quot;:1,&quot;partnerId&quot;:5597,&quot;setPlaceCoordinates&quot;:true}'
                                        data-searchParams='{&quot;objectGroupId&quot;:1,&quot;partnerId&quot;:5597,&quot;setPlaceCoordinates&quot;:true}'
                                        data-label_search="Begin met typen om te zoeken..."
                                        data-label_browse="Selecteer bestemming"
                                        data-label_searchResults="Zoekresultaten"
                                        data-label_noSearchResults="Niets komt overeen met uw term"
                                        data-coordsplaceholder="Gebied op kaart">
                                      </div>
                                      <span class="ms-clear border-0 bg-transparent p-0" tabindex="-1">
                                        <i class="las la-times-circle la-lg"></i>
                                      </span>
                                      <label class="d-none" for="ms"> Bestemming</label>
                                    </div>
                                  </label>
                                </div>
                              </div>
                            </div>

                            <div class="col-12 mt-lg-0 ">
                                <div class="bg-white datepicker-range h-100 position-relative" data-minstay="">
                                    <div class="h-100 dates">
                                        <label class="d-flex flex-column justify-content-center px-4 py-lg-3 py-0 h-100" role="button">
                                          <div class="fw-bold pt-lg-0 pt-3 search-border-top">Reisdata</div>
                                          <div class="dest-dates pb-lg-0 pb-3 search-border-bottom">
                                            <div class="d-flex g-0 align-items-center justify-content-between h-100">

                                                <input name="dates" data-input  class="dest-dates-input"
                                                    placeholder="Selecteer je vertrekdata"
                                                    type="hidden" >
                                                <label class="d-none" for="dates"> Periode</label>


                                              <button type="button" aria-label="Clear" data-clear="" class="dates-clear d-none border-0 bg-transparent p-0">
                                                <span><i class="las la-times-circle la-lg"></i></span>
                                              </button>
                                            </div>
                                          </div>
                                        </label>
                                      </div>
                                </div>
                            </div>


                            <div class="col-lg-12 mt-lg-0 ">
                              <div class="bg-white dropdown h-100 position-relative px-4 py-3">
                                <label class="d-flex flex-column justify-content-center h-100" role="button">
                                  <div class="fw-bold pointer-none">Gasten</div>
                                  <input type="hidden" name="guests" class="">
                                  <label class="d-none" for="guests"> Gasten</label>
                                  <button class="simple-guests h-100 form-control guests" id="bb" type="button" data-bs-toggle="dropdown"
                                        data-applyText="Van toepassing zijn"
                                        data-adultsLabel="Volwassenen"
                                        data-childrenLabel="Kinderen tot {{y}} jaar"
                                        data-infantsLabel="Baby&#039;s tot {{y}} jaar"
                                        data-guestsText="gasten"
                                        data-childrenText="kinderen" 
                                        data-showPets="1" 
                                        data-petsText="huisdieren"
                                        data-yesText="Ja"
                                        data-noText="Nee"
                                        data-petFriendlyText="Huisdieren toegestaan"
                                        data-luxuryPetText="Luxe huisdiervriendelijke villa&#039;s">
                                    <div class="simple-guests-value"></div>
                                  </button>
                                  <span class="guests-clear d-none border-0 bg-transparent p-0" tabindex="-1">
                                    <i class="las la-times-circle la-lg"></i>
                                  </span>
                                  <div class="dropdown-menu dropdown-menu-end simple-guests-controls"></div>
                                </label>
                              </div>
                            </div>

                        </div>

                        <div class="mx-4 mt-4 mb-2">
                          <div class="h4 text-dark m-0">Extra filters</div>
                        </div>

                        <div class="row g-0 bg-white">

                            <div class="col-12 px-4">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="rooms">Kamers</label>
                                        <div class="small text-muted">Aantal kamers</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="roomsExact" 
                                            data-inputLabel="Kamers" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 px-4 mb-3">
                                <div class="row my-2">
                                    <div class="col">
                                        <label class="fw-bold" for="bathrooms">Badkamers</label>
                                        <div class="small text-muted">Aantal badkamers</div>
                                    </div>
                                    <div class="col-auto d-flex flex-column justify-content-center">
                                        <div class="input-quantity-number" 
                                            data-inputName="bathrooms" 
                                            data-inputLabel="Badkamers" 
                                            data-max="5"></div>
                                    </div>
                                </div>
                            </div>
                            
                          

                          

                          <div class="col-12">
                          </div>
                          
                        </div>
                        
                        <div class="p-3 px-4 pb-4 bg-lighter">
                            <div class="row">
                                <div class="col-12 form-group">
                                    <div class="d-flex justify-content-start mb-2">
                                        <label class="col-auto h3 text-dark" for="objectname">
                                            Zoek villa op naam</label>
                                    </div>
                                    <input type="text" name="objectName" id="objectName"
                                        class="form-control border border-muted py-1 px-2"
                                        placeholder="Voer de naam van de villa in">
                                    <label class="d-none" for="objectname">Voer de naam van de villa in</label>
                                </div>
                            </div>
                        </div>

                        <div class="bg-white py-3 px-4">
                          <div class="d-flex justify-content-star">
                              <div class="col-auto h3 text-dark">Villacollecties</div>
                          </div>
                          <div class="row">
                              <div class="col-12">

                                <div class="form-check my-2">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="hasDiscount" 
                                          id="hasDiscount">
                                      <label class="form-check-label slab pointer" for="hasDiscount">Speciale aanbieding</label>
                                </div>

                                

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1166" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-1166">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-1166">Villa&#039;s met zeezicht</label>
                                </div>

                                

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1" 
                                        name="pets" 
                                        id="pets">
                                    <label class="form-check-label slab pointer" for="pets">Huisdieren toegestaan</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1" 
                                        name="sauna" 
                                        id="sauna">
                                    <label class="form-check-label slab pointer" for="sauna">Villa&#039;s met sauna</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="521" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-521">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-521">Romantische villa&#039;s</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1162" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-1162">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-1162">Villa&#039;s aan het strand</label>
                                </div>

                                <div class="form-check my-2">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1163" 
                                        name="tagCategoryIds" 
                                        id="tagCategoryId-1163">
                                    <label class="form-check-label slab pointer" for="tagCategoryId-1163">Luxe villa&#039;s</label>
                                </div>

                              </div>
                          </div>
                      </div>
                      <div class="bg-lighter py-3 px-4 text-dark">
                          <div class="d-flex justify-content-star">
                              <div class="col-auto h3 text-dark">Price range</div>
                          </div>
                          <div class="row">
                              <div class="col-12">
                                  
                                  <div class="range-slider mt-2 mx-1" data-min="0" data-max="25000" data-start="0"
                                      data-end="13000" data-step="100" data-value-suffix="€">
                                      <input type="hidden" name="price">
                                      <label for="price" class="d-none">Prijs</label>
                                  </div>
                                  <div class="mt-2 slab">
                                      <label for="price" class="mb-2">Prijs per week</label>
                                      <span class="range-slider-value"></span>
                                  </div>
                              </div>
                          </div>
                      </div>

                        <div class="border-bottom bg-white py-3 px-4">
                            <div class="d-flex justify-content-star">
                                <div class="col-auto h3 text-dark">Voorzieningen</div>
                            </div>
                            <div class="row">
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="pets" 
                                          id="pets">
                                      <label class="form-check-label slab pointer" for="pets">Huisdieren</label>
                                  </div>

                                  
                              </div>
                              
                              <div class="col-12 d-flex">

                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="pool" 
                                          id="pool">
                                      <label class="form-check-label slab pointer" for="pool">Zwembad</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">

                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="heatedPool" 
                                          id="heatedPool">
                                      <label class="form-check-label slab pointer" for="heatedPool">Verwarmd zwembad</label>
                                  </div>

                                
                              </div>
                              
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="parking" 
                                          id="parking">
                                      <label class="form-check-label slab pointer" for="parking">Parkeren</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="ac" 
                                          id="ac">
                                      <label class="form-check-label slab pointer" for="ac">Airco</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="dishWasher" 
                                          id="dishWasher">
                                      <label class="form-check-label slab pointer" for="dishWasher">Vaatwasser</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="washingMachine" 
                                          id="washingMachine">
                                      <label class="form-check-label slab pointer" for="washingMachine">Wasmachine</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="grill" 
                                          id="grill">
                                      <label class="form-check-label slab pointer" for="grill">Grill</label>
                                  </div>

                                  
                              </div>
                              
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="internet" 
                                          id="internet">
                                      <label class="form-check-label slab pointer" for="internet">internet</label>
                                  </div>

                                  
                              </div>
                             
                              <div class="col-12 d-flex">
                                <div class="form-check my-1">
                                    <input class="form-check-input pointer" 
                                        type="checkbox" 
                                        value="1" 
                                        name="babyCot" 
                                        id="babyCot">
                                    <label class="form-check-label slab pointer" for="babyCot">Kinderbedje</label>
                                </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="seaview" 
                                          id="seaview">
                                      <label class="form-check-label slab pointer" for="seaview">Zeezicht</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="hydromassageBathtub" 
                                          id="hydromassageBathtub">
                                      <label class="form-check-label slab pointer" for="hydromassageBathtub">Hydromassagebad</label>
                                  </div>

                                  
                              </div>
                              
                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="sauna" 
                                          id="sauna">
                                      <label class="form-check-label slab pointer" for="sauna">Sauna</label>
                                  </div>

                                  
                              </div>

                              <div class="col-12 d-flex">
                                  <div class="form-check my-1">
                                      <input class="form-check-input pointer" 
                                          type="checkbox" 
                                          value="1" 
                                          name="satTV" 
                                          id="satTV">
                                      <label class="form-check-label slab pointer" for="satTV">Satelliet televisie</label>
                                  </div>

                                  
                              </div>

                            </div>
                        </div>

                       
                    </div>

                </div>
            </div>
            <div class="modal-footer justify-content-between bg-white">

              <div>
                  <button type="button" class="btn btn-white p-1 fw-bold" data-bs-dismiss="modal" aria-label="Close">
                      <i class="las la-times me-1"></i>Sluiten
                  </button>
              </div>
              <div>
                  <button type="button" class="btn btn-white p-1 fw-bold text-danger me-2 clear-filters">
                    <i class="las la-undo-alt me-1"></i>Wis filters
                  </button>
                  <button type="submit" class="btn btn-warning fw-bold submit-filters" data-bs-dismiss="modal">Zoeken op</button>
              </div>
       
          
      </div>
          </div>
        </div>
    </form>
</div>
</div>



\n\n\n\n<div class=\"list-wrap\">\n    <div class=\"list\"><\/div>\n    <div class=\"list-map\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v19.6.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vind en boek uw perfecte Villa met zwembad- Villsy<\/title>\n<meta name=\"description\" content=\"MARSDESC\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/villsy.com\/nl\/villas\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"website\" \/>\n<meta property=\"og:title\" content=\"Villas\" \/>\n<meta property=\"og:description\" content=\"MARSDESC\" \/>\n<meta property=\"og:url\" content=\"https:\/\/villsy.com\/nl\/villas\/\" \/>\n<meta property=\"og:site_name\" content=\"Villsy\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-17T13:24:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Villas\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vind en boek uw perfecte Villa met zwembad- Villsy","description":"MARSDESC","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/villsy.com\/nl\/villas\/","og_locale":"nl_NL","og_type":"website","og_title":"Villas","og_description":"MARSDESC","og_url":"https:\/\/villsy.com\/nl\/villas\/","og_site_name":"Villsy","article_modified_time":"2022-09-17T13:24:58+00:00","twitter_card":"summary_large_image","twitter_title":"Villas","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/villsy.com\/nl\/villas\/","url":"https:\/\/villsy.com\/nl\/villas\/","name":"Vind en boek uw perfecte Villa met zwembad- Villsy","isPartOf":{"@id":"https:\/\/villsy.com\/nl\/#website"},"datePublished":"2022-04-05T12:36:38+00:00","dateModified":"2022-09-17T13:24:58+00:00","description":"MARSDESC","breadcrumb":{"@id":"https:\/\/villsy.com\/nl\/villas\/#breadcrumb"},"inLanguage":"nl","potentialAction":[{"@type":"ReadAction","target":["https:\/\/villsy.com\/nl\/villas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/villsy.com\/nl\/villas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Villsy","item":"https:\/\/villsy.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Object list NL"}]},{"@type":"WebSite","@id":"https:\/\/villsy.com\/nl\/#website","url":"https:\/\/villsy.com\/nl\/","name":"Villsy","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/villsy.com\/nl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl"}]}},"_links":{"self":[{"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/pages\/83"}],"collection":[{"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":4,"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/pages\/83\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/villsy.com\/nl\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}