#I LOVE YOU EVERDAY#

<?php require_once 'includes/header.php'; ?>

<section class="py-5 bg-dark">
    <div class="container py-5 mt-5 fade-up">
        <div class="row g-4 justify-content-center">
            
            
            <div class="col-lg-5 col-md-6">
                <div class="p-5 h-100" style="background-color: #1a1a1a; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05);">
                    <h2 class="mb-4 text-white fw-bold">Contact Information</h2>
                    
                    
                    <div class="mb-4">
                        <h5 class="text-white mb-3 fw-bold">Visit Us</h5>
                        
                        
                        <a href="https://www.google.com/maps/place/Royal+Enfield+Showroom+-+Avahan+Motors+Pvt+Ltd/@13.0233613,77.639872,800m/data=!3m2!1e3!5s0x3bae172eee6ef5d5:0xa0caecf04b22af91!4m10!1m2!2m1!1sAvahan+motors+private+lin%3Dmited+kalyan+nagar!3m6!1s0x3bae172eee159ac1:0x3c4904cead0f946f!8m2!3d13.0233613!4d77.6446356!15sCipBdmFoYW4gbW90b3JzIHByaXZhdGUgbGltaXRlZCBrYWx5YW4gbmFnYXJaLCIqYXZhaGFuIG1vdG9ycyBwcml2YXRlIGxpbWl0ZWQga2FseWFuIG5hZ2FykgEPbW90b3JjeWNsZV9zaG9w4AEA!16s%2Fg%2F11bx5pxtzb?entry=ttu&g_ep=EgoyMDI2MDYyOS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="d-flex mb-3 align-items-start text-decoration-none text-white hover-red-group">
                            <div class="me-3 fs-4 mt-1">
                                <i class="fas fa-map-marker-alt" style="color: #a82e2e;"></i>
                            </div>
                            <div>
                                <h6 class="text-white mb-1 fw-bold" style="transition: color 0.3s;">Kalyan Nagar</h6>
                                <p class="text-muted mb-0" style="font-size: 0.95rem; line-height: 1.5; transition: color 0.3s;">
                                    Avahan Motors Private Limited<br>
                                    Kalyan Nagar-560043, Bangalore
                                </p>
                            </div>
                        </a>

<a href="https://www.google.com/maps/place/Royal+Enfield+Showroom+-+Avahan+Motors+Pvt+Ltd/@13.0624235,77.572411,12793m/data=!3m1!1e3!4m10!1m2!2m1!1sAvahan+Motors+kothnur!3m6!1s0x3bae1902f015b61f:0x3db3e76a7e3229ad!8m2!3d13.062607!4d77.649146!15sChVBdmFoYW4gTW90b3JzIGtvdGhudXJaFyIVYXZhaGFuIG1vdG9ycyBrb3RobnVykgEPbW90b3JjeWNsZV9zaG9wmgFEQ2k5RFFVbFJRVU52WkVOb2RIbGpSamx2VDJ4YVJrNUhVazFTUkVwcFZGZEpNRkZYU1RSbFIwcFZZVVUxU2xaRlJSQULgAQD6AQQIABAv!16s%2Fg%2F11xw15n3y8?entry=ttu&g_ep=EgoyMDI2MDYyOS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="d-flex mb-3 align-items-start text-decoration-none text-white hover-red-group">
                            <div class="me-3 fs-4 mt-1">
                                <i class="fas fa-map-marker-alt" style="color: #a82e2e;"></i>
                            </div>
                            <div>
                                <h6 class="text-white mb-1 fw-bold" style="transition: color 0.3s;">Kothanur</h6>
                                <p class="text-muted mb-0" style="font-size: 0.95rem; line-height: 1.5; transition: color 0.3s;">
                                    Avahan Motors Private Limited<br>
                                    Kothanur-560077, Bangalore
                                </p>
                            </div>
                        </a>

<a href="https://www.google.com/maps/place/Royal+Enfield+Showroom+-+Avahan+Motors+Pvt+Ltd/@13.0432217,77.6228945,800m/data=!3m2!1e3!4b1!4m6!3m5!1s0x3bae1735c1e9af47:0x7ca390edc3e71675!8m2!3d13.0432217!4d77.6254748!16s%2Fg%2F11npxg_rvc?entry=ttu&g_ep=EgoyMDI2MDYyOS4wIKXMDSoASAFQAw%3D%3D" target="_blank" class="d-flex mb-2 align-items-start text-decoration-none text-white hover-red-group">
                            <div class="me-3 fs-4 mt-1">
                                <i class="fas fa-map-marker-alt" style="color: #a82e2e;"></i>
                            </div>
                            <div>
                                <h6 class="text-white mb-1 fw-bold" style="transition: color 0.3s;">Thanisandra</h6>
                                <p class="text-muted mb-0" style="font-size: 0.95rem; line-height: 1.5; transition: color 0.3s;">
                                    Avahan Motors Private Limited<br>
                                    Thanisandra-560045, Bangalore
                                </p>
                            </div>
                        </a>
                    </div>
                    
                    
                    <div class="mb-4">
                        <div class="d-flex align-items-start mb-2">
                            <div class="me-3 fs-4 mt-1">
                                <i class="fas fa-phone-alt" style="color: #a82e2e;"></i>
                            </div>
                            <div>
                                <h5 class="text-white mb-2 fw-bold">Call Us</h5>
                            </div>
                        </div>
                        <div style="padding-left: 2.8rem;">
                            <div class="mb-2">
                                <span class="text-white fw-bold" style="font-size: 0.95rem;">Kalyan Nagar: </span>
                                <a href="tel:+919606903599" class="text-muted text-decoration-none" onmouseover="this.style.color='#a82e2e'" onmouseout="this.style.color='inherit'" style="font-size: 0.95rem; transition: color 0.3s;">+91 96069 03599</a>
                            </div>
                            <div class="mb-2">
                                <span class="text-white fw-bold" style="font-size: 0.95rem;">Kothanur: </span>
                                <a href="tel:+919902218526" class="text-muted text-decoration-none" onmouseover="this.style.color='#a82e2e'" onmouseout="this.style.color='inherit'" style="font-size: 0.95rem; transition: color 0.3s;">+91 99022 18526</a>
                            </div>
                            <div class="mb-2">
                                <span class="text-white fw-bold" style="font-size: 0.95rem;">Thanisandra: </span>
                                <a href="tel:+919606903596" class="text-muted text-decoration-none" onmouseover="this.style.color='#a82e2e'" onmouseout="this.style.color='inherit'" style="font-size: 0.95rem; transition: color 0.3s;">+91 96069 03596</a>
                            </div>
                            <p class="text-muted mb-0 mt-3" style="font-size: 0.95rem;">
                                Mon-Sun: 10:00 AM - 7:00 PM
                            </p>
                        </div>
                    </div>
                    
                    
                    <div class="d-flex mb-4 align-items-start">
                        <div class="me-3 fs-4 mt-1">
                            <i class="fas fa-envelope" style="color: #a82e2e;"></i>
                        </div>
                        <div>
                            <h5 class="text-white mb-2 fw-bold">Email Us</h5>
                            <p class="text-muted mb-0" style="font-size: 0.95rem;">
                                info@reown.com
                            </p>
                        </div>
                    </div>
                    
                    <hr style="border-color: rgba(255,255,255,0.1); margin: 35px 0;">
                    
                    
                    <div>
                        <h5 class="text-white mb-3 fw-bold">Connect With Us</h5>
                        <div class="d-flex gap-3">
                            <a href="https://wa.me/919961091654" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white social-icon" style="width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; background-color: transparent;">
                                <i class="fab fa-whatsapp"></i>
                            </a>
                            <a href="<?php echo htmlspecialchars(get_setting('instagram_url', 'https://www.instagram.com/avahanreown')); ?>" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white social-icon" style="width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; background-color: transparent;">
                                <i class="fab fa-instagram"></i>
                            </a>
                            <a href="<?php echo htmlspecialchars(get_setting('facebook_url', 'https://www.facebook.com/avahanreown')); ?>" target="_blank" class="d-flex align-items-center justify-content-center rounded-circle text-white social-icon" style="width: 40px; height: 40px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; background-color: transparent;">
                                <i class="fab fa-facebook-f"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="col-lg-7 col-md-6">
                <div class="p-5" style="background-color: #1a1a1a; border-radius: 8px; border: 1px solid rgba(255,255,255,0.05);">
                    <h2 class="mb-4 text-white fw-bold">Send us a message</h2>
                    
                    <form id="contactForm">
                        <div class="row mb-4">
                            <div class="col-md-6 mb-4 mb-md-0">
                                <label for="name" class="form-label text-light mb-2">Your Name</label>
                                <input type="text" class="form-control text-white" id="name" name="name" style="background-color: #262626; border: 1px solid #333; padding: 12px; border-radius: 4px;" required>
                            </div>
                            <div class="col-md-6">
                                <label for="phone" class="form-label text-light mb-2">Phone Number</label>
                                <input type="tel" class="form-control text-white" id="phone" name="phone" style="background-color: #262626; border: 1px solid #333; padding: 12px; border-radius: 4px;" required>
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <label for="subject" class="form-label text-light mb-2">Subject</label>
                            <input type="text" class="form-control text-white" id="subject" name="subject" style="background-color: #262626; border: 1px solid #333; padding: 12px; border-radius: 4px;" required>
                        </div>

<div class="mb-4">
                            <label for="message" class="form-label text-light mb-2">Message</label>
                            <textarea class="form-control text-white" id="message" name="message" rows="6" style="background-color: #262626; border: 1px solid #333; padding: 12px; border-radius: 4px;" required></textarea>
                        </div>
                        
                        <button type="submit" class="btn w-100 fw-bold py-3 mt-2" id="submitBtn" style="background-color: #a82e2e; color: white; border-radius: 4px; font-size: 1.1rem; letter-spacing: 1px; border: none; transition: background-color 0.3s;">SEND MESSAGE</button>
                    </form>
                </div>
            </div>
            
        </div>
    </div>
</section>

<div class="modal fade" id="submitSuccessModal" tabindex="-1" aria-labelledby="submitSuccessModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content text-white shadow-lg" style="background-color: #1a1a1a; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px;">
      <div class="modal-header border-0">
        <h5 class="modal-title fw-bold" id="submitSuccessModalLabel">Success</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body text-center py-4">
        <div class="mb-3">
            <i class="fas fa-check-circle text-success" style="font-size: 4.5rem;"></i>
        </div>
        <h3 class="fw-bold mb-2">Message Submitted!</h3>
        <p class="text-muted px-3" style="font-size: 1.05rem;">submitted</p>
      </div>
      <div class="modal-footer border-0 justify-content-center pb-4">
        <button type="button" class="btn px-5 py-2 fw-bold" data-bs-dismiss="modal" style="background-color: #a82e2e; color: white; border-radius: 4px; border: none;">OK</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="submitErrorModal" tabindex="-1" aria-labelledby="submitErrorModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content text-white shadow-lg" style="background-color: #1a1a1a; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px;">
      <div class="modal-header border-0">
        <h5 class="modal-title fw-bold" id="submitErrorModalLabel">Error</h5>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body text-center py-4">
        <div class="mb-3">
            <i class="fas fa-exclamation-circle text-danger" style="font-size: 4.5rem;"></i>
        </div>
        <h3 class="fw-bold mb-2">Submission Failed</h3>
        <p id="errorModalText" class="text-muted px-3" style="font-size: 1.05rem;">An error occurred. Please try again.</p>
      </div>
      <div class="modal-footer border-0 justify-content-center pb-4">
        <button type="button" class="btn px-5 py-2 fw-bold" data-bs-dismiss="modal" style="background-color: #6c757d; color: white; border-radius: 4px; border: none;">Close</button>
      </div>
    </div>
  </div>
</div>

// Robust function to show custom modals or fallback to browser alert popup
    function showPopup(type, message) {
        if (typeof bootstrap !== 'undefined') {
            try {
                if (type === 'success') {
                    const successModal = new bootstrap.Modal(document.getElementById('submitSuccessModal'));
                    successModal.show();
                } else {
                    document.getElementById('errorModalText').textContent = message;
                    const errorModal = new bootstrap.Modal(document.getElementById('submitErrorModal'));
                    errorModal.show();
                }
                return;
            } catch (modalError) {
                console.error('Error showing Bootstrap modal:', modalError);
            }
        }
        
        // Fallback standard browser popup (alert) if Bootstrap JS fails to load/show
        if (type === 'success') {
            alert('submitted');
        } else {
            alert('Error: ' + message);
        }
    }

contactForm.addEventListener('submit', function(e) {
        e.preventDefault();
        
        submitBtn.disabled = true;
        const originalBtnText = submitBtn.innerHTML;
        submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> SENDING...';
        
        const formData = new FormData(contactForm);
        
        fetch('api/submit_enquiry.php', {
            method: 'POST',
            body: formData
        })
        .then(response => {
            // Check if response is JSON and ok
            const contentType = response.headers.get('content-type');
            if (!response.ok) {
                throw new Error('Server returned status ' + response.status);
            }
            if (!contentType || !contentType.includes('application/json')) {
                // If not JSON, get the raw text to see if there is a PHP error/warning
                return response.text().then(text => {
                    throw new Error('Invalid JSON response from server: ' + text.substring(0, 200));
                });
            }
            return response.json();
        })
        .then(data => {
            if(data.success) {
                contactForm.reset();
                showPopup('success', 'submitted');
            } else {
                showPopup('error', data.message || 'Submission failed.');
            }
        })
        .catch(error => {
            console.error('Submission error:', error);
            showPopup('error', 'An error occurred: ' + error.message);
        })
        .finally(() => {
            submitBtn.disabled = false;
            submitBtn.innerHTML = originalBtnText;
        });
    });
});
</script>

<?php require_once 'includes/footer.php'; ?>