script.js

const productsData = {
    "1": { name: "مجلسی فول کاردست", price: "۱۲,۵۰۰,۰۰۰ تومان", fabric: "فول کریستال عربی", size: "50" },
    "2": { name: "مجلسی فول کاردست لوکس", price: "۱۴,۰۰۰,۰۰۰ تومان", fabric: "فول کریستال عربی", size: "50" },
    "3": { name: "مجلسی فول کاردست کلاسیک", price: "۱۱,۲۰۰,۰۰۰ تومان", fabric: "فول کریستال عربی", size: "52" },
    "5": { name: "مجلسی پنل کاردست", price: "۹,۸۰۰,۰۰۰ تومان", fabric: "کرپ مشکی پنل  کاردست", size: "46" },
    "6": { name: "شنل مشکی کاردست", price: "۷,۵۰۰,۰۰۰ تومان", fabric: "تور سنگ دوزی", size: "فری سایز" },
    "7": { name: "مجلسی تمام کاردست پرنسسی دودامن", price: "۱۸,۹۰۰,۰۰۰ تومان", fabric: "دو دامن فول کار دست ", size: "48" },
    "8": { name: "مجلسی فول کاردست", price: "۱۳,۴۰۰,۰۰۰ تومان", fabric: " فول کریستال گلبهی ", size: "52" },
    "9": { name: "مجلسی کاردست پنل", price: "۱۰,۵۰۰,۰۰۰ تومان", fabric: "کرپ مشکی پنل کار دست", size: "48" },
    "10": { name: "مجلسی فول کاردست", price: "۱۵,۰۰۰,۰۰۰ تومان", fabric: "تور کاردست سنگین عربی", size: "46" }
};

let cart = [];
let wishlist = [];
let currentProductId = null;

document.querySelectorAll('.details-btn').forEach(button => {
    button.addEventListener('click', function() {
        const id = this.getAttribute('data-id');
        const product = productsData[id];
        if(product) {
            currentProductId = id;
            document.getElementById('modalTitle').innerText = product.name;
            document.getElementById('modalPrice').innerText = product.price;
            document.getElementById('modalFabric').innerText = product.fabric;
            document.getElementById('modalOccasion').innerText = product.size;
            const productModal = new bootstrap.Modal(document.getElementById('productModal'));
            productModal.show();
        }
    });
});
function updateUI() {
    document.getElementById('cartCount').innerText = cart.length;
    document.getElementById('wishlistCount').innerText = wishlist.length;

    const cartBody = document.getElementById('cartModalBody');
    if(cart.length === 0) {
        cartBody.innerHTML = '<p class="text-center text-muted py-4">سبد خرید شما خالی است.</p>';
    } else {
        let html = '<ul class="list-group list-group-flush">';
        cart.forEach((item, index) => {
            html += `
                <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent border-bottom py-3">
                    <div style="text-align: right;">
                        <h6 class="mb-0 text-dark">${item.name}</h6>
                        <small class="text-muted">${item.price}</small>
                    </div>
                    <button class="btn btn-sm btn-outline-danger border-0" onclick="removeFromCart(${index})">
                        <i class="fa fa-trash"></i>
                    </button>
                </li>
            `;
        });
        html += '</ul>';
        cartBody.innerHTML = html;
    }

    const wishlistBody = document.getElementById('wishlistModalBody');
    if(wishlist.length === 0) {
        wishlistBody.innerHTML = '<p class="text-center text-muted py-4">لیست علاقه‌مندی‌های شما خالی است.</p>';
    } else {
        let html = '<ul class="list-group list-group-flush">';
        wishlist.forEach((item, index) => {
            html += `
                <li class="list-group-item d-flex justify-content-between align-items-center bg-transparent border-bottom py-3">
                    <div style="text-align: right;">
                        <h6 class="mb-0 text-dark">${item.name}</h6>
                        <small class="text-muted">${item.price}</small>
                    </div>
                    <button class="btn btn-sm btn-outline-danger border-0" onclick="removeFromWishlist(${index})">
                        <i class="fa fa-trash"></i>
                    </button>
                </li>
            `;
        });
        html += '</ul>';
        wishlistBody.innerHTML = html;
    }
}

window.removeFromCart = function(index) {
    cart.splice(index, 1);
    updateUI();
}

window.removeFromWishlist = function(index) {
    wishlist.splice(index, 1);
    updateUI();
}

// کدهای اسلایدر قبلی شما
let currentSlide = 0;
const slides = document.querySelectorAll('.slide');
window.showSlide = function(index) {
    slides.forEach(slide => slide.classList.remove('active'));
    if (index >= slides.length) currentSlide = 0;
    if (index < 0) currentSlide = slides.length - 1;
    slides[currentSlide].classList.add('active');
}
window.nextSlide = function() {
    currentSlide++;
    showSlide(currentSlide);
}
window.prevSlide = function() {
    currentSlide--;
    showSlide(currentSlide);
}

updateUI();
function updateUI(){
    document.getElementById('cartCount').innerText = cart.length;
    document.getElementById('wishlistCount').innerText = wishlist.length;
    // ===== سبد خرید =====
    const cartBody = document.getElementById('cartModalBody');
    if(cart.length === 0){
        cartBody.innerHTML = '<p class="text-center text-muted py-4">سبد خرید شما خالی است.</p>';
    }else{
        let html = '<ul class="list-group list-group-flush">';
        cart.forEach((item,index)=>{
            const img = `image/${item.id}.jpg`;
            html += `
            <li class="list-group-item d-flex align-items-center justify-content-between">
                <img src="${img}" style="width:60px;height:60px;object-fit:cover;border-radius:8px">
                <div style="flex:1;text-align:right;margin-right:10px">
                    <h6 class="mb-0">${item.name}</h6>
                    <small class="text-muted">${item.price}</small>
                </div>
                <button class="btn btn-sm btn-outline-danger border-0" onclick="removeFromCart(${index})">
                    <i class="fa fa-trash"></i>
                </button>
            </li>
            `;
        });
        html += '</ul>';
        cartBody.innerHTML = html;
    }

    // ===== علاقه مندی =====
    const wishlistBody = document.getElementById('wishlistModalBody');
    if(wishlist.length === 0){
        wishlistBody.innerHTML = '<p class="text-center text-muted py-4">لیست علاقه‌مندی‌های شما خالی است.</p>';
    }else{
        let html = '<ul class="list-group list-group-flush">';
        wishlist.forEach((item,index)=>{
            const img = `image/${item.id}.jpg`;
            html += `
            <li class="list-group-item d-flex align-items-center justify-content-between">
                <img src="${img}" style="width:60px;height:60px;object-fit:cover;border-radius:8px">
                <div style="flex:1;text-align:right;margin-right:10px">
                    <h6 class="mb-0">${item.name}</h6>
                    <small class="text-muted">${item.price}</small>
                </div>
                <button class="btn btn-sm btn-dark" onclick="moveToCart(${index})">
                    خرید
                </button>
                <button class="btn btn-sm btn-outline-danger border-0" onclick="removeFromWishlist(${index})">
                    <i class="fa fa-trash"></i>
                </button>
            </li>
            `;
        });
        html += '</ul>';
        wishlistBody.innerHTML = html;
    }
}
function moveToCart(index){
    const item = wishlist[index];
    if(!cart.some(product => product.id === item.id)){
        cart.push(item);
    }
    wishlist.splice(index,1);
    updateUI();
}

// سرچ هوشمند
const searchInput = document.getElementById("searchInput");
if (searchInput) {
    searchInput.addEventListener("input", function() {
        const filter = this.value.trim().toLowerCase();
        // انتخاب تمام کالاهای گالری
        const galleryItems = document.querySelectorAll(".gallery-item");

        galleryItems.forEach(item => {
            // متن عنوان لباس رو می‌گیره
            const title = item.querySelector(".dress-title").innerText.toLowerCase();
            
            // اگه عنوان لباس شامل کلمه سرچ شده باشه، نمایش میده، وگرنه مخفی می‌کنه
            if (title.includes(filter)) {
                item.parentElement.style.display = "block"; // نمایش کارت
            } else {
                item.parentElement.style.display = "none"; // مخفی کردن کارت
            }
        });
    });
}
// ===== گرفتن کاربران =====
function getUsers(){
return JSON.parse(localStorage.getItem("users")) || [];
}

// ===== ذخیره کاربران =====
function saveUsers(users){
localStorage.setItem("users", JSON.stringify(users));
}

// ===== گرفتن کاربر فعلی =====
function getCurrentUser(){
return JSON.parse(localStorage.getItem("currentUser"));
}

// ===== آپدیت اطلاعات کاربر =====
function updateUserData(updatedUser){
let users = getUsers();
users = users.map(user => {
if(user.email === updatedUser.email){
return updatedUser;
}
return user;
});
saveUsers(users);
localStorage.setItem("currentUser", JSON.stringify(updatedUser));
}

// ===== ثبت نام =====
document.getElementById("registerForm").addEventListener("submit", function(e){
e.preventDefault();
const name = this.querySelector('input[type="text"]').value;
const email = this.querySelector('input[type="email"]').value;
const password = this.querySelector('input[type="password"]').value;
let users = getUsers();
let exist = users.find(u => u.email === email);
if(exist){
alert("این ایمیل قبلا ثبت شده");
return;
}
let newUser = {
name:name,
email:email,
password:password,
cart:[],
wishlist:[]
};
users.push(newUser);
saveUsers(users);
alert("ثبت نام موفق ✅");
this.reset();
});

// ===== ورود =====
document.getElementById("loginForm").addEventListener("submit", function(e){
e.preventDefault();
const email = this.querySelector('input[type="text"]').value;
const password = this.querySelector('input[type="password"]').value;
let users = getUsers();
let user = users.find(u => u.email === email && u.password === password);
if(user){
localStorage.setItem("currentUser", JSON.stringify(user));
updateCartCount();
updateWishlistCount();
updateUserUI();
alert("ورود موفق ✅");
this.reset();
}else{
alert("اطلاعات اشتباه است");
}
});

// ===== افزودن به سبد خرید =====
function addToCart(productId){
let user = getCurrentUser();
if(!user){
alert("ابتدا وارد حساب شوید");
return;
}

user.cart.push(productId);
updateUserData(user);
updateCartCount();
alert("به سبد خرید اضافه شد");
}

// ===== افزودن به علاقه مندی =====
function addToWishlist(productId){
let user = getCurrentUser();
if(!user){
alert("ابتدا وارد حساب شوید");
return;
}
user.wishlist.push(productId);
updateUserData(user);
updateWishlistCount();
alert("به علاقه مندی اضافه شد");
}

// ===== تعداد سبد خرید =====
function updateCartCount(){
let user = getCurrentUser();
if(!user){
document.getElementById("cartCount").innerText = 0;
return;
}
document.getElementById("cartCount").innerText = user.cart.length;
}

// ===== تعداد علاقه مندی =====
function updateWishlistCount(){
let user = getCurrentUser();
if(!user){
document.getElementById("wishlistCount").innerText = 0;
return;
}
document.getElementById("wishlistCount").innerText = user.wishlist.length;
}

// ===== نمایش سبد خرید =====
function renderCart(){
let user = getCurrentUser();
const cartBody = document.getElementById("cartModalBody");
if(!user || user.cart.length === 0){
cartBody.innerHTML = "سبد خرید خالی است";
return;
}
let html = "";
user.cart.forEach(id => {
html += `<p>محصول شماره ${id}</p>`;
});
cartBody.innerHTML = html;
}

// ===== نمایش علاقه مندی =====
function renderWishlist(){
let user = getCurrentUser();
const body = document.getElementById("wishlistModalBody");
if(!user || user.wishlist.length === 0){
body.innerHTML = "لیست خالی است";
return;
}
let html = "";
user.wishlist.forEach(id => {
html += `<p>محصول شماره ${id}</p>`;
});
body.innerHTML = html;
}

// ===== اتصال دکمه ها =====
document.addEventListener("DOMContentLoaded", function(){
updateCartCount();
updateWishlistCount();
let cartModal = document.getElementById("cartModal");
cartModal.addEventListener("show.bs.modal", renderCart);
let wishlistModal = document.getElementById("wishlistModal");
wishlistModal.addEventListener("show.bs.modal", renderWishlist);
});

// ===== اتصال دکمه های محصولات =====
document.querySelectorAll(".details-btn").forEach(btn=>{
btn.addEventListener("click",function(){
let id = this.dataset.id;

document.getElementById("addToCartBtn").onclick=function(){
addToCart(id);
}

document.getElementById("addToWishlistBtn").onclick=function(){
addToWishlist(id);
}
});
});

// تبدیل قیمت فارسی به عدد
function priceToNumber(priceText){
let english = priceText
.replace(/,/g,"")
.replace(" تومان","")
.replace(/[۰-۹]/g, d => "۰۱۲۳۴۵۶۷۸۹".indexOf(d));
return parseInt(english);
}

const priceRange = document.getElementById("priceRange");
const priceValue = document.getElementById("priceValue");
if(priceRange){
priceRange.addEventListener("input", function(){
let maxPrice = parseInt(this.value);
priceValue.innerText = maxPrice.toLocaleString("fa-IR");
document.querySelectorAll(".gallery-item").forEach(item=>{
let id = item.querySelector(".details-btn").dataset.id;
let product = productsData[id];
let priceNumber = priceToNumber(product.price);
if(priceNumber <= maxPrice){
item.parentElement.style.display = "block";
}else{
item.parentElement.style.display = "none";
}
});
});
}

// نمایش وضعیت کاربر
function updateUserUI(){
let user = getCurrentUser();
const userBox = document.querySelector(".user-box");
const loginBtn = document.querySelector(".btn-login");
const signBtn = document.querySelector(".btn-sign");
const userName = document.getElementById("userName");
if(user){
userBox.style.display = "flex";
loginBtn.style.display = "none";
signBtn.style.display = "none";
userName.innerText = user.name;
}else{
userBox.style.display = "none";
loginBtn.style.display = "inline-block";
signBtn.style.display = "inline-block";
}
}

function logout(){
localStorage.removeItem("currentUser");
cart = [];
wishlist = [];
updateCartCount();
updateWishlistCount();
updateUserUI();
alert("از حساب خارج شدید");
}
// ===== اصلاح نمایش سبد خرید =====
function renderCart(){
let user = getCurrentUser();
const cartBody = document.getElementById("cartModalBody");
if(!user || user.cart.length === 0){
cartBody.innerHTML = '<p class="text-center text-muted">سبد خرید خالی است</p>';
return;
}
let html = '<ul class="list-group list-group-flush">';
user.cart.forEach(id => {
let product = productsData[id];
if(!product) return;
let img = `image/${id}.jpg`;
html += `
<li class="list-group-item d-flex align-items-center justify-content-between">
<img src="${img}" style="width:60px;height:60px;object-fit:cover;border-radius:8px">
<div style="flex:1;text-align:right;margin-right:10px">
<h6 class="mb-0">${product.name}</h6>
<small class="text-muted">${product.price}</small>
</div>
</li>
`;
});
html += "</ul>";
cartBody.innerHTML = html;
}
// ===== اصلاح نمایش علاقه مندی =====
function renderWishlist(){
let user = getCurrentUser();
const body = document.getElementById("wishlistModalBody");
if(!user || user.wishlist.length === 0){
body.innerHTML = '<p class="text-center text-muted">لیست خالی است</p>';
return;
}
let html = '<ul class="list-group list-group-flush">';
user.wishlist.forEach(id => {
let product = productsData[id];
if(!product) return;
let img = `image/${id}.jpg`;
html += `
<li class="list-group-item d-flex align-items-center justify-content-between">
<img src="${img}" style="width:60px;height:60px;object-fit:cover;border-radius:8px">
<div style="flex:1;text-align:right;margin-right:10px">
<h6 class="mb-0">${product.name}</h6>
<small class="text-muted">${product.price}</small>
</div>
<button onclick="addToCart('${id}')" class="btn btn-dark btn-sm">
خرید
</button>
</li>
`;
});
html += "</ul>";
body.innerHTML = html;
}