// ===================================فرم==================================

const form = document.getElementById('contactForm');
const submitBtn = document.getElementById('submitBtn');
const backBtn = document.getElementById('backBtn');
const successMessage = document.getElementById('successMessage');
const submitBtnText = submitBtn.querySelector('.btn-text');

form.addEventListener('submit', function (event) {
  event.preventDefault();

  submitBtn.classList.add('loading');
  submitBtnText.textContent = 'درحال ارسال فرم';
  submitBtn.disabled = true;

  setTimeout(() => {
    form.style.display = 'none';

    successMessage.classList.add('visible');
  }, 1500);
});

backBtn.addEventListener('click', function () {
  successMessage.classList.remove('visible');

  form.style.display = 'flex';

  submitBtn.disabled = false;
  submitBtn.classList.remove('loading');
  submitBtnText.textContent = 'ثبت درخواست';

  form.reset();
});

const customSelect = document.getElementById('customSelect');
const selectBox = customSelect.querySelector('.select-box');
const options = customSelect.querySelectorAll('.option');
const selectedText = customSelect.querySelector('.selected-text');

selectBox.addEventListener('click', () => {
  customSelect.classList.toggle('active');
});

options.forEach((option) => {
  option.addEventListener('click', () => {
    options.forEach((item) => {
      item.classList.remove('active');
    });

    option.classList.add('active');
    selectedText.textContent = option.textContent;
    customSelect.classList.remove('active');
  });
});

document.addEventListener('click', (e) => {
  if (!customSelect.contains(e.target)) {
    customSelect.classList.remove('active');
  }
});

const nameInput = document.getElementById('name');
const nameError = document.getElementById('nameError');

nameInput.addEventListener('input', function () {
  const hasNumber = /\d/.test(this.value);

  if (hasNumber) {
    this.classList.add('input-error');
    nameError.textContent = '* فقط حروف فارسی و انگلیسی مجاز است';
  } else {
    this.classList.remove('input-error');
    nameError.textContent = '';
  }
});

const phoneInput = document.getElementById('phone');
const phoneError = document.getElementById('phoneError');

phoneInput.addEventListener('input', function () {
  const hasLetter = /[a-zA-Zآ-ی]/.test(this.value);

  if (hasLetter) {
    this.classList.add('input-error');
    phoneError.textContent = 'فقط عدد مجاز است';
  } else {
    this.classList.remove('input-error');
    phoneError.textContent = '';
  }
  this.value = this.value.replace(/\D/g, '');
});

const emailInput = document.getElementById('email');
const emailError = document.getElementById('emailError');

emailInput.addEventListener('input', function () {
  if (this.value !== '' && !this.value.includes('@')) {
    this.classList.add('input-error');
    emailError.textContent = 'ایمیل باید شامل @ باشد';
  } else {
    this.classList.remove('input-error');
    emailError.textContent = '';
  }
});

// ==================اسکرول لوگو=======================

  const track = document.querySelector('.logos-track');
  track.innerHTML += track.innerHTML;