const translations = {
    de: {
        title: "Co&Sher - Ihre Koscher Bäckerei",
        welcomeMessage: "Frische Backwaren mit Liebe gemacht",
        orderNow: "Jetzt bestellen",
        viewProducts: "Produkte ansehen",
        navProducts: "Produkte",
        navAbout: "Über uns",
        navTestimonials: "Bewertungen",
        navContact: "Kontakt",
        ourProducts: "Unsere Produkte",
        orderTitle: "Ihre Bestellung",
        orderButton: "Bestellung aufgeben",
        payButton: "Bestellen und online bezahlen",
        viewOrders: "Bestellungen ansehen",
        ordersTitle: "Alle Bestellungen bei Co&sher",
        backToOrder: "Zurück zur Bestellung",
        weight: "Gewicht",
        price: "Preis",
        pieces: "Stk.",
        orderPlaced: "Bestellung aufgegeben! Sie erhalten die Zahlungsdetails bald über Telegram.",
        orderError: "Fehler beim Aufgeben der Bestellung. Bitte versuchen Sie es später erneut.",
        customerInfo: "Ihre Daten",
        nameLabel: "Name",
        phoneLabel: "Telefonnummer (Telegram)",
        itemName: "Produkt",
        itemImage: "Bild",
        quantity: "Menge",
        subtotal: "Zwischensumme",
        total: "Gesamt",
        customer: "Kunde",
        phone: "Telefon",
        date: "Datum",
        orderConfirmationTitle: "Bestellung aufgegeben",
        orderConfirmationMessage: "Ihre Bestellung <strong id=\"orderNumber\"></strong> wurde erfolgreich aufgegeben! Bitte warten Sie auf die Zahlungsdetails über Telegram.",
        close: "Schließen",
        aboutTitle: "Über unsere Bäckerei",
        aboutText1: "Co&Sher Bakers ist ein koscherer Bäcker in Wien, der die Traditionen des osteuropäischen Backens fortführt und ausschließlich natürliche Zutaten und bewährte Rezepte verwendet.",
        aboutText2: "Jeden Tag kreieren unsere Bäcker unter der strengen Aufsicht der Mashgiach unübertroffene Desserts, damit Sie den wahren Geschmack traditioneller koscherer Süßigkeiten genießen können. Bestellen Sie die Lieferung und probieren Sie noch heute unsere Backwaren!",
        galleryTitle: "Gallery",
	testimonialsTitle: "Was unsere Kunden sagen",
        testimonial1Text: "Die besten Croissants in der Stadt! Immer frisch und unglaublich lecker.",
        testimonial1Author: "Anna, Stammkundin",
        testimonial2Text: "Der Napoleon ist einfach magisch! Danke für so leckere Desserts.",
        testimonial2Author: "Michael, Naschkatze",
        testimonial3Text: "Ich liebe Ihr Baguette – perfekt zum Frühstückskaffee!",
        testimonial3Author: "Elena, Anwohnerin",
        contactTitle: "Kontaktieren Sie uns",
        contactLocation: "Wir befinden uns in Wien, Österreich",
        contactPhoneLabel: "Telefon:",
        contactEmailLabel: "Email:",
        contactHoursLabel: "Öffnungszeiten:",
        contactHours: "Mo-So, 8:00–20:00",
        footerText: "© 2025 Co&Sher Bäckerei",
        emailLabel: "Email (optional)",
        emailError: "Bitte geben Sie eine gültige Email-Adresse ein",
        deliveryDateLabel: "Gewünschtes Lieferdatum",
        deliveryDateError: "Bitte wählen Sie ein gültiges Datum"
    },
    en: {
        title: "Co&Sher - Your Kosher Bakery",
        welcomeMessage: "Freshly baked goods made with love",
        orderNow: "Order Now",
        viewProducts: "View Products",
        navProducts: "Products",
        navAbout: "About Us",
        navTestimonials: "Testimonials",
        navContact: "Contact",
        ourProducts: "Our Products",
        orderTitle: "Your Order",
        orderButton: "Place Order",
        payButton: "Order and Pay Online",
        viewOrders: "View Orders",
        ordersTitle: "All Orders at Co&Sher",
        backToOrder: "Back to Order",
        weight: "Weight",
        price: "Price",
        pieces: "pcs.",
        orderPlaced: "Order placed! You will receive payment details via Telegram soon.",
        orderError: "Error placing order. Please try again later.",
        customerInfo: "Your Details",
        nameLabel: "Name",
        phoneLabel: "Phone Number (Telegram)",
        itemName: "Item",
        itemImage: "Image",
        quantity: "Quantity",
        subtotal: "Subtotal",
        total: "Total",
        customer: "Customer",
        phone: "Phone",
        date: "Date",
        orderConfirmationTitle: "Order Placed",
        orderConfirmationMessage: "Your order <strong id=\"orderNumber\"></strong> has been successfully placed! Please wait for payment details via Telegram.",
        close: "Close",
        aboutTitle: "About Our Bakery",
        aboutText1: "Co&Sher Bakery is a kosher bakery in Vienna that continues the traditions of Eastern European baking, using only natural ingredients and proven recipes.",
        aboutText2: "Every day, our bakers create unrivaled desserts under the strict supervision of the Mashgiach so that you can enjoy the real taste of traditional kosher sweets. Order delivery and try our pastries today!",
        galleryTitle: "Gallery",
        testimonialsTitle: "What Our Customers Say",
        testimonial1Text: "The best croissants in town! Always fresh and incredibly delicious.",
        testimonial1Author: "Anna, Regular Customer",
        testimonial2Text: "The Napoleon is simply magical! Thanks for such delicious desserts.",
        testimonial2Author: "Michael, Sweet Tooth",
        testimonial3Text: "I love your baguette – perfect with morning coffee!",
        testimonial3Author: "Elena, Local Resident",
        contactTitle: "Contact Us",
        contactLocation: "We are located in Vienna, Austria",
        contactPhoneLabel: "Phone:",
        contactEmailLabel: "Email:",
        contactHoursLabel: "Opening Hours:",
        contactHours: "Mon-Sun, 8:00–20:00",
        footerText: "© 2025 Co&Sher Bakery",
        emailLabel: "Email (optional)",
        emailError: "Please enter a valid email address",
        deliveryDateLabel: "Desired Delivery Date",
        deliveryDateError: "Please select a valid date"
    }
};

function updateLanguage(lang) {
    document.querySelectorAll('[data-i18n]').forEach(element => {
        const key = element.getAttribute('data-i18n');
        if (translations[lang][key]) {
            element.innerHTML = translations[lang][key];
        } else {
            console.warn(`Translation key "${key}" not found for language "${lang}"`);
            element.innerHTML = key;
        }
    });
    document.documentElement.lang = lang;
    localStorage.setItem('language', lang);
    updateErrorMessages(lang);
    const currentLanguageElement = document.getElementById('currentLanguage');
    if (currentLanguageElement) {
        currentLanguageElement.textContent = lang.toUpperCase();
    }
}

function updateErrorMessages(lang) {
    const nameError = document.getElementById('nameError');
    const phoneError = document.getElementById('phoneError');
    const emailError = document.getElementById('emailError');
    const deliveryDateError = document.getElementById('deliveryDateError');
    if (nameError) nameError.textContent = lang === 'de' ? 'Bitte geben Sie Ihren Namen ein' : 'Please enter your name';
    if (phoneError) phoneError.textContent = lang === 'de' ? 'Bitte geben Sie eine gültige Telefonnummer ein' : 'Please enter a valid phone number';
    if (emailError) emailError.textContent = lang === 'de' ? 'Bitte geben Sie eine gültige Email-Adresse ein' : 'Please enter a valid email address';
    if (deliveryDateError) deliveryDateError.textContent = lang === 'de' ? 'Bitte wählen Sie ein gültiges Datum' : 'Please select a valid date';
}

function calculateTotal() {
    let total = 0;
    document.querySelectorAll('.item-subtotal').forEach(subtotal => {
        total += parseFloat(subtotal.textContent) || 0;
    });
    const totalPriceElement = document.getElementById('totalPrice');
    if (totalPriceElement) totalPriceElement.textContent = total.toFixed(2);
    return total;
}

let isLoadingItems = false;

async function loadItems() {
    if (isLoadingItems) return;
    isLoadingItems = true;

    try {
        const response = await fetch('/api/items');
        if (!response.ok) throw new Error('Failed to load items');
        const items = await response.json();
        const itemsBody = document.getElementById('items');
        const productsContainer = document.getElementById('products-list');
        const lang = localStorage.getItem('language') || 'de';

        if (itemsBody) {
            itemsBody.innerHTML = '';
            document.querySelectorAll('.qty-input').forEach(input => input.value = '0');
            document.querySelectorAll('.item-subtotal').forEach(subtotal => subtotal.textContent = '0');
            if (items.length === 0) {
                itemsBody.innerHTML = '<tr><td colspan="6">No items available</td></tr>';
                return;
            }
            items.forEach(item => {
                const itemName = item['name'][lang];
                const itemId = item['id']; // Используем id как уникальный ключ
                const imageSrc = item.image ? `/static/uploads/${item.image}` : 'https://via.placeholder.com/50x50?text=No+Image';
                const row = document.createElement('tr');
                row.innerHTML = `
                    <td><img src="${imageSrc}" class="item-image" alt="${itemName}"></td>
                    <td>${itemName}</td>
                    <td>${item.weight}g</td>
                    <td>${item.price}€</td>
                    <td><input type="number" name="item_${itemId}" min="0" value="0" class="form-control qty-input" style="width: 80px;"></td>
                    <td class="item-subtotal">0</td>
                `;
                itemsBody.appendChild(row);
            });
            document.querySelectorAll('.qty-input').forEach(input => {
                input.addEventListener('input', () => {
                    const row = input.closest('tr');
                    const price = parseFloat(row.children[3].textContent);
                    const qty = parseInt(input.value) || 0;
                    row.querySelector('.item-subtotal').textContent = (price * qty).toFixed(2);
                    calculateTotal();
                });
            });
        }

        if (productsContainer) {
            productsContainer.innerHTML = '';
            items.forEach(item => {
                const itemName = item['name'][lang];
                const description = item['description'] ? item['description'][lang] : '';
                const card = document.createElement('div');
                card.className = 'col-md-4 product-card';
                const imageSrc = item.image ? `/static/uploads/${item.image}` : 'https://via.placeholder.com/200x150?text=No+Image';
                card.innerHTML = `
                    <img src="${imageSrc}" alt="${itemName}">
                    <h5>${itemName}</h5>
                    <p>${item.weight}g | ${item.price}€</p>
                `;
                card.addEventListener('click', () => {
                    document.getElementById('productDetailModalLabel').textContent = itemName;
                    document.getElementById('productDetailImage').src = imageSrc;
                    document.getElementById('productDetailDescription').textContent = description || 'No description available';
                    const modal = new bootstrap.Modal(document.getElementById('productDetailModal'));
                    modal.show();
                });
                productsContainer.appendChild(card);
            });
        }
    } catch (error) {
        console.error('Error loading items:', error);
        const itemsBody = document.getElementById('items');
        if (itemsBody) itemsBody.innerHTML = '<tr><td colspan="6">Error loading items</td></tr>';
    } finally {
        isLoadingItems = false;
    }
}

document.getElementById('orderForm')?.addEventListener('submit', async (e) => {
    e.preventDefault();
    const lang = localStorage.getItem('language') || 'de';
    const nameInput = document.getElementById('name');
    const phoneInput = document.getElementById('phone');
    const emailInput = document.getElementById('email');
    const deliveryDateInput = document.getElementById('desired_delivery_date');
    const nameError = document.getElementById('nameError');
    const phoneError = document.getElementById('phoneError');
    const emailError = document.getElementById('emailError');
    const deliveryDateError = document.getElementById('deliveryDateError');
    let isValid = true;

    [nameInput, phoneInput, emailInput, deliveryDateInput].forEach(input => 
        input?.classList.remove('error-field'));
    [nameError, phoneError, emailError, deliveryDateError].forEach(error => 
        error.style.display = 'none');

    if (!nameInput.value.trim()) {
        nameInput.classList.add('error-field');
        nameError.style.display = 'block';
        isValid = false;
    }

    const phonePattern = /^\+[0-9]{10,15}$/;
    if (!phonePattern.test(phoneInput.value)) {
        phoneInput.classList.add('error-field');
        phoneError.style.display = 'block';
        isValid = false;
    }

    if (emailInput.value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(emailInput.value)) {
        emailInput.classList.add('error-field');
        emailError.style.display = 'block';
        isValid = false;
    }

    const formData = new FormData(e.target);
    const order = {};
    const customer = {};
    let hasItems = false;
    for (let [key, value] of formData.entries()) {
        if (['name', 'phone', 'email', 'desired_delivery_date'].includes(key)) {
            if (value) customer[key] = value;
        } else if (key.startsWith('item_') && parseInt(value) > 0) { // Проверяем по id
            const itemId = key.replace('item_', '');
            order[itemId] = value;
            hasItems = true;
        }
    }
    if (!hasItems) {
        alert(lang === 'de' ? 'Bitte wählen Sie mindestens eine Position aus' : 'Please select at least one item');
        isValid = false;
    }

    if (!isValid) return;

    const apiToken = '9e5d1ad760dca96891d22a7f2e68f860';
    const response = await fetch('/api/order', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Accept-Language': lang,
            'Authorization': `Bearer ${apiToken}`
        },
        body: JSON.stringify({ order, customer })
    });

    if (response.ok) {
        const data = await response.json();
        const orderNumber = data.order_number;
        document.getElementById('orderNumber').textContent = orderNumber;
        const modal = new bootstrap.Modal(document.getElementById('orderConfirmationModal'));
        modal.show();
        document.getElementById('items').innerHTML = '';
        document.getElementById('totalPrice').textContent = '0';
        loadItems();
        document.getElementById('orderForm').reset();
        calculateTotal();
    } else {
        const error = await response.json();
        alert(`${translations[lang].orderError} (${error.error || 'Unknown error'})`);
    }
});

async function loadOrders() {
    const lang = localStorage.getItem('language') || 'de';
    try {
        const response = await fetch('/api/orders', {
            headers: { 'Accept-Language': lang }
        });
        if (!response.ok) {
            console.log('Redirecting to login, status:', response.status);
            window.location.href = '/api/login';
            return;
        }

        const orders = await response.json();
        console.log('Orders received:', orders);

        const ordersContainer = document.getElementById('orders');
        if (!ordersContainer) {
            console.error('Element #orders not found in DOM');
            return;
        }

        ordersContainer.innerHTML = '';

        if (!orders || !Array.isArray(orders) || orders.length === 0) {
            ordersContainer.innerHTML = '<p>No orders available</p>';
            console.log('No orders to display');
            return;
        }

        orders.forEach(order => {
            const lines = order.order_text.split('\n');
            let itemsHtml = '';
            lines.forEach(line => {
                const match = line.match(/(.+): (\d+) (?:Stk\.|pcs\.) x ([\d.]+)€ = ([\d.]+)€/);
                if (match) {
                    const [_, itemName, qty, price, subtotal] = match;
                    itemsHtml += `<li>${itemName}: ${qty} ${translations[lang].pieces} (${price}€ × ${qty} = ${subtotal}€)</li>`;
                }
            });

            const card = document.createElement('div');
            card.className = 'order-card';
            card.innerHTML = `
                <h5>#${order.order_number}</h5>
                <p><strong>${translations[lang].customer}:</strong> ${order.customer_name}</p>
                <p><strong>${translations[lang].phone}:</strong> ${order.customer_phone}</p>
                <p><strong>${translations[lang].total}:</strong> ${order.total_price}€</p>
                <p><strong>${translations[lang].date}:</strong> ${new Date(order.created_at).toLocaleString(lang === 'de' ? 'de-AT' : 'en-GB')}</p>
                ${itemsHtml ? '<p><strong>Items:</strong></p><ul>' + itemsHtml + '</ul>' : '<p>No items in this order</p>'}
            `;
            ordersContainer.appendChild(card);
        });
        console.log('Rendered', orders.length, 'orders');
    } catch (error) {
        console.error('Error loading orders:', error);
        const ordersContainer = document.getElementById('orders');
        if (ordersContainer) {
            ordersContainer.innerHTML = '<p>Error loading orders: ' + error.message + '</p>';
        }
    }
}

document.addEventListener('DOMContentLoaded', () => {
    const lang = localStorage.getItem('language') || 'de';
    updateLanguage(lang);
    if (document.getElementById('items') || document.getElementById('products-list')) loadItems();
    if (document.getElementById('orders')) loadOrders();

    document.querySelectorAll('.language-dropdown a').forEach(link => {
        link.addEventListener('click', (e) => {
            e.preventDefault();
            const lang = e.target.getAttribute('data-lang');
            updateLanguage(lang);
            if (document.getElementById('items') || document.getElementById('products-list')) loadItems();
            if (document.getElementById('orders')) loadOrders();
        });
    });

    // Добавляем обработчик для кнопки "Close" в orderConfirmationModal
    const closeConfirmationBtn = document.getElementById('closeConfirmationBtn');
    if (closeConfirmationBtn) {
        closeConfirmationBtn.addEventListener('click', () => {
            // Закрываем orderConfirmationModal
            const confirmationModal = bootstrap.Modal.getInstance(document.getElementById('orderConfirmationModal'));
            if (confirmationModal) {
                confirmationModal.hide();
            }

            // Закрываем orderModal
            const orderModal = bootstrap.Modal.getInstance(document.getElementById('orderModal'));
            if (orderModal) {
                orderModal.hide();
            }
        });
    }
});