Сергей Сергей

card.forEach( (itemCard, index) => {
  itemCard.addEventListener('click', (item) => {
    cardPopup.classList.remove('active');
    setTimeout(() => {
      cardPopup.classList.add('active')
      cardPopup.innerHTML = `
        <div class="card__popup-close" onclick="cardPopupCloseFun()"></div>
        <div class="card__popup-image">
          <img src="${arrayOfCards[index].image}" alt="">
        </div>
        <div class="card__popup-info">
          <h2 class="card__popup-name">${arrayOfCards[index].name}</h2>
          <p class="card__popup-title">${arrayOfCards[index].title}</p>
        </div>
      `;         
    }, 300)

  })
})

const slider = document.querySelectorAll('.gallery').forEach( slider => {
  let isDown = false;
	let startX;
	let scrollLeft;

	slider.addEventListener('mousedown', e => {
	  isDown = true;
	  slider.classList.add('active');
	  startX = e.pageX - slider.offsetLeft;
	  scrollLeft = slider.scrollLeft;
	});
	slider.addEventListener('mouseleave', _ => {
	  isDown = false;
	  slider.classList.remove('active');
	});
	slider.addEventListener('mouseup', _ => {
	  isDown = false;
	  slider.classList.remove('active');
	});
	slider.addEventListener('mousemove', e => {
	  if (!isDown) return;
	  e.preventDefault();
	  const x = e.pageX - slider.offsetLeft;
	  const SCROLL_SPEED = 3;
	  const walk = (x - startX) * SCROLL_SPEED;
	  slider.scrollLeft = scrollLeft - walk;
	});
});

const dd = document.getElementById( 'date_delivery' );
const ints = document.querySelectorAll( '.form_radio_btn' );


dd.onchange = function() {
  const dt = this.valueAsDate;
  console.log( ymdhi( dt) );
  ints.forEach( int => disen( int, dt ) );
}

dd.valueAsDate = new Date();
dd.onchange();



function disen( int, dt ) {
  const [ h1, i1, h2, i2 ] = int.querySelector( '.form_radio_btn label' ).innerText.split( /\D+/ );
  const { year, month, date } = ymdhi( dt );
  const d1 = new Date( year, month, date, h1, i1, 0 );
  const d2 = new Date( year, month, date, h2, i2, 0 );
  const now = new Date();
  int.querySelector( '.form_radio_btn input' ).disabled = ( now > d1 );
}

function ymdhi( now ) {
  const year = now.getFullYear();
  const month = now.getMonth();
  const date = now.getDate();
  const hours = now.getHours();
  const minutes = now.getMinutes();
  return { year, month, date, hours, minutes }
}