document.addEventListener("DOMContentLoaded", function () { let reviewsData = [ { name: "Sean Winters", date: "May 14, 2024", text: "Michael was tremendously helpful and great to work with. I was starting from scratch so we ended up with 30+ emails back and forth, and he was patient and informative throughout. The products themselves are superb! Soft matte finish, clear vibrant printing and easy to fold up and fill. Will definitely be continuing to work with Michael at Elite Custom Boxes.", stars: 5 }, { name: "Samuels Seafood Company", date: "Apr 30, 2024", text: "Very responsive and helpful throughout the entire process. Also received the sleeves quickly. Would use them again!", stars: 5 }, { name: "Ben Spungin", date: "Apr 28, 2024", text: "John was great to work with. Very patient with design emails and he and team helped elevate final design. End product is more than I expected. Thick cardboard, beautiful finish, easy right angle folding, and attached tape to seal top and bottom. It’s beautiful.", stars: 5 }, { name: "Chris Wood", date: "Apr 2, 2024", text: "Mike was great to work with on a really large project we had. Worked through any issues we had quickly and efficiently. Mike also made sure we had the boxes earlier than expected allowing us to make our deadline.", stars: 5 }, { name: "James Cannon", date: "Jan 4, 2024", text: "I want you to know how happy I am with the box set your company, Elite Custom Boxes, made for my books. The products are of high quality and the price was reasonable. Your design team worked closely with me to ensure that I would be pleased with the result, which I most certainly am. I plan to use your company for all our future printing needs. Thank you for a job well done.", stars: 5 }, { name: "Elm & Clover Admin", date: "Oct 31, 2023", text: "A fantastic experience! Really went above and beyond for me. I will be continuing to use them for all my product boxes.", stars: 5 }, { name: "Brian May", date: "Aug 20, 2023", text: "The team absolutely crushed our design. We had last minute adjustment to a laser cut insert across all our units that the team adjusted for and produced all within a tight timeline. Our community couldn’t be happier!", stars: 5 }, { name: "Britten Bell", date: "Mar 22, 2023", text: "I worked with Ryan to have custom food boxes made and they turned out beautifully. Their turn around time was so fast. Cannot recommend them enough.", stars: 5 }, { name: "RJ Archambo", date: "Jan 16, 2023", text: "ECB is very easy to work with and delivered a high quality final product. This was top tier customer service and quality. We will continue to work with ECB.", stars: 5 }, { name: "Jaz", date: "Mar 17, 2022", text: "Amazing company! Micheal helped me with my design and walked me through the entire process. The price was amazing everything exceeded my expectations. And it was super fast i received my tracking number and my boxes came two days layer.", stars: 5 } ]; const reviewsPerPage = 5; let currentPage = 1; const reviewContainer = document.getElementById("customer-reviews"); const paginationContainer = document.querySelector(".pagination"); const messageContainer = document.createElement("div"); messageContainer.style.color = "#F57F73"; messageContainer.style.margin = "10px 0"; messageContainer.style.fontWeight = "bold"; messageContainer.id = "review-message"; reviewContainer.parentNode.insertBefore(messageContainer, reviewContainer); function renderReviews(data) { reviewContainer.innerHTML = ""; messageContainer.innerHTML = ""; if (data.length === 0) { messageContainer.innerText = "No reviews available for the selected filter."; paginationContainer.style.display = "none"; // Hide pagination return; } else { paginationContainer.style.display = "block"; // Show pagination if reviews exist } let start = (currentPage - 1) * reviewsPerPage; let end = start + reviewsPerPage; let paginatedReviews = data.slice(start, end); paginatedReviews.forEach(review => { let reviewCard = document.createElement("div"); reviewCard.classList.add("review-card"); reviewCard.innerHTML = ` `; reviewContainer.appendChild(reviewCard); }); setupPagination(data); } function setupPagination(data) { paginationContainer.innerHTML = ""; let totalPages = Math.ceil(data.length / reviewsPerPage); if (messageContainer.innerText !== "") { paginationContainer.style.display = "none"; return; } if (totalPages > 1) { for (let i = 1; i { currentPage = i; renderReviews(data); }); if (i === currentPage) button.classList.add("active"); paginationContainer.appendChild(button); } paginationContainer.style.display = "block"; } else { paginationContainer.style.display = "none"; } } function sortReviews(criteria) { let sortedReviews = [...reviewsData]; switch (criteria) { case "most_recent": case "newest": sortedReviews.sort((a, b) => new Date(b.date) - new Date(a.date)); break; case "oldest": sortedReviews.sort((a, b) => new Date(a.date) - new Date(b.date)); break; case "5stars": case "4stars": case "3stars": case "2stars": case "1stars": let starCount = parseInt(criteria[0]); sortedReviews = sortedReviews.filter(review => review.stars === starCount); break; } currentPage = 1; renderReviews(sortedReviews); } renderReviews(reviewsData); document.getElementById("sortSelect").addEventListener("change", function () { sortReviews(this.value); }); });