/* 
 * Madushan Aluminium - Main JavaScript
 */

document.addEventListener('DOMContentLoaded', function() {
    
    // Initialize AOS Animation
    if(typeof AOS !== 'undefined') {
        AOS.init({
            duration: 800,
            easing: 'ease-in-out',
            once: true,
            offset: 100
        });
    }

    // Navbar Scroll Effect
    const navbar = document.getElementById('mainNav');
    if(navbar) {
        window.addEventListener('scroll', () => {
            if (window.scrollY > 50) {
                navbar.classList.add('scrolled');
            } else {
                navbar.classList.remove('scrolled');
            }
        });
    }

    // Quotation Form Logic
    const shapeSelect = document.getElementById('pantryShape');
    const shapeInputs = document.getElementById('shapeInputs');
    
    if(shapeSelect && shapeInputs) {
        shapeSelect.addEventListener('change', function() {
            const shape = this.value;
            let html = '';
            
            if(shape === 'Straight') {
                html = `
                    <div class="col-md-12 mb-3">
                        <label class="form-label text-gold">Length (ft/cm) *</label>
                        <input type="text" name="side1" class="form-control custom-input" required>
                    </div>
                `;
            } else if(shape === 'L-Shape') {
                html = `
                    <div class="col-md-6 mb-3">
                        <label class="form-label text-gold">Side A Length (ft/cm) *</label>
                        <input type="text" name="side1" class="form-control custom-input" required>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label class="form-label text-gold">Side B Length (ft/cm) *</label>
                        <input type="text" name="side2" class="form-control custom-input" required>
                    </div>
                `;
            } else if(shape === 'U-Shape') {
                html = `
                    <div class="col-md-4 mb-3">
                        <label class="form-label text-gold">Side A Length *</label>
                        <input type="text" name="side1" class="form-control custom-input" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label text-gold">Middle Length *</label>
                        <input type="text" name="side2" class="form-control custom-input" required>
                    </div>
                    <div class="col-md-4 mb-3">
                        <label class="form-label text-gold">Side C Length *</label>
                        <input type="text" name="side3" class="form-control custom-input" required>
                    </div>
                `;
            }
            
            shapeInputs.innerHTML = html;
        });
    }

});