const scrollContainer=document.getElementById('scroll-container');
const btnLeft=document.querySelector('.scroll-left');
const btnRight=document.querySelector('.scroll-right');
function scrollLeft(){
const cell=scrollContainer.querySelector('.infos-table-cell');
const cellWidth=cell ? cell.offsetWidth + 7:window.innerWidth * 0.85;
scrollContainer.scrollBy({
left: -cellWidth,
behavior: 'smooth'
});
}
function scrollRight(){
const cell=scrollContainer.querySelector('.infos-table-cell');
const cellWidth=cell ? cell.offsetWidth + 7:window.innerWidth * 0.85;
scrollContainer.scrollBy({
left: cellWidth,
behavior: 'smooth'
});
}
function updateScrollButtons(){
const scrollLeftValue=scrollContainer.scrollLeft;
const maxScroll=scrollContainer.scrollWidth - scrollContainer.clientWidth;
if(scrollLeftValue <=10){
btnLeft.style.display='none';
btnRight.style.display='flex';
}else if(scrollLeftValue >=maxScroll - 10){
btnLeft.style.display='flex';
btnRight.style.display='none';
}else{
btnLeft.style.display='flex';
btnRight.style.display='flex';
}}
window.addEventListener('load', updateScrollButtons);
scrollContainer.addEventListener('scroll', updateScrollButtons);
btnLeft.addEventListener('click', scrollLeft);
btnRight.addEventListener('click', scrollRight);