echo page_head('Become a Dealer');
echo page_modals();
echo nav_html('dealer-register');
?>
<div style="height:68px"></div>
<div style="height:68px"></div>

<section style="background:linear-gradient(135deg,var(--dark),var(--dark2));padding:70px 1.5rem;text-align:center">
  <div class="container">
    <p class="eyebrow" style="color:var(--saffron-light)">Partner With Us</p>
    <h1 class="section-title" style="color:var(--amber)">Become a Dealer</h1>
    <p style="color:rgba(253,246,236,.5)">Join our dealer network and grow your business with factory-direct prices.</p>
  </div>
</section>

<section style="padding:80px 1.5rem;background:#fff">
  <div class="container">
    <div style="display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start">
      <div>
        <h2 style="font-size:1.6rem;font-weight:800;color:var(--maroon);margin-bottom:1.5rem">Why Become a Dealer?</h2>
                <div style="display:flex;gap:1rem;margin-bottom:1.2rem;padding:.9rem;background:var(--cream);border-radius:var(--rad-sm);border:1px solid var(--border)">
          <span style="font-size:1.5rem;flex-shrink:0">💰</span>
          <div><strong style="color:var(--text);display:block;margin-bottom:2px">Best Wholesale Prices</strong><span style="color:var(--text-light);font-size:.83rem">Factory-direct rates with attractive dealer margins.</span></div>
        </div>
                <div style="display:flex;gap:1rem;margin-bottom:1.2rem;padding:.9rem;background:var(--cream);border-radius:var(--rad-sm);border:1px solid var(--border)">
          <span style="font-size:1.5rem;flex-shrink:0">📦</span>
          <div><strong style="color:var(--text);display:block;margin-bottom:2px">Priority Stock</strong><span style="color:var(--text-light);font-size:.83rem">Dealers get priority allocation during high-demand seasons.</span></div>
        </div>
                <div style="display:flex;gap:1rem;margin-bottom:1.2rem;padding:.9rem;background:var(--cream);border-radius:var(--rad-sm);border:1px solid var(--border)">
          <span style="font-size:1.5rem;flex-shrink:0">🚚</span>
          <div><strong style="color:var(--text);display:block;margin-bottom:2px">Special Delivery Terms</strong><span style="color:var(--text-light);font-size:.83rem">Reduced shipping costs and faster processing for dealers.</span></div>
        </div>
                <div style="display:flex;gap:1rem;margin-bottom:1.2rem;padding:.9rem;background:var(--cream);border-radius:var(--rad-sm);border:1px solid var(--border)">
          <span style="font-size:1.5rem;flex-shrink:0">🎁</span>
          <div><strong style="color:var(--text);display:block;margin-bottom:2px">Marketing Support</strong><span style="color:var(--text-light);font-size:.83rem">Product brochures, samples, and marketing materials provided.</span></div>
        </div>
                <div style="display:flex;gap:1rem;margin-bottom:1.2rem;padding:.9rem;background:var(--cream);border-radius:var(--rad-sm);border:1px solid var(--border)">
          <span style="font-size:1.5rem;flex-shrink:0">📞</span>
          <div><strong style="color:var(--text);display:block;margin-bottom:2px">Dedicated Account Manager</strong><span style="color:var(--text-light);font-size:.83rem">A dedicated contact for your orders and queries.</span></div>
        </div>
                <div style="display:flex;gap:1rem;margin-bottom:1.2rem;padding:.9rem;background:var(--cream);border-radius:var(--rad-sm);border:1px solid var(--border)">
          <span style="font-size:1.5rem;flex-shrink:0">🔄</span>
          <div><strong style="color:var(--text);display:block;margin-bottom:2px">Flexible Payment Terms</strong><span style="color:var(--text-light);font-size:.83rem">Negotiable payment terms for established dealers.</span></div>
        </div>
              </div>
      <div style="background:var(--cream);border-radius:var(--radius);padding:2rem;border:1px solid var(--border)">
        <h3 style="font-size:1.3rem;font-weight:800;color:var(--maroon);margin-bottom:1.5rem">Dealer Registration</h3>
        <div id="dealer-msg" style="display:none;padding:.8rem;border-radius:var(--rad-sm);margin-bottom:1rem;font-size:.88rem"></div>
        <form method="POST" action="actions/dealer-register.php">
          <div class="form-group"><label>Business Name *</label><input type="text" name="name" placeholder="Your shop or company name" required></div>
          <div class="form-row">
            <div class="form-group"><label>Phone *</label><input type="tel" name="phone" placeholder="Phone number" required></div>
            <div class="form-group"><label>Email *</label><input type="email" name="email" placeholder="Email address" required></div>
          </div>
          <div class="form-group"><label>Business Address *</label><textarea name="address" rows="2" placeholder="Full address with district and municipality" required></textarea></div>
          <div class="form-group"><label>Password *</label><input type="password" name="password" placeholder="Create a password (min 6 chars)" required minlength="6"></div>
          <div class="form-group"><label>What products are you interested in?</label><textarea name="notes" rows="2" placeholder="e.g. Agarbatti, Dhup Batti, Raw Materials..."></textarea></div>
          <button type="submit" class="btn btn-primary btn-block" style="margin-top:.5rem">Submit Registration</button>
        </form>
        <p style="text-align:center;margin-top:1rem;font-size:.8rem;color:var(--text-light)">After submission, admin will review and approve your account. You'll be notified via phone.</p>
      </div>
    </div>
  </div>
</section>
<footer>
  <div class="footer-inner">
    <div class="footer-brand">
      <div class="footer-logo">
        <span class="om" style="font-size:2rem;color:var(--saffron)">ॐ</span>
        <div><div class="brand-name">Bhole Shankar Agarbati Udhyog</div><div class="brand-sub">Dhanusha, Nepal</div></div>
      </div>
      <p>Premium agarbatti, dhup batti, candles &amp; raw materials — manufactured with devotion in Nepal.</p>
    </div>
    <div class="footer-col"><h4>Quick Links</h4>
      <a href="index.php">Home</a><a href="products.php">Products</a>
      <a href="about.php">About Us</a><a href="contact.php">Contact</a>
    </div>
    <div class="footer-col"><h4>Categories</h4>
      <a href="products.php?cat=Agarbatti">Agarbatti</a>
      <a href="products.php?cat=Dhup+Batti">Dhup Batti</a>
      <a href="products.php?cat=Candles">Candles</a>
      <a href="products.php?cat=Raw+Materials">Raw Materials</a>
    </div>
    <div class="footer-col"><h4>Contact</h4>
      <p>📍 Kshireshwornath Municipality-5<br>Dhanusha, Nepal</p>
      <p>📞 <a href="tel:9812078172" style="color:var(--saffron-light)">9812078172</a></p>
      <p>✉️ <a href="mailto:support@bsaudhyog.com" style="color:var(--saffron-light)">support@bsaudhyog.com</a></p>
      <p>⏰ Sun–Fri: 8AM – 6PM</p>
    </div>
  </div>
  <div class="footer-bottom"><p>© <?php echo date('Y'); ?> Bhole Shankar Agarbati Udhyog · All rights reserved · ॐ नमः शिवाय</p></div>
</footer>
<a href="https://wa.me/9779812078172" target="_blank" class="whatsapp-btn">
  <svg width="20" height="20" viewBox="0 0 24 24" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
  WhatsApp Order
</a><script>// ================================================================
// BHOLE SHANKAR AGARBATI UDHYOG — Main JavaScript
// Cart, Filters, UI, WhatsApp Order, Admin
// ================================================================

// WhatsApp order function (used on products page)
function orderProduct(product, price) {
    let phone = "9779812078172";
    let msg = "Namaste! I want to order:\n\n";
    msg += "Product: " + product + "\n";
    if (price) msg += "Price: NPR " + price + "\n";
    msg += "\nPlease confirm availability.";
    let url = "https://wa.me/" + phone + "?text=" + encodeURIComponent(msg);
    window.open(url, '_blank');
}

// ================================================================
// CART SYSTEM (localStorage based)
// ================================================================
let cart = [];

function loadCart() {
    try {
        cart = JSON.parse(localStorage.getItem('bsau_cart') || '[]');
    } catch(e) { cart = []; }
    updateCartUI();
}

function saveCart() {
    localStorage.setItem('bsau_cart', JSON.stringify(cart));
}

function addToCart(id, name, price, unit, emoji) {
    let existing = cart.find(c => c.id == id);
    if (existing) {
        existing.qty++;
    } else {
        cart.push({ id, name, price: parseFloat(price), unit, emoji, qty: 1 });
    }
    saveCart();
    updateCartUI();
    showToast('✅ ' + name + ' added to cart!');
    // Open cart on first add
    if (cart.length === 1) openCart();
}

function changeQty(id, delta) {
    let item = cart.find(c => c.id == id);
    if (!item) return;
    item.qty += delta;
    if (item.qty <= 0) cart = cart.filter(c => c.id != id);
    saveCart();
    updateCartUI();
}

function updateCartUI() {
    let count = cart.reduce((s, c) => s + c.qty, 0);
    let total = cart.reduce((s, c) => s + c.price * c.qty, 0);
    let countEl = document.getElementById('cart-count');
    let totalEl = document.getElementById('cart-total-price');
    if (countEl) countEl.textContent = count;
    if (totalEl) totalEl.textContent = 'NPR ' + total.toLocaleString();

    let itemsEl = document.getElementById('cart-items');
    if (!itemsEl) return;

    if (cart.length === 0) {
        itemsEl.innerHTML = '<div class="cart-empty"><div style="font-size:3rem;margin-bottom:1rem;opacity:.4">🛒</div><p>Your cart is empty</p></div>';
    } else {
        itemsEl.innerHTML = cart.map(c => `
            <div class="cart-item">
                <div class="ci-emoji">${c.emoji || '📦'}</div>
                <div class="ci-info">
                    <div class="ci-name">${c.name}</div>
                    <div class="ci-price">NPR ${(c.price * c.qty).toLocaleString()} <span style="opacity:.5;font-weight:400">(${c.unit})</span></div>
                </div>
                <div class="ci-controls">
                    <button class="qty-btn" onclick="changeQty('${c.id}', -1)">−</button>
                    <span class="qty-num">${c.qty}</span>
                    <button class="qty-btn" onclick="changeQty('${c.id}', 1)">+</button>
                </div>
            </div>`).join('');
    }
}

function openCart() {
    document.getElementById('cart-sidebar').classList.add('open');
    document.getElementById('cart-overlay').classList.add('active');
}

function closeCart() {
    document.getElementById('cart-sidebar').classList.remove('open');
    document.getElementById('cart-overlay').classList.remove('active');
}

function toggleCart() {
    let sb = document.getElementById('cart-sidebar');
    if (sb.classList.contains('open')) closeCart();
    else openCart();
}

// ================================================================
// PRODUCT FILTER (products page)
// ================================================================
let currentFilter = 'all';

function filterProducts(cat, btn) {
    currentFilter = cat;
    document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
    if (btn) btn.classList.add('active');
    document.querySelectorAll('.product-card').forEach(card => {
        let cardCat = card.getAttribute('data-cat');
        if (cat === 'all' || cardCat === cat) {
            card.classList.remove('hidden');
        } else {
            card.classList.add('hidden');
        }
    });
}

// ================================================================
// CHECKOUT / ORDER PLACEMENT
// ================================================================
function proceedToCheckout() {
    if (cart.length === 0) { showToast('❌ Your cart is empty!'); return; }
    closeCart();

    let total = cart.reduce((s, c) => s + c.price * c.qty, 0);
    let summaryEl = document.getElementById('order-summary');
    if (summaryEl) {
        summaryEl.innerHTML = cart.map(c => `
            <div class="os-item">
                <span>${c.emoji} ${c.name} ×${c.qty}</span>
                <span>NPR ${(c.price * c.qty).toLocaleString()}</span>
            </div>`).join('') +
            `<div class="os-item" style="font-weight:800;color:var(--maroon);border-top:1px solid var(--border);margin-top:6px;padding-top:6px">
                <span>Total</span><span>NPR ${total.toLocaleString()}</span>
            </div>`;
    }
    showModal('order-modal');
}

function submitOrder() {
    let name    = document.getElementById('o-name').value.trim();
    let phone   = document.getElementById('o-phone').value.trim();
    let address = document.getElementById('o-address').value.trim();

    if (!name || !phone || !address) {
        showToast('❌ Please fill all required fields!');
        return;
    }

    let formData = new FormData();
    formData.append('action', 'place_order');
    formData.append('customer_name', name);
    formData.append('phone', phone);
    formData.append('email', document.getElementById('o-email').value.trim());
    formData.append('address', address);
    formData.append('notes', document.getElementById('o-notes').value.trim());
    formData.append('cart', JSON.stringify(cart));
    formData.append('total', cart.reduce((s, c) => s + c.price * c.qty, 0));

    fetch('actions/order.php', { method: 'POST', body: formData })
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                document.getElementById('order-ref').textContent = 'Order ID: ' + data.order_id;
                hideModal('order-modal');
                showModal('success-modal');
                cart = [];
                saveCart();
                updateCartUI();
                clearForm(['o-name','o-phone','o-email','o-address','o-notes']);
            } else {
                showToast('❌ Error: ' + (data.message || 'Could not place order'));
            }
        })
        .catch(() => {
            // Fallback: WhatsApp order if server not available
            let msg = "New Order from Website:\n\n";
            msg += "Name: " + name + "\n";
            msg += "Phone: " + phone + "\n";
            msg += "Address: " + address + "\n\n";
            msg += "Items:\n";
            cart.forEach(c => { msg += "- " + c.name + " x" + c.qty + " = NPR " + (c.price * c.qty) + "\n"; });
            msg += "\nTotal: NPR " + cart.reduce((s, c) => s + c.price * c.qty, 0);
            window.open("https://wa.me/9779812078172?text=" + encodeURIComponent(msg), '_blank');
            showToast('✅ Redirecting to WhatsApp for order!');
        });
}

// ================================================================
// CONTACT FORM
// ================================================================
function sendContact() {
    let name = document.getElementById('cf-name') ? document.getElementById('cf-name').value.trim() : '';
    let phone = document.getElementById('cf-phone') ? document.getElementById('cf-phone').value.trim() : '';
    let msg = document.getElementById('cf-message') ? document.getElementById('cf-message').value.trim() : '';

    if (!name || !phone || !msg) { showToast('❌ Please fill all fields!'); return; }

    let formData = new FormData();
    formData.append('action', 'contact');
    formData.append('name', name);
    formData.append('phone', phone);
    formData.append('email', document.getElementById('cf-email') ? document.getElementById('cf-email').value.trim() : '');
    formData.append('message', msg);

    fetch('actions/contact.php', { method: 'POST', body: formData })
        .then(r => r.json())
        .then(data => {
            showToast(data.success ? '✅ Message sent! We will contact you soon.' : '❌ Error sending message.');
            if (data.success) clearForm(['cf-name','cf-phone','cf-email','cf-message']);
        })
        .catch(() => {
            // WhatsApp fallback
            let waMsg = "Inquiry from website:\nName: " + name + "\nPhone: " + phone + "\nMessage: " + msg;
            window.open("https://wa.me/9779812078172?text=" + encodeURIComponent(waMsg), '_blank');
        });
}

// ================================================================
// ADMIN
// ================================================================
function openAdminLogin() {
    showModal('admin-login-modal');
}

function verifyAdmin() {
    let pwd = document.getElementById('admin-pwd').value;
    let formData = new FormData();
    formData.append('password', pwd);

    fetch('admin/login.php', { method: 'POST', body: formData })
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                hideModal('admin-login-modal');
                window.location.href = 'admin/dashboard.php';
            } else {
                showToast('❌ Incorrect password!');
            }
        })
        .catch(() => { showToast('❌ Could not connect to server.'); });
}

document.addEventListener('DOMContentLoaded', function() {
    let pwdInput = document.getElementById('admin-pwd');
    if (pwdInput) pwdInput.addEventListener('keydown', e => { if (e.key === 'Enter') verifyAdmin(); });
});

// ================================================================
// MODAL HELPERS
// ================================================================
function showModal(id) {
    let el = document.getElementById(id);
    if (el) { el.style.display = 'flex'; document.body.style.overflow = 'hidden'; }
}
function hideModal(id) {
    let el = document.getElementById(id);
    if (el) { el.style.display = 'none'; document.body.style.overflow = ''; }
}

// ================================================================
// TOAST
// ================================================================
function showToast(msg, duration) {
    let toast = document.getElementById('toast');
    if (!toast) return;
    toast.textContent = msg;
    toast.classList.add('show');
    setTimeout(() => toast.classList.remove('show'), duration || 3000);
}

// ================================================================
// UTILITIES
// ================================================================
function clearForm(ids) {
    ids.forEach(id => {
        let el = document.getElementById(id);
        if (el) el.value = '';
    });
}

// Navbar scroll effect
window.addEventListener('scroll', function() {
    let navbar = document.getElementById('navbar');
    if (navbar) {
        if (window.scrollY > 40) navbar.classList.add('scrolled');
        else navbar.classList.remove('scrolled');
    }
});

// Mobile nav
function toggleMobileNav() {
    document.getElementById('nav-links').classList.toggle('open');
}
function closeMobileNav() {
    let nl = document.getElementById('nav-links');
    if (nl) nl.classList.remove('open');
}

// Active nav link
function setActiveNav() {
    let page = window.location.pathname.split('/').pop() || 'index.php';
    document.querySelectorAll('.nav-links a').forEach(a => {
        let href = a.getAttribute('href') || '';
        if (href && page.includes(href.replace('.php','').replace('.html',''))) {
            a.classList.add('active');
        }
    });
}

// Scroll animations
function initScrollAnimation() {
    let observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.style.opacity = '1';
                entry.target.style.transform = 'translateY(0)';
            }
        });
    }, { threshold: 0.1 });

    document.querySelectorAll('.why-card, .feature-item, .contact-card, .product-card').forEach(el => {
        el.style.opacity = '0';
        el.style.transform = 'translateY(18px)';
        el.style.transition = 'opacity .5s ease, transform .5s ease';
        observer.observe(el);
    });
}

// Init on DOM ready
document.addEventListener('DOMContentLoaded', function() {
    loadCart();
    setActiveNav();
    initScrollAnimation();

    // Close cart overlay click
    let overlay = document.getElementById('cart-overlay');
    if (overlay) overlay.addEventListener('click', closeCart);

    // Modal close on overlay click
    document.querySelectorAll('.modal-overlay').forEach(mo => {
        mo.addEventListener('click', function(e) {
            if (e.target === mo) hideModal(mo.id);
        });
    });
});
</script></body></html>