RCI Travel

Call: 1-800-756-641

Se Habla Español

Hotels

Search Hotels

Hotels

Location: ×

{#if searchParams.downloadVendorRawData && $T.VendorRawData != null && $T.VendorRawData.length > 0}
        <div class="rentalsRawData">
            {#foreach $T.VendorRawData as vendorRawData}
                <a href="{$T.vendorRawData.URL}" target="_blank">Download {$T.vendorRawData.Filename}</a>
                {#if $T.vendorRawData$last == false}
                    <br />
                {#/if}
            {#/for}
        </div>
    {#/if}

{#if globalRentalParams.resortMatches == 0}
		<div class="rentalsNoResults" style="padding-top:30px">
            There is limited availability for the destination and dates chosen. Please ensure you have chosen a destination from the drop-down before searching.
        </div>
	{#else}
        {#if promotionBannerEnabled && currentSearchPageNumber == null }
        <div id="PromotionBanner">
            {#if !personyzeBannerEnabled}
                <div class="bannerContent">
                    <div class="bannerText">
                        Save up to 10% more on select properties and 5% more on select cars when you book with your T-Mobile MONEY card.
                    </div>
                </div>
            {#/if}
        </div>
        {#/if}
                <div id="page_{$T.PageNumber}"></div>
                {#foreach $T.Resorts as resort}
                    <div id="RentalsResultsItemContainer{$T.resort.ResortGroupId}" class="rentalsResultsItemContainer hotel-card per-night-pre-tax-price container featured-deal" data-discount="{$T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay}" data-proprtyid="{$T.resort.ID}">
                        <div class="rentalsResultsItem row expandedHotelRow">
                            <div class="col-12 col-md-4 rentalsResultsImageContainer">
                                <a id="Photos{$T.resort.ResortGroupId}" class="rentalsResultsImageLink">
                                    <div class="featured-deal-badge" style="display:none">
                                       Featured Deals 
                                    </div>
                                    <img src="{$T.resort.Photo}" alt="{$T.resort.Name} image" loading="lazy" />
                                    <div class="ui-imagecount">
                                            <div class="ui-imagecount-gap">

<div aria-label="Show all 78 images" class="ui-imagecount-button-overlay">
                                                        <svg class="image-icon" aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                                            <path fill-rule="evenodd" d="M22 16V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2zm-11-4 2.03 2.71L16 11l4 5H8l3-4zm-9 8V6h2v14h14v2H4a2 2 0 0 1-2-2z" clip-rule="evenodd"></path>
                                                        </svg>{$T.resort.PhotoCount}</div>
                                            </div>
                                    </div>
                                </a>
                                <script>
                                    AddLightGalleryData({$T.resort.ResortGroupId},[{#foreach $T.resort.Photos as Photo}'{$T.Photo.Url}'{#if $T.Photo$last == false},{#/if}{#/for}]);
                                </script>

{#if Boolean.Parse($T.resort.Rooms[0].ShowSavingsColumn)}
                                <div class="rentalsResultsSavingsPercent d-md-none {#if ShowCurrencyCode}with-currency-code {#/if}{$T.resort.Rooms[0].CurrencyCode}">
                                    <div>
                                        <span>
                                            {$T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay} Off
                                        </span>
                                    </div>
                                </div>
                                {#/if}

{#if hideFavorites == false}
                                    <div class="heartContainer" id="favResortGroup-{$T.resort.ResortGroupId}"
                                        data-resortid="{$T.resort.ID}"
                                        data-resortgroupid="{$T.resort.ResortGroupId}"
                                        data-cityid="{$T.resort.CityId}"
                                        data-arrivaldate="{$T.ArrivalDate}"
                                        data-departuredate="{$T.DepartureDate}"
                                        data-roomcount="{searchParams.roomCount}"
                                        data-adults="{searchParams.adults}"
                                        data-children="{searchParams.children}">
                                        <i class="far fa-heart"></i>
                                    </div>
                                {#/if}
                                
                                
                                {#if UpsellTypeNumber == 3}
                                    <div class="rentalsresultssavingspercentsmall">
                                        Save {$T.resort.Rooms[0].PotentialSavingsPercentageForDisplay}
                                    </div>
                                {#elseif !isGiftCardClub && $T.resort.Rooms.length > 0 && $T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay != null && !ShowCardSavings && Number($T.resort.Rooms[0].FinalRetailSavingsPercentage) >= minimumPercentSavingsRequiredToBeShown}
                                    <div class="rentalsresultssavingspercentsmall">
                                        Save {$T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay}
                                    </div>
                                {#elseif Boolean.Parse($T.resort.Rooms[0].ShowPostPayRebate)}
                                    <div class="rentalsresultssavingspercentsmall payatcheckin d-md-none">
                                        {#if ShowCurrencyCode && searchParams.paymentCurrency == 1}
                                            {"Receive ~amount Rebate".replace("~amount", "<span><span class='amount'>" + $T.resort.Rooms[0].PostPayRebate.CurrencyDisplay + "</span> <span class='currency-code'>USD</span></span>")}
                                        {#else}
                                            {"Receive ~amount Rebate".replace("~amount", "<span class='amount'>" + $T.resort.Rooms[0].PostPayRebate.CurrencyDisplay + "</span>")}
                                        {#/if}
                                    </div>
                                {#elseif !isGiftCardClub && !ShowCardSavings && Boolean.Parse($T.resort.IsPayAtCheckIn)}
                                    <div class="rentalsresultssavingspercentsmall payatcheckin d-md-none">
                                        <span>2x</span> <span>Reward Credits on Select Rooms</span>
                                    </div>
                                {#elseif Boolean.Parse($T.resort.IsPayAtCheckIn) && Boolean.Parse($T.resort.Rooms[0].EarningTravelPoints) && $T.resort.Rooms[0].TotalPointsEarned != ""}
                                    <div class="rentalsresultssavingspercentsmall payatcheckin d-md-none">
                                        <span>2x</span> Travel Credit on Select Rooms.
                                    </div>
                                {#/if}
                            </div>
                            <div class="col-12 col-md-5 rentalsResultsResortsDetails">
                                <a id="rentalsResultsResortName{$T.resort.ResortGroupId}" onclick="javascript:selectHotel('{GetResortDetailsPageUrl($T.resort)}', event)" target="_blank">
                                    <div class="rentalsResultsDescription">
                                    <div class="rentalsResultsResortName {#if $T.resort.Rooms.length > 0 && $T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay != null && !ShowCardSavings && Number($T.resort.Rooms[0].FinalRetailSavingsPercentage) >= minimumPercentSavingsRequiredToBeShown}compact{#/if}">
                                            {$T.resort.Name}
                                    </div>

{#if Boolean.Parse($T.resort.Rooms[0].ShowSavingsColumn)}
                                    <div class="rentalsResultsSavingsPercent d-none d-md-block {#if ShowCurrencyCode}with-currency-code {#/if}{$T.resort.Rooms[0].CurrencyCode}">
                                        <div>
                                            <span>
                                                {$T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay} Off
                                            </span>
                                        </div>
                                    </div>
                                    {#/if}

<div class="rentalsResultsLocation">
                                        <img src="/images/Icons/16x16/location.png" class="location-icon d-none"/>
                                         
                                        <span class="rentalsResultsLocationName">
                                            {$T.resort.City}{$T.resort.State != "" ? " - " : ""} {$T.resort.State}
                                            {#if $T.resort.NeighborhoodName != ""}
                                                <br />
                                                {$T.resort.NeighborhoodName}
                                            {#/if}
                                        </span>
                                        <span class="rentalsResultsLocationMap d-none">
                                            
                                        </span>
                                    </div>

{#if globalRentalParams.showProximity}
                                    <div class="rentalsResultsDistance">
                                        {#if $T.resort.ProximityInMiles != "" || $T.resort.ProximityInKilometers != ""}
                                        <span class="rentalsresultslocation-location">
                                            {#if globalRentalParams.isDistanceUnitInMiles}
                                                {FormatDistance($T.resort.ProximityInMiles)} Away
                                            {#else}
                                                {FormatDistance($T.resort.ProximityInKilometers)} Away
                                            {#/if}
                                        </span>
                                        {#/if}
                                    </div>
                                    {#/if}
                                    <div class="rentalsResultsAmenities d-none d-md-block">
                                        {#if Boolean.Parse($T.resort.IsBreakfastIncluded)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-utensils-alt"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Free Breakfast
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.HasFitnessCenter)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-dumbbell"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Fitness Center
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.HasBusinessSpace)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-briefcase"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                            Business Space
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.HasOnsiteParking)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-parking-circle"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Parking Onsite
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.ArePetsAllowed)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-paw-alt"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Pets Allowed
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.IsInternetIncluded)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-wifi"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Free Internet
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.HasPool)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-swimmer"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Pool
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                        {#if Boolean.Parse($T.resort.IsAirportTransportIncluded)}
                                        <div class="amenitiesTableItem">
                                            <div class="amenitiesTable">
                                                <div class="amenitiesRow">
                                                    <div class="amenitiesCell icon">
                                                        <i class="fas fa-shuttle-van"></i>
                                                    </div>
                                                    <div class="amenitiesCell d-none d-lg-table-cell">
                                                        Airport Transfer
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {#/if}
                                    </div>
                                    <div class="rentalResultsStarsReviews">
                                        <review-rating rating="{$T.resort.AverageRating}"
                                            excellent-text="Excellent"
                                            very-good-text="Very Good"
                                            good-text="Good">
                                        </review-rating>
                                        
                                        {#if Number($T.resort.Stars) > 1}
                                                                                 
                                            <span>{$T.resort.Stars}{#if Boolean.Parse($T.resort.HasHalfStar)}.5{#/if}-Star Hotel</span>
                                        {#/if}
                                        {#if hidePriceAlerts == false}
                                        <span class="separator"></span>
                                            <div class="priceAlert" onclick="javascript:priceAlerts.handlePriceAlertPopup(event, {$T.resort.ResortGroupId})">
                                                <div class="rentalsResultsPriceAlert"
                                                    id="priceAlertResortGroup-{$T.resort.ResortGroupId}"
                                                    data-resortgroupid="{$T.resort.ResortGroupId}"
                                                    data-cityid="{$T.resort.CityId}"
                                                    data-citytext="{$T.resort.City}"
                                                    data-latitude="{$T.resort.Latitude}"
                                                    data-longitude="{$T.resort.Longitude}"
                                                    data-radius="{searchParams.radius}"
                                                    data-resortname="{$T.resort.Name}"
                                                    data-arrivaldate="{$T.ArrivalDate}"
                                                    data-departuredate="{$T.DepartureDate}"
                                                    data-roomcount="{searchParams.roomCount}"
                                                    data-adults="{searchParams.adults}"
                                                    data-children="{searchParams.children}"
                                                    data-priceAlert="false">
                                                    <p>
                                                        <i class="fal fa-bell"></i>
                                                         
                                                        <span id="alertText">
                                                            Get Price Alert
                                                        </span>
                                                    </p>
                                                </div>
                                            </div>
                                        {#/if}
                                        <div id="FeaturedDealLogoDisplayDiv"></div>
                                    </div>
                                      
                                    {#if $T.resort.Rooms.length > 0 && Number($T.resort.Rooms[0].FinalRetailSavings.USD) > 0 && Number($T.resort.Rooms[0].LowestRetailPrice.USD) > 0 && $T.resort.Rooms[0].ShowPublicPrice == "True"}
                                        {#if Boolean.Parse($T.ShowAltAvgNightDisplay)}
                                            <div class="alternate-savings-display {$T.AltAvgNightDisplayColor} d-md-block">
                                                <i class="icon-starburst1 icon-starburst1-{$T.AltAvgNightDisplayColor}"></i>
                                                <div class="alternate-savings-display-outline alternate-savings-display-outline-{$T.AltAvgNightDisplayColor}"></div>
                                                <div class="alternate-savings-display-content {#if ShowCurrencyCode}with-currency-code {#/if}{$T.resort.Rooms[0].CurrencyCode}">
                                                    <span>
                                                        {#if searchParams.paymentCurrency == 1}{$T.resort.Rooms[0].FinalDisplayPriceLessTaxesAndFeesPerNight.CurrencyDisplay}{#else}{CommaFormatted(Number($T.resort.Rooms[0].FinalDisplayPriceLessTaxesAndFeesPerNight.Points))}{#/if}
                                                    </span>
                                                    {#if searchParams.roomCount > 1}
                                                        <span class="per-room-per-night">Per Night</br>Per Room</span>
                                                    {#else}
                                                    <span>
                                                        Avg/Night
                                                    </span>
                                                    {#/if}
                                               </div>
                                            </div>
                                        {#else}
                                            
                                            {#if Boolean.Parse($T.resort.Rooms[0].ShowSavingsColumn)}
                                            <div class="rentalsResultsSavingsPercent d-none d-md-block {#if ShowCurrencyCode}with-currency-code {#/if}{$T.resort.Rooms[0].CurrencyCode}">
                                                <div>
                                                    <span>
                                                        {$T.resort.Rooms[0].FinalRetailSavingsPercentageForDisplay} Off
                                                    </span>
                                                </div>
                                            </div>
                                            {#/if}
                                            
                                        {#/if}
                                    {#elseif Boolean.Parse($T.resort.Rooms[0].ShowPostPayRebate)}
                                        <div class="rentalsResultsSavingsPercent payAtCheckin">
                                            <div>
                                                <span>
                                                    {#if ShowCurrencyCode && searchParams.paymentCurrency == 1}
                                                        {"Receive ~amount Rebate".replace("~amount", "<span><span class='amount'>" + $T.resort.Rooms[0].PostPayRebate.CurrencyDisplay + "</span> <span class='currency-code'>USD</span></span>")}
                                                    {#else}
                                                        {"Receive ~amount Rebate".replace("~amount", "<span class='amount'>" + $T.resort.Rooms[0].PostPayRebate.CurrencyDisplay + "</span>")}
                                                    {#/if}
                                                </span>
                                            </div>
                                        </div>
                                    {#elseif !isGiftCardClub && !ShowCardSavings && Boolean.Parse($T.resort.IsPayAtCheckIn) && Boolean.Parse($T.resort.Rooms[0].ShowEarnedRewards)}
                                        <div class="rentalsResultsSavingsPercent payAtCheckin pointsBenefits">
                                            <div>
                                                <span>
                                                    <span>2x</span> <span>Reward Credits on Select Rooms</span>
                                                </span>
                                            </div>
                                        </div>
                                    {#elseif Boolean.Parse($T.resort.IsPayAtCheckIn) && Boolean.Parse($T.resort.Rooms[0].EarningTravelPoints) && $T.resort.Rooms[0].TotalPointsEarned != ""}
                                        <div class="rentalsResultsSavingsPercent payAtCheckin pointsBenefits">
                                            <div>
                                                <span>
                                                    <span>2x</span> Travel Credit on Select Rooms.
                                                </span>
                                            </div>
                                        </div>
                                    {#/if}
                                </div>
                                </a>
                                <div class="d-md-none rentalButtonMobile">
                                    <a class="ViewRoomsButton{$T.resort.ResortGroupId} buttons_standardorange"  href="{GetResortDetailsPageUrl($T.resort)}">Select Room</a>
                                </div>
                            </div>

<div class="col-12 col-md-3 rentalsResultsStartingPrice">
                                {#if $T.resort.Rooms.length > 0}
                                    {#foreach $T.resort.Rooms as room}
                                        <div class="rentalsResultsStartingPriceItemTotal">
                                            
                                            {#if Number($T.room.FinalRetailSavings.USD) > 0 && Number($T.room.LowestRetailPrice.USD) > 0 && $T.room.ShowPublicPrice == "True"}
                                                <div class="rentalsResultsStartingPriceItemOtherRetailPrice">
                                                    
                                                        <span class="clubcardhotelratelabel" onclick="ToggleRentalsResultsInternalAsRowSection({$T.resort.ResortGroupId});">
                                                            Public Price
                                                        </span>
                                                    
                                                    
                                                    <span class="clubCardHotelRate">
                                                        {#if searchParams.paymentCurrency == 1}
                                                            {$T.room.TotalRetailPrice.CurrencyDisplay}
                                                        {#else}
                                                            {CommaFormatted(Number($T.room.TotalRetailPrice.Points))}
                                                        {#/if}
                                                    </span>
                                                </div>
                                                <div class="rentalsResultsStartingPriceItemOtherYourSavings {#if ShowCurrencyCode}with-currency-code {#/if}{$T.room.CurrencyCode}">
                                                    <span class="clubcardhotelratelabel">
                                                        {#if membersCanOnlyPurchaseMaxSavingsItems || !ShowCardSavings}
                                                            Savings
                                                        {#else}
                                                            Savings Dollars
                                                        {#/if}
                                                         
                                                    </span>
                                                    <span class="clubCardSavings">
                                                        {#if searchParams.paymentCurrency == 1}
                                                            {$T.room.FinalRetailSavings.CurrencyDisplay}
                                                        {#else}
                                                            {CommaFormatted(Number($T.room.FinalRetailSavings.Points))}
                                                        {#/if}
                                                    </span>
                                                </div>
                                            {#else}
                                                <div class="rentalsresultsstartingpriceitemother-nightlypretaxprice">
                                                    {#if Number($T.room.LowestRetailRatesLessTaxesPerNightPerRoom.USD) > 0
                                                        && $T.room.LowestRetailRatesLessTaxesPerNightPerRoomIsGreaterThanFinalDisplayPriceLessTaxesAndFeesPerNight == "True"
                                                        && $T.room.ShowPublicPrice == "True"}
                                                        <span class="lowestretail-pretax-pernight">
                                                            {#if searchParams.paymentCurrency == 1}
                                                                {$T.room.LowestRetailRatesLessTaxesPerNightPerRoom.CurrencyDisplay}
                                                            {#else}
                                                                {CommaFormatted(Number($T.room.LowestRetailRatesLessTaxesPerNightPerRoom.Points))}
                                                            {#/if}
                                                        </span>
                                                    {#/if}
                                                    <span class="finaldisplayprice-pretax-pernight" onclick="ToggleRentalsResultsInternalAsRowSection({$T.resort.ResortGroupId});">
                                                        {#if searchParams.paymentCurrency == 1}{$T.room.FinalDisplayPriceLessTaxesAndFeesPerNight.CurrencyDisplay}{#else}{CommaFormatted(Number($T.room.FinalDisplayPriceLessTaxesAndFeesPerNight.Points))}{#/if}{#if Boolean.Parse($T.resort.HasAmountAddedToPriceForPackageRates)}*{#/if}
                                                    </span>
                                                    <div class="rentalsresultsstartingpricetaxes">
                                                        <label>
                                                            Avg/Night
                                                            {#if searchParams.roomCount > 1}
                                                                {" /room".toLowerCase()}
                                                            {#/if}
                                                            {#if Boolean.Parse($T.resort.HasAmountAddedToPriceForPackageRates)}
                                                                <br />
                                                                <span>
                                                                    *includes car rental
                                                                </span>
                                                            {#/if}
                                                        </label>
                                                    </div>
                                                </div>
                                            {#/if}
                                            
                                            <div class="rentalsResultsStartingPriceItemOtherYouPay {#if ShowCurrencyCode}with-currency-code {#/if}{$T.room.CurrencyCode}">
                                                {#if searchParams.roomCount > 1}
                                                    <div class="">
                                                        {#if searchParams.paymentCurrency == 1}
                                                       <span>{"{amount} / room / night".interpolate({amount: $T.resort.Rooms[0].FinalDisplayPriceLessTaxesAndFeesPerNight.CurrencyDisplay})}</span>
                                                        {#else}
                                                       <span>{"{amount} / room / night".interpolate({amount: CommaFormatted(Number($T.resort.Rooms[0].FinalDisplayPriceLessTaxesAndFeesPerNight.Points))})}</span>
                                                        {#/if}
                                                    </div>
                                                {#else}
                                                    <div class="">
                                                       {#if searchParams.paymentCurrency == 1}
                                                        <span>{"{amount} / night".interpolate({amount: $T.resort.Rooms[0].FinalDisplayPriceLessTaxesAndFeesPerNight.CurrencyDisplay })}</span>
                                                        {#else}
                                                        <span>{"{amount} / night".interpolate({amount: CommaFormatted(Number($T.resort.Rooms[0].FinalDisplayPriceLessTaxesAndFeesPerNight.Points)) })}</span>
                                                        {#/if}
                                                    </div>
                                                {#/if}
                                                <span class="perNightPricing">
                                                    Total
                                                </span>
                                                {#if searchParams.paymentCurrency == 1}
                                                    <span class="perNightPricing">
                                                        {$T.room.TotalMemberPrice.CurrencyDisplay}{#if ShowCurrencyCode} <span class="currency-code">{$T.room.CurrencyCode}</span>{#/if}
                                                    </span>
                                                    <div class="taxes-container">
                                                        <span class="perNightPricing">
                                                            {#if $T.resort.Rooms[0].totalFeesAtHotel && $T.resort.Rooms[0].totalFeesAtHotel.CurrencyDisplay }
                                                                Includes taxes, fees &
                                                                {$T.resort.Rooms[0].totalFeesAtHotel.CurrencyDisplay}
                                                                due at property
                                                            {#else}
                                                                Includes taxes & fees
                                                            {#/if}
                                                        </span>
                                                    </div>
                                                {#else}
                                                    <span class="perNightPricing">
                                                        {CommaFormatted(Number($T.room.FinalDisplayPrice.Points))}
                                                        {#if Boolean.Parse($T.resort.HasAmountAddedToPriceForPackageRates)}*{#/if}
                                                    </span>
                                                    <span class="perNightPricing">
                                                        {#if $T.resort.Rooms[0].totalFeesAtHotel }
                                                            + {$T.resort.Rooms[0].totalFeesAtHotel.CurrencyDisplay}
                                                            due at property
                                                        {#/if}
                                                    </span>
                                                    <div class="perNightPricing">
                                                        Includes taxes & fees
                                                    </div>
                                                {#/if}

{#if Boolean.Parse($T.resort.HasAmountAddedToPriceForPackageRates)}
                                                    <div class="perNightPricing rentalsresultsstartingpriceitemother-youpay-includecar">
                                                        *includes car rental
                                                    </div>
                                                {#/if}
                                            </div>
                                            
                                        </div>
                                    {#/for}
                                {#/if}
                                <div class="newearnedCreditDiv" id="newearnedCredits{$T.resort.ResortGroupId}"></div>
                                <div class="d-none d-md-block rentalsResultsItemDetailViewRooms">
                                    {#if $T.resort.Rooms.length > 0}
                                        {#foreach $T.resort.Rooms as room}
                                            <a class="ViewRoomsButton{$T.resort.ResortGroupId} buttons_standardorange" href="{GetResortDetailsPageUrl($T.resort)}" target="_blank">Select Room</a>
                                        {#/for}
                                    {#else}
                                        <a class="buttons_standardorange" href="{GetResortDetailsPageUrl($T.resort)}" target="_blank">View All Availability</a>
                                    {#/if}
                                </div>                              
                                {#if Boolean.Parse($T.resort.ShowRetailComparison)}
                                    <div class="desktop d-none d-md-block">

<div class="row col-12 rentalsResultsRetailerPricesContainer" id="retailInfoRetailer{$T.resort.ResortGroupId}">
                                            <div class="rentalsResultsRetailerPrices">
                                                {#foreach $T.resort.RetailRates as RetailRate}
                                                    <div class="retailerTableItem">
                                                        <div class="retailerTable">
                                                            <div class="retailerRow">
                                                                <div class="retailerName">
                                                                    {$T.RetailRate.Type}
                                                                </div>
                                                                <div class="retailerPrice">
                                                                    {$T.RetailRate.Price}<span> Total</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                {#/for}
                                            </div>
                                        </div>
                                    </div>
                                {#/if}
                            </div>
                        </div>
                        
                        <div class="row d-md-none rentalsResultsMobileItem">
                            <div class="col-7 rentalsResultsMobileAmenities">
                                {#if Boolean.Parse($T.resort.HasPool)}
                                    <i class="fas fa-swimmer"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.IsBreakfastIncluded)}
                                    <i class="fas fa-utensils-alt"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.HasFitnessCenter)}
                                    <i class="fas fa-dumbbell"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.IsAirportTransportIncluded)}
                                    <i class="fas fa-shuttle-van"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.HasBusinessSpace)}
                                    <i class="fas fa-briefcase"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.HasOnsiteParking)}
                                    <i class="fas fa-parking-circle"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.ArePetsAllowed)}
                                    <i class="fas fa-paw-alt"></i>
                                {#/if}
                                {#if Boolean.Parse($T.resort.IsInternetIncluded)}
                                    <i class="fas fa-wifi"></i> 
                                {#/if}
                            </div>
                            {#if Boolean.Parse($T.resort.ShowRetailComparison)}

<div class="row col-12 d-md-none rentalsResultsRetailerPricesContainer" id="retailInfoRetailerMobile{$T.resort.ResortGroupId}">
                                    <div class="rentalsResultsRetailerPrices">
                                        {#foreach $T.resort.RetailRates as RetailRate}
                                            <div class="row">
                                                <div class="col-1"> </div>
                                                <div class="col-5 retailerName">
                                                    {$T.RetailRate.Type}
                                                </div>
                                                <div class="col-5 retailerPrice">
                                                    {$T.RetailRate.Price}<span> Total</span>
                                                </div>
                                            </div>
                                        {#/for}
                                    </div>
                                </div>
                            {#/if}
                        </div>
                        
                        <div class="expandedHotelRow rentalResultsUpsellContentContainer">
                            <div class="upsellColumn">
                                <div class="rentalResultsUpsellContent">
                                    
                                    {#if ShowUpSell && ((UpsellTypeNumber == 1 && Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD) > 149) || (UpsellTypeNumber == 2 && Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD) > Number(MinimumSavingsForClubUpsell)))}
                                        <div class="rentalsResultsRedemptionUpgrade upsell" id="upsellupgradeoptions-{$T.resort.ResortGroupId}">
                                            {#if searchParams.paymentCurrency == 1}
                                                {"Save an Extra ~amount".replace("~amount", "<span>" + $T.resort.Rooms[0].UpgradeUpsellAvailableSavings.CurrencyDisplay + "</span>")}
                                            {#else}
                                                {"Save an Extra ~amount".replace("~amount", "<span>" + CommaFormatted(Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.Points)) + " Credits</span>")}
                                            {#/if}
                                            <a href="javascript:ShowSnazzyUpgradeLearnMore({$T.resort.ID},{$T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD},{$T.resort.ResortGroupId});">
                                                Learn More
                                            </a>
                                        </div>
                                    {#/if}
                                    
                                    {#if ((UpsellTypeNumber == 3 && Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD) > Number(MinimumSavingsForClubUpsell)) || UpsellTypeNumber == 4 || UpsellTypeNumber == 7) && Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD) > 0}
                                        <div class="rentalsResultsRedemptionUpgrade" id="upsellupgradeoptions-{$T.resort.ResortGroupId}" >
                                            <div class="rentalsResultsRedemptionUpgradeContainer">
                                                <div class="rentalsResultsRedemptionUpgradeBlurb">
                                                    {#if searchParams.paymentCurrency == 1}
                                                        {"Save an Extra ~amount".replace("~amount", "<span>" + $T.resort.Rooms[0].UpgradeUpsellAvailableSavings.CurrencyDisplay + "</span>")}
                                                    {#else}
                                                        {"Save an Extra ~amount".replace("~amount", "<span>" + CommaFormatted(Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.Points)) + " Credits</span>")}
                                                    {#/if}
                                                    {#if UpsellTypeNumber == 3 }
                                                        <a href="javascript:UpgradeMembership('{$T.resort.CityId}','{Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD).toFixed(2)}', '{$T.resort.FunctionSafeName}', '{Number($T.resort.Rooms[0].FinalDisplayPrice.USD).toFixed(2)}');">
                                                    {#else}
                                                        <a href="javascript:RedirectToRedemptionUpgradePage('{$T.resort.FunctionSafeName}',{Number($T.resort.Rooms[0].UpgradeUpsellAvailableSavings.USD).toFixed(2)});">
                                                    {#/if}
                                                        Learn More
                                                        </a>
                                                </div>
                                            </div>
                                        </div>
                                    {#/if}
                                    
                                    {#if UpsellTypeNumber == 5 && $T.resort.Rooms[0].MemberRewardFromMargin != null && Number($T.resort.Rooms[0].MemberRewardFromMargin.USD) > 0 && _payCreditsInCash == false}
                                        <div class="rentalsResultsRedemptionUpgrade there" id="upsellupgradeoptions-{$T.resort.ResortGroupId}" >
                                            <div class="rentalsResultsRedemptionUpgradeContainer">
                                                <div class="rentalsResultsRedemptionUpgradeBlurb">
                                                    {"Earn ~amount Reward Credits".replace("~amount", "<span>" + CommaFormatted(Number($T.resort.Rooms[0].TotalPointsEarned)) + "</span>")}
                                                </div>
                                            </div>
                                        </div>
                                    {#/if}
                                </div>
                            </div>
                        </div>
                        {#if $T.resort.Rooms.length > 0 && $T.resort.Rooms[0]?.TotalPointsEarned && DisplayEarnedCreditsBanner}
                        <div id="earnedCredits{$T.resort.ResortGroupId}" class="earned-credits">
                            <div class="credit-amount">
                                <span class="small-text" id="earnMemberRewardsSearchResults{$T.resort.ResortGroupId}">
                                    Great News! Earn
                                </span>
                                <span class="amount">{CommaFormatted(Number($T.resort.Rooms[0]?.TotalPointsEarned))}</span>
                                <span class="small-text">
                                    Reward Credits
                                </span>
                            </div>
                        </div>
                        <script>                            
                            siftEarnCreditSection({ $T.resort.ResortGroupId });                            
                        </script>
                        {#/if}
                        <div id="rentalsresultsinternalasrowsection{$T.resort.ResortGroupId}" class="rentalsResultsInternalMobile row d-none">
                            <div class="col-12">
                                <div class="rentalsResultsInternalasRow">
                                    
                                    
                                </div>
                            </div>
                        </div>
                    </div>                  
                {#/for}  
                <script>
                    layoutChange();
                    highlightFeaturedDeals();
                </script>
	{#/if}

<div id="RentalsResultsItemContainer{$T.ResortGroupId}" class="rentalsResultsItemContainer per-night-pre-tax-price">
         <div class="rentalsResultsItem row expandedHotelRowMap">
            <div class="col-12 d-md-flex rentalsResultsImageContainer">
                <a id="Photos{$T.ResortGroupId}" class="rentalsResultsImageLink">
                    <img src="{$T.PhotoUrl}" alt="{$T.Name}" />
                </a>
                {#if $T.SavingsPercentage != ""}
                    <div class="rentalsResultsSavingsPercent">
                        <div>
                            <span>
                                {$T.SavingsPercentage} Off
                            </span>
                        </div>
                    </div>
                {#/if}
            </div>
            <div class="col-6 rentalsResultsResortsDetails">
                <a id="RentalsResultsResortName{$T.ResortGroupId}" onclick="ViewDetailsPage({$T.ID}, {$T.ResortGroupId})">
                    <div class="rentalsResultsDescription">
                    <div class="rentalsResultsResortName">
                        <p>{$T.Name}</p>
                    </div>
                    <div class="rentalsResultsLocation">
                        <span class="rentalsResultsLocationName">
                            {$T.Location}
                        </span>
                    </div>
                    {#if Number($T.StarRating) > 0}
                    <div class="rentalResultsStarsReviews">
                        <span>{$T.StarRating}{#if Boolean.Parse($T.resort.HasHalfStarRating)}.5{#/if}</span>-Star Hotel
                    </div>
                    {#/if}
                </div>
                </a>
            </div>
            <div class="col-6 rentalsResultsStartingPrice">
                <a id="RentalsResultsMapResortName{$T.ResortGroupId}" onclick="ViewDetailsPage({$T.ID}, {$T.ResortGroupId})">
                    <div class="rentalsResultsStartingPriceItemTotal">
                        {#if Number($T.FinalRetailSavings.USD) > 0 && Number($T.LowestRetailPrice.USD) > 0 && $T.ShowPublicPrice == "True"}
                            <div class="rentalsResultsStartingPriceItemOtherRetailPrice">
                                <span class="clubCardHotelRateLabel" onclick="ToggleRentalsResultsInternalAsRowSection({$T.ResortGroupId});">
                                    Public Price
                                </span>
                                <span class="clubCardHotelRate">
                                    {#if searchParams.paymentCurrency == 1}
                                        {$T.LowestRetailPrice.CurrencyDisplay}
                                    {#else}
                                        {CommaFormatted(Number($T.LowestRetailPrice.Points))}
                                    {#/if}
                                </span>
                            </div>
                            <div class="rentalsResultsStartingPriceItemOtherYourSavings {#if ShowCurrencyCode}with-currency-code {#/if}{$T.CurrencySuffix} d-md-block">
                                <span class="clubCardHotelRateLabel">
                                    {#if membersCanOnlyPurchaseMaxSavingsItems || !ShowCardSavings}
                                        Savings
                                    {#else}
                                        Savings Dollars
                                    {#/if}
                                </span>
                                <span class="clubCardSavings">
                                    {#if searchParams.paymentCurrency == 1}
                                        {$T.FinalRetailSavings.CurrencyDisplay}
                                    {#else}
                                        {CommaFormatted(Number($T.FinalRetailSavings.Points))}
                                    {#/if}
                                </span>
                            </div>
                        {#/if}
                        <div class="rentalsResultsPricePerNight">
                            <span class="pricePer">
                                {$T.AveragePricePer}
                            </span>
                            <span class="perRoomPerNight">
                                <span class="singleRoom">
                                    night
                                </span>
                            </span>
                        </div>
                        <div class="rentalsResultsStartingPriceItemOtherYouPay {#if ShowCurrencyCode}with-currency-code {#/if}{$T.CurrencySuffix}">
                            <br />
                            <div class="taxes-container">
                                {#if $T.CurrencySuffix != 'Credits'}
                                <span class="perNightPricing">
                                    Total:
                                    {$T.TotalMemberPrice}
                                    {#if $T.FeesPaidAtHotel != ''}
                                        <div>
                                            Includes taxes, fees &
                                            { $T.FeesPaidAtHotel }
                                            due at property
                                        </div>
                                    {#else}
                                        <div>
                                            Includes taxes & fees
                                        </div>
                                    {#/if}
                                </span>
                                {#else}
                                <span class="perNightPricing">
                                    Total: {$T.TotalMemberPrice}
                                    {#if $T.FeesPaidAtHotel != ''}
                                    <br /> + { $T.FeesPaidAtHotel }
                                    due at property
                                    {#/if}
                                </span>
                                <div class="perNightPricing">
                                    Includes taxes & fees
                                </div>
                                {#/if}
                            </div>
                            <br />
                        </div>
                    </div>
                </a>
            </div>
         </div>
       {#if Boolean.Parse($T.HasPool) || Boolean.Parse($T.IsBreakfastIncluded) || Boolean.Parse($T.HasFitnessCenter) || Boolean.Parse($T.IsAirportTransportIncluded)
         || Boolean.Parse($T.HasBusinessSpace) || Boolean.Parse($T.HasOnsiteParking) || Boolean.Parse($T.ArePetsAllowed) || Boolean.Parse($T.IsInternetIncluded)}
        <div class="row rentalsResultsMobileItem">
            <div class="col-12 rentalsResultsMobileAmenities">
                {#if Boolean.Parse($T.HasPool)}
                    <i class="fas fa-swimmer"></i>
                {#/if}
                {#if Boolean.Parse($T.IsBreakfastIncluded)}
                    <i class="fas fa-utensils-alt"></i>
                {#/if}
                {#if Boolean.Parse($T.HasFitnessCenter)}
                    <i class="fas fa-dumbbell"></i>
                {#/if}
                {#if Boolean.Parse($T.IsAirportTransportIncluded)}
                    <i class="fas fa-shuttle-van"></i>
                {#/if}
                {#if Boolean.Parse($T.HasBusinessSpace)}
                    <i class="fas fa-briefcase"></i>
                {#/if}
                {#if Boolean.Parse($T.HasOnsiteParking)}
                    <i class="fas fa-parking-circle"></i>
                {#/if}
                {#if Boolean.Parse($T.ArePetsAllowed)}
                    <i class="fas fa-paw-alt"></i>
                {#/if}
                {#if Boolean.Parse($T.IsInternetIncluded)}
                    <i class="fas fa-wifi"></i>
                {#/if}
            </div>
            {#if $T.SavingsPercentage!=""}
            <div class="rentalsResultsStartingPriceItemOtherYourSavings {#if ShowCurrencyCode}with-currency-code {#/if}{$T.CurrencySuffix}">
                <span class="clubCardHotelRateLabel">
                    {#if membersCanOnlyPurchaseMaxSavingsItems || !ShowCardSavings}
                        Save
                    {#else}
                        Savings Dollars
                    {#/if}
                </span>
                <span class="clubCardSavings">
                    {$T.Savings}
                </span>
            </div>
            {#/if}
        </div>
       {#/if}
     </div>

<div class="modal-box">
        <div class="header-block">
            <h6 class="h6">Price Details</h6>
        </div>
        <button class="close-button" type="button" onclick="$('#modalBoxPriceDetails').toggleClass('hidden');">
            <img src="/images/buttons/close-icon.png" alt="Close" class="icon-16">
        </button>
        <div class="body-block">
            <div class="price-details">
                <p>{$T.numberOfNights} Nights</p>
                <p>{$T.finalPriceLessTaxes}</p>
            </div>           
            <div class="price-details">
                <p>Taxes</p>
                <p>{$T.taxesAndFees}</p>
            </div>
            {#if $T.feesAtHotel}
            <div class="price-details">
                <p>
                    Fees
                    Due at Property
                </p>
                <p>{$T.feesAtHotel}</p>
            </div>           
            {#/if}
            <div class="separator"></div>
            <div class="price-details">
                <p class="total font-weight-bold">Total Price</p>
                <p class="total"><span class="retail-price">{$T.retailPrice}</span> <span class="font-weight-bold">{$T.totalPrice}</span></p>
            </div>
            <div class="price-details">
                <p class="total model-box-price-saving">
                    {#if membersCanOnlyPurchaseMaxSavingsItems || !ShowCardSavings}
                        Savings
                    {#else}
                        Savings Dollars
                    {#/if}
                </p>
                <p class="total model-box-price-saving">{$T.saving}</p>
            </div>            
        </div>
    </div>

<div class="rentals-map-marker-infowindow">
         {#if $T.MarkerType == "GeospatialSearchPoint"}
            <div class="rentals-map-marker-infowindow-margin-center-clear"></div>
            <div class="rentals-map-marker-infowindow-poi-origin">
                {$T.FormattedAddress}
            </div>
            <div class="rentals-map-marker-infowindow-margin-center-clear"></div>
         {#/if}
         {#if $T.MarkerType != "GeospatialSearchPoint"}
            <div class="rentals-map-marker-infowindow-photoload">
                <img class="rentals-map-marker-infowindow-photo" src="~photourl" />
            </div>
            <div class="rentals-map-marker-info-container">
                <div class="rentals-map-marker-infowindow-name">
                    {$T.Name}
                </div>
                <div class="rentals-map-marker-infowindow-margin-center-clear">
                    <span class="stars rentalresultsstars rentals-map-marker-infowindow-starsalign">
                        {#for i = 1 to Number($T.StarRating)}
                            <i class="fas fa-star"></i>
                        {#/for}
                        {#if Boolean.Parse($T.resort.HasHalfStar)}
                            <i class="fas fa-star-half"></i>
                        {#/if}
                    </span>
                    <span class="rentals-map-marker-infowindow-savingspercent"> {$T.SavingsPercentage}</span>
                </div>
                 <div class="rentals-map-marker-infowindow-margin-center-clear">
                    <span class="rentals-map-marker-infowindow-ttlprice">
                        Total with Tax: {$T.PriceInclTaxes}</span>
                    <span class="rentals-map-marker-infowindow-currencysuffix"> {$T.CurrencySuffix}</span>
                </div>
                <div class="rentals-map-marker-infowindow-button-container">
                    <a class="buttons_standardblue" href="javascript:FilterHotelNameAndExpandRooms('{$T.FunctionSafeResortName}',{$T.CityId},{$T.ResortGroupId})">
                        Show Details
                    </a>
                </div>
                <div class="rentals-map-marker-infowindow-margin-center-clear"></div>
            </div>
         {#/if}
    </div>

<div id="mouseoverContent" class="rentals-map-marker-mouseover-infowindow">
        {#if $T.MarkerType == "GeospatialSearchPoint"}
            <div class="rentals-map-marker-infowindow-margin-center-clear"></div>
            <div class="rentals-map-marker-infowindow-poi-origin">
                {$T.FormattedAddress}
            </div>
            <div class="rentals-map-marker-infowindow-margin-center-clear"></div>
        {#/if}
        {#if $T.MarkerType != "GeospatialSearchPoint"}
            <div class="rentals-map-marker-infowindow-name">
                {$T.Name}
            </div>
            <div class="rentals-map-marker-infowindow-margin-center-clear">
                <span class="stars rentalresultsstars rentals-map-marker-infowindow-starsalign">
                    {#for i = 1 to Number($T.StarRating)}
                        <i class="fas fa-star"></i>
                    {#/for}
                    {#if Boolean.Parse($T.resort.HasHalfStar)}
                        <i class="fas fa-star-half"></i>
                    {#/if}
                </span>
                <span class="rentals-map-marker-infowindow-savingspercent"> {$T.SavingsPercentage}</span>
            </div>
            <div class="rentals-map-marker-infowindow-margin-center-clear">
                <span class="rentals-map-marker-infowindow-ttlprice">
                    Total with Tax: {$T.PriceInclTaxes}
                </span>
                <span class="rentals-map-marker-infowindow-currencysuffix">{$T.CurrencySuffix}</span>
            </div>
            <div class="rentals-map-marker-infowindow-margin-center-clear"></div>
        {#/if}
    </div>

Upgrade to Premium

Gain Access To Wholesale Prices

Save Up To 70% Off Travel

Unlimited Savings All Year Long

MEMBER BEST