let vacations = [
  {
    id: 1,
    country: 'Турция',
    city: 'Анталья',
    dateFrom: '2026-09-15',
    dateTo: '2026-09-25',
    budget: 1200,
    hotel: 'Rixos Sungate 5*',
    tickets: 'Рейс TK-412, Турецкие авиалинии'
  },
  {
    id: 2,
    country: 'Таиланд',
    city: 'Пхукет',
    dateFrom: '2026-11-10',
    dateTo: '2026-11-24',
    budget: 2100,
    hotel: 'JW Marriott Phuket 5*',
    tickets: 'Рейс SU-270, Аэрофлот + TG-2203'
  },
  {
    id: 3,
    country: 'ОАЭ',
    city: 'Дубай',
    dateFrom: '2026-12-20',
    dateTo: '2026-12-30',
    budget: 2800,
    hotel: 'Atlantis The Palm 5*',
    tickets: 'Рейс FZ-654, FlyDubai'
  },
  {
    id: 4,
    country: 'Мальдивы',
    city: 'Мале',
    dateFrom: '2027-01-15',
    dateTo: '2027-01-25',
    budget: 4500,
    hotel: 'Conrad Maldives Rangali 5*',
    tickets: 'Рейс QR-234, Qatar Airways + гидросамолёт'
  },
  {
    id: 5,
    country: 'Италия',
    city: 'Римини',
    dateFrom: '2026-07-01',
    dateTo: '2026-07-14',
    budget: 1600,
    hotel: 'Grand Hotel Rimini 5*',
    tickets: 'Рейс AZ-596, ITA Airways'
  },
  {
    id: 6,
    country: 'Испания',
    city: 'Барселона',
    dateFrom: '2026-08-05',
    dateTo: '2026-08-15',
    budget: 1400,
    hotel: 'W Barcelona 5*',
    tickets: 'Рейс VY-3124, Vueling'
  }
];

document.getElementById('vacationForm').addEventListener('submit', function(e) {
  e.preventDefault();
  
  const vacation = {
    id: Date.now(),
    country: document.getElementById('country').value.trim(),
    city: document.getElementById('city').value.trim(),
    dateFrom: document.getElementById('dateFrom').value,
    dateTo: document.getElementById('dateTo').value,
    budget: parseFloat(document.getElementById('budget').value) || 0,
    hotel: document.getElementById('hotel').value.trim(),
    tickets: document.getElementById('tickets').value.trim()
  };
  
  vacations.unshift(vacation);
  renderCards();
  updateStats();
  this.reset();
});

function renderCards() {
  const grid = document.getElementById('cardsGrid');
  const emptyState = document.getElementById('emptyState');
  
  if (vacations.length === 0) {
    grid.innerHTML = '';
    emptyState.style.display = 'block';
    return;
  }
  
  emptyState.style.display = 'none';
  
  grid.innerHTML = vacations.map(v => {
    const days = calculateDays(v.dateFrom, v.dateTo);
    const dates = formatDateRange(v.dateFrom, v.dateTo);
    const flag = getCountryFlag(v.country);
    
    return `
      <div class="vacation-card">
        <div class="card-location">
          <div class="flag-icon">${flag}</div>
          <div class="location-info">
            <h3>${escapeHtml(v.country)}</h3>
            <p>${escapeHtml(v.city)}</p>
          </div>
        </div>
        
        <div class="card-details">
          <div class="detail-row">
            <span class="d-icon">📅</span>
            <span>${dates} <strong>(${days} дн.)</strong></span>
          </div>
          ${v.hotel ? `
          <div class="detail-row">
            <span class="d-icon">🏨</span>
            <span>${escapeHtml(v.hotel)}</span>
          </div>
          ` : ''}
          ${v.tickets ? `
          <div class="detail-row">
            <span class="d-icon">🎫</span>
            <span>${escapeHtml(v.tickets)}</span>
          </div>
          ` : ''}
        </div>
        
        <div class="card-budget">
          <span class="budget-label">Бюджет</span>
          <span class="budget-value">$${v.budget.toLocaleString()}</span>
        </div>
        
        <div class="card-actions">
          <button class="btn-delete" onclick="deleteVacation(${v.id})">
            🗑️ Удалить
          </button>
        </div>
      </div>
    `;
  }).join('');
}

function deleteVacation(id) {
  if (confirm('Удалить этот вариант?')) {
    vacations = vacations.filter(v => v.id !== id);
    renderCards();
    updateStats();
  }
}

function updateStats() {
  const total = vacations.length;
  const avg = total > 0 
    ? Math.round(vacations.reduce((sum, v) => sum + v.budget, 0) / total)
    : 0;
  
  document.getElementById('totalCount').textContent = total;
  document.getElementById('avgBudget').textContent = avg > 0 ? `$${avg.toLocaleString()}` : '$0';
}

function calculateDays(from, to) {
  const start = new Date(from);
  const end = new Date(to);
  const diff = end - start;
  return Math.ceil(diff / (1000 * 60 * 60 * 24)) + 1;
}

function formatDateRange(from, to) {
  const options = { day: 'numeric', month: 'short' };
  const fromStr = new Date(from).toLocaleDateString('ru-RU', options);
  const toStr = new Date(to).toLocaleDateString('ru-RU', options);
  return `${fromStr} — ${toStr}`;
}

function formatDate(dateStr) {
  return new Date(dateStr).toLocaleDateString('ru-RU', { 
    day: 'numeric', 
    month: 'long', 
    year: 'numeric' 
  });
}

function escapeHtml(text) {
  if (!text) return '';
  const div = document.createElement('div');
  div.textContent = text;
  return div.innerHTML;
}

function getCountryFlag(country) {
  const flags = {
    'Турция': '🇹🇷',
    'Таиланд': '🇹🇭',
    'ОАЭ': '🇦🇪',
    'Мальдивы': '🇲🇻',
    'Италия': '🇮🇹',
    'Испания': '🇪🇸',
    'Грузия': '🇬🇪',
    'Египет': '🇪🇬',
    'Греция': '🇬🇷',
    'Кипр': '🇨🇾'
  };
  return flags[country] || '🌍';
}

function exportToExcel() {
  if (vacations.length === 0) {
    alert('Сначала добавьте варианты отпуска');
    return;
  }
  
  const headers = ['Страна', 'Город', 'Дата вылета', 'Дата возвращения', 'Дней', 'Бюджет ($)', 'Отель', 'Билеты'];
  const rows = vacations.map(v => [
    v.country,
    v.city,
    formatDate(v.dateFrom),
    formatDate(v.dateTo),
    calculateDays(v.dateFrom, v.dateTo),
    v.budget,
    v.hotel,
    v.tickets
  ]);
  
  const csvContent = '\uFEFF' + [
    headers.join(';'),
    ...rows.map(row => row.map(cell => '"' + String(cell || '').replace(/"/g, '""') + '"').join(';'))
  ].join('\n');
  
  const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
  const link = document.createElement('a');
  link.href = URL.createObjectURL(blob);
  link.download = 'otpusk_plan.csv';
  link.click();
}

updateStats();
renderCards();