$(document).ready(function () {
	$('[data-property-slider]')
		.on('initialized.owl.carousel changed.owl.carousel', function (e) {
			$('#counter').text(
				e.relatedTarget.relative(e.item.index) + 1 + '/' + e.item.count,
			);
		})
		.owlCarousel({
			loop: false,
			nav: true,
			dots: false,
			animateIn: true,
			responsiveClass: true,
			items: 1,
			margin: 30,
			navText: [
				'<a class="arrow-left" aria-hidden="true"></a>',
				'<a class="arrow-right" aria-hidden="true"></a>',
			],
			responsive: {
				576: {
					items: 1,
				},
				789: {
					items: 2,
				},
			},
		});
});

// Add leading zero
//.on('changed.owl.carousel', function (e) {
// 	var currentSlideIndex = e.item.index + 1;
// 	var formattedSlideIndex = ('0' + currentSlideIndex).slice(-2); // Add leading zero
// 	$('#counter').text(formattedSlideIndex);
// })

// for append div
//$(document).ready(function () {
	// Append div#counter after ul
	//$('.example').after('<div id="counter">1</div>');
//});