<?php
include 'includes/conn.php';

// Initialize response variables
$formSubmitted = false;
$formSuccess = false;
$errorMessage = '';

// Process the Quote Request form submission
if (isset($_POST['formType']) && $_POST['formType'] == 'quoteForm') {
    $firstName = mysqli_real_escape_string($conn, $_POST['firstName']);
    $lastName = mysqli_real_escape_string($conn, $_POST['lastName'] ?? '');
    $email = mysqli_real_escape_string($conn, $_POST['email']);
    $phone = mysqli_real_escape_string($conn, $_POST['phone']);
    $contactOption = mysqli_real_escape_string($conn, $_POST['contactOption']);
    $address = mysqli_real_escape_string($conn, $_POST['address']);
    $comments = mysqli_real_escape_string($conn, $_POST['comments'] ?? '');
    
    $formSubmitted = true;
    
    $sql = "INSERT INTO quote_requests (first_name, last_name, email, phone, contact_option, address, comments) 
            VALUES ('$firstName', '$lastName', '$email', '$phone', '$contactOption', '$address', '$comments')";
    
    if (mysqli_query($conn, $sql)) {
        $formSuccess = true;
    } else {
        $errorMessage = "Error: " . mysqli_error($conn);
    }
}

// Process the Complaints form submission
if (isset($_POST['formType']) && $_POST['formType'] == 'complaintsForm') {
    $jobOrderNumber = mysqli_real_escape_string($conn, $_POST['jobOrderNumber']);
    $purchaseDate = mysqli_real_escape_string($conn, $_POST['purchaseDate']);
    $warrantyStatus = mysqli_real_escape_string($conn, $_POST['warrantyStatus']);
    $customerName = mysqli_real_escape_string($conn, $_POST['customerName']);
    $contactMobile = mysqli_real_escape_string($conn, $_POST['contactMobile']);
    $alternateNo = mysqli_real_escape_string($conn, $_POST['alternateNo'] ?? '');
    $email = mysqli_real_escape_string($conn, $_POST['complaintsEmail'] ?? '');
    $address = mysqli_real_escape_string($conn, $_POST['complaintsAddress']);
    $state = mysqli_real_escape_string($conn, $_POST['state']);
    $district = mysqli_real_escape_string($conn, $_POST['district']);
    $pincode = mysqli_real_escape_string($conn, $_POST['pincode']);
    $message = mysqli_real_escape_string($conn, $_POST['message']);
    
    $formSubmitted = true;
    
    $sql = "INSERT INTO customer_complaints (job_order_number, purchase_date, warranty_status, customer_name, 
            contact_mobile, alternate_no, email, address, state, district, pincode, issue_description) 
            VALUES ('$jobOrderNumber', '$purchaseDate', '$warrantyStatus', '$customerName', '$contactMobile', 
            '$alternateNo', '$email', '$address', '$state', '$district', '$pincode', '$message')";
    
    if (mysqli_query($conn, $sql)) {
        $formSuccess = true;
    } else {
        $errorMessage = "Error: " . mysqli_error($conn);
    }
}

// Process the Dealer form submission
if (isset($_POST['formType']) && $_POST['formType'] == 'dealerForm') {
    $companyName = mysqli_real_escape_string($conn, $_POST['companyName'] ?? '');
    $dealerName = mysqli_real_escape_string($conn, $_POST['dealerName']);
    $email = mysqli_real_escape_string($conn, $_POST['dealerEmail']);
    $phone = mysqli_real_escape_string($conn, $_POST['dealerPhone']);
    $partnerType = mysqli_real_escape_string($conn, $_POST['dealerType']);
    $address = mysqli_real_escape_string($conn, $_POST['dealerAddress']);
    $state = mysqli_real_escape_string($conn, $_POST['dealerState']);
    $district = mysqli_real_escape_string($conn, $_POST['dealerDistrict']);
    $city = mysqli_real_escape_string($conn, $_POST['dealerCity']);
    $experience = intval($_POST['dealerExperience'] ?? 0);
    
    $formSubmitted = true;
    
    $sql = "INSERT INTO dealer_applications (company_name, dealer_name, email, phone, partner_type, address, 
            state, district, city, experience_years) 
            VALUES ('$companyName', '$dealerName', '$email', '$phone', '$partnerType', '$address', 
            '$state', '$district', '$city', $experience)";
    
    if (mysqli_query($conn, $sql)) {
        $formSuccess = true;
    } else {
        $errorMessage = "Error: " . mysqli_error($conn);
    }
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A2Z Solar - Karnataka's Leading Solar Solutions Provider</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href="../src/logo.png" type="image/x-icon">
    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
    <!-- AOS Animation Library -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-FC5KQSL2WN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-FC5KQSL2WN'); </script>
</head>
<body>
<?php include('includes/header.php'); ?>

<!-- Success Modal -->
<div class="modal fade" id="responseModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header <?php echo $formSuccess ? 'bg-success' : 'bg-danger'; ?> text-white">
                <h5 class="modal-title"><?php echo $formSuccess ? 'Thank You!' : '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">
                <?php if ($formSuccess): ?>
                    <i class="fas fa-check-circle text-success mb-3" style="font-size: 3rem;"></i>
                    <h4>We've received your request</h4>
                    <p class="mb-0">Our team will contact you shortly to discuss your solar solution needs.</p>
                <?php else: ?>
                    <i class="fas fa-exclamation-circle text-danger mb-3" style="font-size: 3rem;"></i>
                    <h4>Something went wrong</h4>
                    <p class="mb-0"><?php echo $errorMessage; ?></p>
                <?php endif; ?>
            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn <?php echo $formSuccess ? 'btn-success' : 'btn-danger'; ?>" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<section class="page-banner" style="background-image: url('assets/images/solar-banner.jpg');">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h1 data-aos="fade-up">Contact Us</h1>
                <nav aria-label="breadcrumb" data-aos="fade-up" data-aos-delay="200">
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Contact</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

<!-- Contact Section -->
<section class="contact-section py-5">
    <div class="container">
        <div class="row mb-5">
            <div class="col-lg-6 mb-4 mb-lg-0">
                <div class="contact-info p-4 bg-light rounded shadow-sm" data-aos="fade-right">
                    <h2 class="section-title position-relative mb-4">Get in Touch</h2>
                    <div class="contact-item d-flex align-items-center mb-3">
                        <div class="icon me-3 text-primary">
                            <i class="fas fa-map-marker-alt fa-2x"></i>
                        </div>
                        <div class="info">
                            <h5 class="mb-0">HEAD OFFICE</h5>
                            <p class="mb-0">34/F2, Akkamahadevi Rd, opp. Advaith Hyundai Service Center, 2nd Stage, Vidyaranyapura, Visveshwara Nagar, Mysuru, Karnataka 570008</p>
                        </div>
                    </div>
                    <div class="contact-item d-flex align-items-center mb-3">
                        <div class="icon me-3 text-primary">
                            <i class="fas fa-phone-alt fa-2x"></i>
                        </div>
                        <div class="info">
                            <h5 class="mb-0">Phone</h5>
                            <p class="mb-0">+91 84310 61046</p>
                        </div>
                    </div>
                    <div class="contact-item d-flex align-items-center mb-3">
                        <div class="icon me-3 text-primary">
                            <i class="fas fa-envelope fa-2x"></i>
                        </div>
                        <div class="info">
                            <h5 class="mb-0">Email</h5>
                            <p class="mb-0">contact@a2zsolarhub.com</p>
                        </div>
                    </div>
                    <div class="contact-item d-flex align-items-center">
                        <div class="icon me-3 text-primary">
                            <i class="fas fa-clock fa-2x"></i>
                        </div>
                        <div class="info">
                            <h5 class="mb-0">Working Hours</h5>
                            <p class="mb-0">Monday - Saturday: 9:00 AM - 6:00 PM</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6" data-aos="fade-left">
                <div class="contact-map rounded shadow-sm overflow-hidden">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3898.6072557623415!2d76.6460925!3d12.274835699999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3baf6f30dcbc2fd7%3A0x285aa2f89bc57cc4!2sA2Z%20Solar(%20UTL%20and%20Loom%20Solar%20Distributor)!5e0!3m2!1sen!2sin!4v1744191836080!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </div>

        <!-- Contact Forms Section -->
        <div class="row">
            <div class="col-12">
                <div class="accordion" id="contactFormsAccordion">
                    <!-- Request a Quote / Site Visit Form -->
                    <div class="accordion-item mb-4 shadow-sm" data-aos="fade-up">
                        <h2 class="accordion-header" id="headingQuote">
                            <button class="accordion-button bg-primary text-white" type="button" data-bs-toggle="collapse" data-bs-target="#collapseQuote" aria-expanded="true" aria-controls="collapseQuote">
                                <h3 class="m-0"><i class="fas fa-file-alt me-2"></i> Request a Quote / Site Visit</h3>
                            </button>
                        </h2>
                        <div id="collapseQuote" class="accordion-collapse collapse show" aria-labelledby="headingQuote" data-bs-parent="#contactFormsAccordion">
                            <div class="accordion-body">
                                <form id="quoteForm" class="needs-validation" method="POST" action="" novalidate>
                                    <input type="hidden" name="formType" value="quoteForm">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="firstName" class="form-label">First name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="firstName" name="firstName" required>
                                            <div class="invalid-feedback">Please provide your first name.</div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="lastName" class="form-label">Last name</label>
                                            <input type="text" class="form-control" id="lastName" name="lastName">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="email" class="form-label">Email <span class="text-danger">*</span></label>
                                            <input type="email" class="form-control" id="email" name="email" required>
                                            <div class="invalid-feedback">Please provide a valid email.</div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="phone" class="form-label">Phone <span class="text-danger">*</span></label>
                                            <input type="tel" class="form-control" id="phone" name="phone" required>
                                            <div class="invalid-feedback">Please provide your phone number.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Select One Option <span class="text-danger">*</span></label>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="contactOption" id="optionQuote" value="quote" checked required>
                                                <label class="form-check-label" for="optionQuote">Quote</label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="contactOption" id="optionSiteVisit" value="siteVisit" required>
                                                <label class="form-check-label" for="optionSiteVisit">Site Visit</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="address" class="form-label">Address <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="address" name="address" required>
                                            <div class="invalid-feedback">Please provide your address.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="comments" class="form-label">Comments / Special Request</label>
                                            <textarea class="form-control" id="comments" name="comments" rows="3"></textarea>
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary px-5 py-2">Submit Request</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                    <!-- For Any Complaints Form -->
                    <div class="accordion-item mb-4 shadow-sm" data-aos="fade-up" data-aos-delay="100">
                        <h2 class="accordion-header" id="headingComplaints">
                            <button class="accordion-button bg-primary text-white collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseComplaints" aria-expanded="false" aria-controls="collapseComplaints">
                                <h3 class="m-0"><i class="fas fa-exclamation-triangle me-2"></i> Customer Support & Complaints</h3>
                            </button>
                        </h2>
                        <div id="collapseComplaints" class="accordion-collapse collapse" aria-labelledby="headingComplaints" data-bs-parent="#contactFormsAccordion">
                            <div class="accordion-body">
                                <form id="complaintsForm" class="needs-validation" method="POST" action="" novalidate>
                                    <input type="hidden" name="formType" value="complaintsForm">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="jobOrderNumber" class="form-label">Job Order Number / Invoice Reference <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="jobOrderNumber" name="jobOrderNumber" required>
                                            <div class="invalid-feedback">Please provide your job order or invoice number.</div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="purchaseDate" class="form-label">Purchase Date <span class="text-danger">*</span></label>
                                            <input type="date" class="form-control" id="purchaseDate" name="purchaseDate" required>
                                            <div class="invalid-feedback">Please select purchase date.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label class="form-label">Warranty Status <span class="text-danger">*</span></label>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="warrantyStatus" id="inWarranty" value="inWarranty" checked required>
                                                <label class="form-check-label" for="inWarranty">In Warranty</label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio" name="warrantyStatus" id="outOfWarranty" value="outOfWarranty" required>
                                                <label class="form-check-label" for="outOfWarranty">Out Of Warranty</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="customerName" class="form-label">Customer Name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="customerName" name="customerName" required>
                                            <div class="invalid-feedback">Please provide your name.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="contactMobile" class="form-label">Contact Mobile No. <span class="text-danger">*</span></label>
                                            <input type="tel" class="form-control" id="contactMobile" name="contactMobile" required>
                                            <div class="invalid-feedback">Please provide your mobile number.</div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="alternateNo" class="form-label">Alternate No.</label>
                                            <input type="tel" class="form-control" id="alternateNo" name="alternateNo">
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="complaintsEmail" class="form-label">Email</label>
                                            <input type="email" class="form-control" id="complaintsEmail" name="complaintsEmail">
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="complaintsAddress" class="form-label">Address <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="complaintsAddress" name="complaintsAddress" required>
                                            <div class="invalid-feedback">Please provide your address.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4 mb-3">
                                            <label for="state" class="form-label">State <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="state" name="state" required>
                                            <div class="invalid-feedback">Please provide your state.</div>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label for="district" class="form-label">District <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="district" name="district" required>
                                            <div class="invalid-feedback">Please provide your district.</div>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label for="pincode" class="form-label">Pincode <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="pincode" name="pincode" required>
                                            <div class="invalid-feedback">Please provide your pincode.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="message" class="form-label">Describe Your Issue <span class="text-danger">*</span></label>
                                            <textarea class="form-control" id="message" name="message" rows="3" required></textarea>
                                            <div class="invalid-feedback">Please describe your issue.</div>
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary px-5 py-2">Submit Complaint</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                    <!-- Become a Dealer / Installer Form -->
                    <div class="accordion-item shadow-sm" data-aos="fade-up" data-aos-delay="200">
                        <h2 class="accordion-header" id="headingDealer">
                            <button class="accordion-button bg-primary text-white collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDealer" aria-expanded="false" aria-controls="collapseDealer">
                                <h3 class="m-0"><i class="fas fa-handshake me-2"></i> Partner With Us</h3>
                            </button>
                        </h2>
                        <div id="collapseDealer" class="accordion-collapse collapse" aria-labelledby="headingDealer" data-bs-parent="#contactFormsAccordion">
                            <div class="accordion-body">
                                <form id="dealerForm" class="needs-validation" method="POST" action="" novalidate>
                                    <input type="hidden" name="formType" value="dealerForm">
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="companyName" class="form-label">Company Name</label>
                                            <input type="text" class="form-control" id="companyName" name="companyName">
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="dealerName" class="form-label">Your Name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="dealerName" name="dealerName" required>
                                            <div class="invalid-feedback">Please provide your name.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="dealerEmail" class="form-label">Email <span class="text-danger">*</span></label>
                                            <input type="email" class="form-control" id="dealerEmail" name="dealerEmail" required>
                                            <div class="invalid-feedback">Please provide a valid email.</div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="dealerPhone" class="form-label">Phone <span class="text-danger">*</span></label>
                                            <input type="tel" class="form-control" id="dealerPhone" name="dealerPhone" required>
                                            <div class="invalid-feedback">Please provide your phone number.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6 mb-3">
                                            <label for="dealerType" class="form-label">Partner Type <span class="text-danger">*</span></label>
                                            <select class="form-select" id="dealerType" name="dealerType" required>
                                                <option value="" selected disabled>Select partner type</option>
                                                <option value="distributor">Distributor</option>
                                                <option value="retailer">Retailer</option>
                                                <option value="installer">Installer</option>
                                                <option value="other">Other</option>
                                            </select>
                                            <div class="invalid-feedback">Please select partner type.</div>
                                        </div>
                                        <div class="col-md-6 mb-3">
                                            <label for="dealerAddress" class="form-label">Business Address <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="dealerAddress" name="dealerAddress" required>
                                            <div class="invalid-feedback">Please provide your business address.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4 mb-3">
                                            <label for="dealerState" class="form-label">State <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="dealerState" name="dealerState" required>
                                            <div class="invalid-feedback">Please provide your state.</div>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label for="dealerDistrict" class="form-label">District <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="dealerDistrict" name="dealerDistrict" required>
                                            <div class="invalid-feedback">Please provide your district.</div>
                                        </div>
                                        <div class="col-md-4 mb-3">
                                            <label for="dealerCity" class="form-label">City <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="dealerCity" name="dealerCity" required>
                                            <div class="invalid-feedback">Please provide your city.</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 mb-3">
                                            <label for="dealerExperience" class="form-label">Solar Industry Experience (Years)</label>
                                            <input type="number" class="form-control" id="dealerExperience" name="dealerExperience" min="0">
                                        </div>
                                    </div>
                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary px-5 py-2">Submit Application</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include('includes/footer.php'); ?>

<!-- Bootstrap JS Bundle with Popper -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<!-- AOS Animation Library -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<!-- Initialize AOS -->
<script>
    AOS.init({
        duration: 800,
        easing: 'ease-in-out',
        once: true
    });
</script>
<!-- Form Validation and Submission Script -->
<script>
    // Form validation and handling
    document.addEventListener('DOMContentLoaded', function() {
        // Get all forms
        const forms = document.querySelectorAll('.needs-validation');
        
        // Add submit event listeners to forms
        forms.forEach(form => {
            form.addEventListener('submit', function(event) {
                if (!form.checkValidity()) {
                    event.preventDefault();
                    event.stopPropagation();
                }
                
                form.classList.add('was-validated');
            }, false);
        });
        
        // Initialize accordion to show first form by default
        const firstAccordion = document.querySelector('#contactFormsAccordion .accordion-button');
        if (firstAccordion) {
            firstAccordion.click();
        }
        
        // Show response modal if form was submitted
        <?php if ($formSubmitted): ?>
            const responseModal = new bootstrap.Modal(document.getElementById('responseModal'));
            responseModal.show();
            
            // If submission was successful, reset the form
            <?php if ($formSuccess): ?>
                // Determine which form was submitted and reset it
                <?php if (isset($_POST['formType']) && $_POST['formType'] == 'quoteForm'): ?>
                    document.getElementById('quoteForm').reset();
                    document.getElementById('quoteForm').classList.remove('was-validated');
                <?php elseif (isset($_POST['formType']) && $_POST['formType'] == 'complaintsForm'): ?>
                    document.getElementById('complaintsForm').reset();
                    document.getElementById('complaintsForm').classList.remove('was-validated');
                <?php elseif (isset($_POST['formType']) && $_POST['formType'] == 'dealerForm'): ?>
                    document.getElementById('dealerForm').reset();
                    document.getElementById('dealerForm').classList.remove('was-validated');
                <?php endif; ?>
            <?php endif; ?>
        <?php endif; ?>
    });
    
    // Phone number validation
    const phoneInputs = document.querySelectorAll('input[type="tel"]');
    phoneInputs.forEach(input => {
        input.addEventListener('input', function(e) {
            // Remove non-numeric characters
            this.value = this.value.replace(/[^0-9+\-\s]/g, '');
            
            // Validate Indian phone number format
            if (this.value.length > 0) {
                const phonePattern = /^(\+91[\-\s]?)?[0]?(91)?[6789]\d{9}$/;
                if (phonePattern.test(this.value.replace(/[\-\s]/g, ''))) {
                    this.classList.remove('is-invalid');
                    this.classList.add('is-valid');
                } else {
                    this.classList.remove('is-valid');
                    this.classList.add('is-invalid');
                }
            }
        });
    });
    
    // Email validation
    const emailInputs = document.querySelectorAll('input[type="email"]');
    emailInputs.forEach(input => {
        input.addEventListener('input', function(e) {
            if (this.value.length > 0) {
                const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                if (emailPattern.test(this.value)) {
                    this.classList.remove('is-invalid');
                    this.classList.add('is-valid');
                } else {
                    this.classList.remove('is-valid');
                    this.classList.add('is-invalid');
                }
            }
        });
    });
    
    // Pin code validation for India
    const pincodeInput = document.getElementById('pincode');
    if (pincodeInput) {
        pincodeInput.addEventListener('input', function(e) {
            // Allow only digits
            this.value = this.value.replace(/\D/g, '');
            
            // Validate Indian PIN code (6 digits)
            if (this.value.length > 0) {
                if (this.value.length === 6) {
                    this.classList.remove('is-invalid');
                    this.classList.add('is-valid');
                } else {
                    this.classList.remove('is-valid');
                    this.classList.add('is-invalid');
                }
            }
        });
    }
</script>
</body>
</html>