= 640"
class="container mx-auto sm:px-5 md:pb-12 md:pt-0"
x-data="{
open: window.innerWidth > 640 ? true : false,
isDesktop: window.innerWidth >= 640,
showUpit: false,
stile: 0,
prices: [{"day_from":1,"day_to":3,"price_per_day":40,"price_period_id":3},{"day_from":4,"day_to":7,"price_per_day":35,"price_period_id":3},{"day_from":8,"day_to":13,"price_per_day":30,"price_period_id":3},{"day_from":14,"day_to":20,"price_per_day":27,"price_period_id":3},{"day_from":21,"day_to":null,"price_per_day":25,"price_period_id":3},{"day_from":1,"day_to":3,"price_per_day":50,"price_period_id":1},{"day_from":4,"day_to":7,"price_per_day":45,"price_period_id":1},{"day_from":8,"day_to":13,"price_per_day":40,"price_period_id":1},{"day_from":14,"day_to":20,"price_per_day":35,"price_period_id":1},{"day_from":21,"day_to":null,"price_per_day":30,"price_period_id":1},{"day_from":1,"day_to":3,"price_per_day":50,"price_period_id":2},{"day_from":4,"day_to":7,"price_per_day":45,"price_period_id":2},{"day_from":8,"day_to":13,"price_per_day":40,"price_period_id":2},{"day_from":14,"day_to":20,"price_per_day":35,"price_period_id":2},{"day_from":21,"day_to":null,"price_per_day":30,"price_period_id":2}],
periods: [{"id":1,"name":"Sezonski (Zima)","start_day":1,"start_month":12,"end_day":15,"end_month":1,"is_active":true,"is_default":false,"created_at":"2026-05-26T14:37:34.000000Z","updated_at":"2026-05-26T14:37:34.000000Z"},{"id":2,"name":"Sezonski (Leto)","start_day":1,"start_month":7,"end_day":1,"end_month":9,"is_active":true,"is_default":false,"created_at":"2026-05-26T14:37:34.000000Z","updated_at":"2026-05-26T14:37:34.000000Z"},{"id":3,"name":"Van Sezone","start_day":null,"start_month":null,"end_day":null,"end_month":null,"is_active":true,"is_default":true,"created_at":"2026-05-26T14:37:34.000000Z","updated_at":"2026-05-26T14:37:34.000000Z"}],
datest: {
startDate: null ,
endDate: null ,
},
vreme_preuzimanja: $wire.vreme_preuzimanja,
vreme_vracanja: $wire.vreme_vracanja,
init() {
this.$watch('stile', value => {
if (window.innerWidth < 640) this.bodyScroll(value)
})
this.$watch('open', value => this.bodyScroll(value))
this.$watch('vreme_preuzimanja', value => $wire.vreme_vracanja = this.vreme_vracanja = $wire.vreme_preuzimanja)
this.$watch('vreme_vracanja', value => $wire.vreme_preuzimanja = this.vreme_preuzimanja = $wire.vreme_vracanja)
this.$watch('datest', value => {
if (value.startDate) {
let d = new Date(value.startDate);
if (!isNaN(d.getTime())) {
$wire.datum_preuzimanja = d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
}
} else {
$wire.datum_preuzimanja = null;
}
if (value.endDate) {
let d = new Date(value.endDate);
if (!isNaN(d.getTime())) {
$wire.datum_vracanja = d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
}
} else {
$wire.datum_vracanja = null;
}
})
const urlParams = new URLSearchParams(window.location.search)
if (urlParams.get('start_date') && urlParams.get('end_date') && urlParams.get('time_pickup') && urlParams.get('time_return')) {
this.datest = {
startDate: new Date(urlParams.get('start_date')),
endDate: new Date(urlParams.get('end_date')),
}
$wire.vreme_preuzimanja = this.vreme_preuzimanja = urlParams.get('time_pickup') ?? this.vreme_preuzimanja
$wire.vreme_vracanja = this.vreme_vracanja = urlParams.get('time_return') ?? this.vreme_vracanja
window.history.replaceState('vehicle', window.document.title, window.location.origin + window.location.pathname);
}
this.$nextTick(() => {
this.initGallery();
});
},
initGallery() {
const mainEl = document.getElementById('main-slider');
const thumbEl = document.getElementById('thumbnail-slider');
if (mainEl) {
const main = new Splide('#main-slider', {
type: 'fade',
rewind: true,
pagination: false,
arrows: true,
});
if (thumbEl) {
const thumbnails = new Splide('#thumbnail-slider', {
fixedWidth: 100,
fixedHeight: 60,
gap: 10,
rewind: true,
pagination: false,
isNavigation: true,
breakpoints: {
600: {
fixedWidth: 60,
fixedHeight: 44,
},
},
});
main.sync(thumbnails);
main.mount();
thumbnails.mount();
} else {
main.mount();
}
}
},
async openLightbox(index) {
const PhotoSwipe = (await import('https://cdn.jsdelivr.net/npm/photoswipe@5.4.3/dist/photoswipe.esm.js')).default;
const pswp = new PhotoSwipe({
dataSource: [
{
src: 'https://rentacarcruz.com/storage/media/4/conversions/cruz-citroen-c-elysee-white-studio-v3-transparent-thumb_lg_png.png',
width: 1080,
height: 720,
alt: 'Citroen C-ELYSEE White'
},
],
index: index,
});
pswp.init();
},
bodyScroll(value) {
if (value != 0) {
document.body.classList.add('overflow-hidden')
} else {
document.body.classList.remove('overflow-hidden')
}
},
getDays() {
if (!this.datest.startDate || !this.datest.endDate) return 0;
let days = parseInt((new Date(this.datest.endDate).getTime() - new Date(this.datest.startDate).getTime()) / (1000 * 3600 * 24))
return days > 0 ? days : 1;
},
getTotalPrice() {
if (!this.datest.startDate || !this.datest.endDate) return 0;
let total = 0;
let days = this.getDays();
let start = new Date(this.datest.startDate);
for (let i = 0; i < days; i++) {
let date = new Date(start);
date.setDate(date.getDate() + i);
total += this.getPriceForDate(date, days);
}
return total;
},
getPriceForDate(date, totalDays) {
let month = date.getMonth() + 1;
let day = date.getDate();
let current = (month * 100) + day;
let period = this.periods.find(p => {
if (p.is_default) return false;
let s = (p.start_month * 100) + p.start_day;
let e = (p.end_month * 100) + p.end_day;
if (s <= e) {
return current >= s && current <= e;
} else {
return current >= s || current <= e;
}
});
if (!period) {
period = this.periods.find(p => p.is_default);
}
if (!period) return 0;
let priceObj = this.prices.find(p => {
return p.price_period_id == period.id &&
totalDays >= p.day_from &&
(p.day_to == null || totalDays <= p.day_to);
});
if (!priceObj && !period.is_default) {
let defaultPeriod = this.periods.find(p => p.is_default);
if (defaultPeriod) {
priceObj = this.prices.find(p => {
return p.price_period_id == defaultPeriod.id &&
totalDays >= p.day_from &&
(p.day_to == null || totalDays <= p.day_to);
});
}
}
return priceObj ? priceObj.price_per_day : 0;
},
}"
>
Citroen C-ELYSEE White
5
5
Gasoline
Manual
Automatic
As low as 25€
Reserve
About car
Citroen C-Elysee is a car that stands out for its spaciousness, comfort and fuel economy, which makes it perfect for family trips and business trips. Its elegant design, ease of use and reliability are among the main reasons why it is popular among drivers. With advanced safety features and a comfortable interior, the C-Elysee provides a pleasant driving experience. Rent a Car Cruz Belgrade offers Citroen C-Elysee at extremely favorable prices, allowing you to enjoy all the advantages of this car without high costs.
Price list
| Number of days | Price per day |
|---|---|
| 1-3 | 40€ |
| 4-7 | 35€ |
| 8-13 | 30€ |
| 14-20 | 27€ |
| 21+ | 25€ |
Locations in Belgrade
Our rent-a-car is located in Zvezdara, but you can pick up the vehicle at any location in Belgrade. Enjoy a carefree start to your journey because we bring your vehicle directly to the desired location.
Unlimited mileage
All vehicles in our rent-a-car have unlimited mileage, which allows you to travel without worrying about the kilometers traveled. Enjoy driving and exploring without limits.
Impeccable vehicles
Our vehicles are perfectly clean and regularly maintained, providing you with comfort during every drive. We assure you that you will receive a vehicle that is completely fixed and ready for the road.
Fully insured vehicles
All vehicles in our rent-a-car are covered by comprehensive insurance, which guarantees you complete protection while driving. With us, you can be sure that you are protected in the event of an accident or vehicle damage.