.evb-review-slider .evb-review-slider-items {
display: flex;
flex-direction: column;
gap: 20px;
animation-name: slideReview;
animation-duration: 50s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: none;
animation-play-state: running;
}

.evb-review-slider .evb-slider-item {
display: flex;
gap: 20px;
}

.evb-review-slider .evb-slider-item .slider-image {
width: 5%;
}

.evb-review-slider .evb-slider-item .slider-image span {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: var(–awb-color4);
color: #fff;
font-weight: bold;
user-select: none;
pointer-events: none;
}

.evb-review-slider .evb-slider-item .slider-content {
width: 95%;
background-color: #f4f4f4;
padding: 30px;
border-radius: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
@keyframes slideReview{
0%{transform:translateY(0)}
to{transform:translateY(-60rem)}
}

/*
function initPlaces() {
const service = new google.maps.places.PlacesService(document.createElement(‘div’));

service.getDetails(
{
placeId: ‘ChIJnzXiPURG24gRxx19x7eIUlw’,
fields: [‘name’, ‘reviews’] },
(place, status) => {
if (status === google.maps.places.PlacesServiceStatus.OK) {
console.log(‘Place:’, place);
const elem_items = document.querySelector(‘.evb-review-slider-items’);
place.reviews?.forEach(r => {
console.log(`${r.author_name}: ${r.rating}/5 – ${r.text}`);
let rating = “”
for (let i = 0; i < r.rating; i++) {
rating += ``
}

elem_items.innerHTML += `

${rating}

${r.text}

${r.author_name}

`
});
} else {
console.error(‘PlacesService failed:’, status);
}
}
);
}
*/

jQuery(document).ready(function ($) {
$.ajax({
url: ‘https://evblinds.com/wp-admin/admin-ajax.php?action=get_reviews’,
method: ‘GET’,
dataType: ‘json’,
success: function (data) {
const elem_items = $(‘.evb-review-slider-items’)
data.forEach(r => {
if( !r.rating ) return
let rating = “”
for (let i = 0; i < r.rating; i++) {
rating += ``
}

const avatar = r.profile_photo_url !== ” ? `` : `${r.author_name.charAt(0)}`

elem_items.append(`

`)
})
data.forEach(r => {
if( !r.rating ) return
let rating = “”
for (let i = 0; i < r.rating; i++) {
rating += ``
}

const avatar = r.profile_photo_url !== ” ? `` : `${r.author_name.charAt(0)}`

elem_items.append(`

`)
})
data.forEach(r => {
if( !r.rating ) return
let rating = “”
for (let i = 0; i < r.rating; i++) {
rating += ``
}

const avatar = r.profile_photo_url !== ” ? `` : `${r.author_name.charAt(0)}`

elem_items.append(`

`)
})
}
})
})

// window.onload = initPlaces;