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

<!-- Page Header -->
<section class="py-5 text-white" style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);">
    <div class="container py-3 text-center">
        <h1 class="outfit fw-bold display-4">Become Distributor</h1>
        <p class="mb-0 text-white-50">Partner with India's fastest-growing premium polymer plumbing brand.</p>
    </div>
</section>

<section class="py-5 bg-white">
    <div class="container py-4">
        <div class="row g-5">
            <!-- Left Info Column -->
            <div class="col-lg-6">
                <span class="section-subtitle">Partnership Benefits</span>
                <h2 class="outfit fw-bold text-dark mb-4">Why Distribute Veluno Products?</h2>
                <p class="text-secondary mb-4">
                    At Veluno, we believe that our growth is tied directly to the success of our distributors. We offer robust regional support, clear territory exclusivity agreements, and premium-grade materials that build long-term trust with hardware shops.
                </p>
                
                <div class="row g-4 mb-4">
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start gap-3">
                            <div class="text-primary fs-3"><i class="fa-solid fa-percent"></i></div>
                            <div>
                                <h6 class="outfit fw-bold mb-1">Excellent ROI</h6>
                                <p class="small text-secondary mb-0">High-margin products that generate steady recurring revenues for your distribution business.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start gap-3">
                            <div class="text-primary fs-3"><i class="fa-solid fa-map-location-dot"></i></div>
                            <div>
                                <h6 class="outfit fw-bold mb-1">Exclusive Areas</h6>
                                <p class="small text-secondary mb-0">Exclusivity rights for selected districts to ensure zero internal competition.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start gap-3">
                            <div class="text-primary fs-3"><i class="fa-solid fa-rectangle-ad"></i></div>
                            <div>
                                <h6 class="outfit fw-bold mb-1">Marketing Kits</h6>
                                <p class="small text-secondary mb-0">Complimentary shop display boards, printed catalogues, standees, and banners.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="d-flex align-items-start gap-3">
                            <div class="text-primary fs-3"><i class="fa-solid fa-truck-ramp-box"></i></div>
                            <div>
                                <h6 class="outfit fw-bold mb-1">Reliable Supply</h6>
                                <p class="small text-secondary mb-0">Ready stock availability at our factories for prompt dispatch and minimal lead times.</p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="p-4 rounded-4 bg-light border border-light">
                    <h5 class="outfit fw-bold text-dark mb-2">Requirement Checklist</h5>
                    <ul class="small text-secondary ps-3 mb-0">
                        <li class="mb-1">Active trading license or GST registration.</li>
                        <li class="mb-1">Prior experience in hardware or plumbing distribution is preferred.</li>
                        <li class="mb-1">Warehousing space to maintain minimum stock buffers.</li>
                        <li>Dedicated sales executive to cover retail shops in the assigned district.</li>
                    </ul>
                </div>
            </div>
            
            <!-- Right Form Column -->
            <div class="col-lg-6">
                <div class="card border-0 shadow-lg p-4 p-md-5 rounded-4 bg-light">
                    <h3 class="outfit fw-bold mb-2 text-primary">Distributor Application</h3>
                    <p class="small text-secondary mb-4">Please fill out this form with your business details. Our channel development manager will contact you with dealer structures.</p>
                    
                    <form action="send-enquiry.php" method="POST" class="needs-validation" novalidate>
                        <input type="hidden" name="form_type" value="distributor_partnership">
                        
                        <div class="row g-3">
                            <!-- Name -->
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Contact Name *</label>
                                <input type="text" class="form-control bg-white" name="name" required placeholder="E.g., Anil Sharma">
                                <div class="invalid-feedback">Please enter your name.</div>
                            </div>
                            
                            <!-- Company Name -->
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Company Name *</label>
                                <input type="text" class="form-control bg-white" name="company_name" required placeholder="E.g., Sharma Trading Corp">
                                <div class="invalid-feedback">Please enter company name.</div>
                            </div>
                            
                            <!-- City -->
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">City *</label>
                                <input type="text" class="form-control bg-white" name="city" required placeholder="E.g., Patna">
                                <div class="invalid-feedback">Please enter city.</div>
                            </div>
                            
                            <!-- State -->
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">State *</label>
                                <select class="form-select bg-white" name="state" required>
                                    <option value="" disabled selected>Select State</option>
                                    <option value="Andaman and Nicobar Islands">Andaman and Nicobar</option>
                                    <option value="Andhra Pradesh">Andhra Pradesh</option>
                                    <option value="Arunachal Pradesh">Arunachal Pradesh</option>
                                    <option value="Assam">Assam</option>
                                    <option value="Bihar">Bihar</option>
                                    <option value="Chandigarh">Chandigarh</option>
                                    <option value="Chhattisgarh">Chhattisgarh</option>
                                    <option value="Dadra and Nagar Haveli">Dadra and Nagar Haveli</option>
                                    <option value="Daman and Diu">Daman and Diu</option>
                                    <option value="Delhi">Delhi</option>
                                    <option value="Goa">Goa</option>
                                    <option value="Gujarat">Gujarat</option>
                                    <option value="Haryana">Haryana</option>
                                    <option value="Himachal Pradesh">Himachal Pradesh</option>
                                    <option value="Jammu and Kashmir">Jammu and Kashmir</option>
                                    <option value="Jharkhand">Jharkhand</option>
                                    <option value="Karnataka">Karnataka</option>
                                    <option value="Kerala">Kerala</option>
                                    <option value="Ladakh">Ladakh</option>
                                    <option value="Lakshadweep">Lakshadweep</option>
                                    <option value="Madhya Pradesh">Madhya Pradesh</option>
                                    <option value="Maharashtra">Maharashtra</option>
                                    <option value="Manipur">Manipur</option>
                                    <option value="Meghalaya">Meghalaya</option>
                                    <option value="Mizoram">Mizoram</option>
                                    <option value="Nagaland">Nagaland</option>
                                    <option value="Odisha">Odisha</option>
                                    <option value="Puducherry">Puducherry</option>
                                    <option value="Punjab">Punjab</option>
                                    <option value="Rajasthan">Rajasthan</option>
                                    <option value="Sikkim">Sikkim</option>
                                    <option value="Tamil Nadu">Tamil Nadu</option>
                                    <option value="Telangana">Telangana</option>
                                    <option value="Tripura">Tripura</option>
                                    <option value="Uttar Pradesh">Uttar Pradesh</option>
                                    <option value="Uttarakhand">Uttarakhand</option>
                                    <option value="West Bengal">West Bengal</option>
                                </select>
                                <div class="invalid-feedback">Please select state.</div>
                            </div>
                            
                            <!-- Phone -->
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Phone Number *</label>
                                <input type="tel" class="form-control bg-white" name="phone" pattern="[0-9]{10}" required placeholder="10-digit mobile number">
                                <div class="invalid-feedback">Please enter valid mobile.</div>
                            </div>
                            
                            <!-- Email -->
                            <div class="col-md-6">
                                <label class="form-label small fw-semibold text-secondary">Email Address *</label>
                                <input type="email" class="form-control bg-white" name="email" required placeholder="E.g., name@gmail.com">
                                <div class="invalid-feedback">Please enter email.</div>
                            </div>
                            
                            <!-- Requirement -->
                            <div class="col-12">
                                <label class="form-label small fw-semibold text-secondary">Estimated Monthly Purchase Requirement *</label>
                                <select class="form-select bg-white" name="monthly_requirement" required>
                                    <option value="" disabled selected>Select Budget Range</option>
                                    <option value="Under ₹50,000">Under ₹50,000 / month</option>
                                    <option value="₹50,000 - ₹1,00,000">₹50,000 - ₹1,00,000 / month</option>
                                    <option value="₹1,00,000 - ₹3,00,000">₹1,00,000 - ₹3,00,000 / month</option>
                                    <option value="Above ₹3,00,000">Above ₹3,00,000 / month</option>
                                </select>
                                <div class="invalid-feedback">Please select your monthly requirement.</div>
                            </div>
                            
                            <!-- Message -->
                            <div class="col-12">
                                <label class="form-label small fw-semibold text-secondary">Business Profile / Message</label>
                                <textarea class="form-control bg-white" name="message" rows="4" placeholder="Briefly describe your distribution experience and current brands distributed..."></textarea>
                            </div>
                            
                            <!-- Submit -->
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary w-100 py-3 fw-bold rounded-3 mt-2">Submit Application</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

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