<%- include('partials/header') %>
<div style="padding-top: 80px;"></div>

<!-- CONTACT SECTION -->
<section class="contact section-padding bg-light">
    <div class="container">
        <div class="section-header text-center fade-in">
            <h2><%= lang==='bn' ? 'যোগাযোগ করুন' : 'Contact / Work With Me' %></h2>
            <div class="divider center"></div>
        </div>
        
        <% if(success) { %>
            <div class="alert fade-in" style="background:#dcfce7; color:#166534; padding:15px; border-radius:8px; text-align:center; margin-bottom:20px;">
                <%= lang==='bn' ? 'আপনার মেসেজ সফলভাবে পাঠানো হয়েছে!' : 'Your message has been sent successfully!' %>
            </div>
        <% } %>

        <div class="grid-2 mt-4">
            <div class="contact-info slide-in-left">
                <h3><%= lang==='bn' ? 'আমার সাথে যুক্ত হোন' : 'Connect With Me' %></h3>
                <ul class="social-list mt-4">
                    <% if (settings['contact_phone']) { %>
                    <li><i class="fab fa-whatsapp"></i> <%= settings['contact_phone'] %></li>
                    <% } %>
                    <% if (settings['contact_email']) { %>
                    <li><i class="fas fa-envelope"></i> <%= settings['contact_email'] %></li>
                    <% } %>
                    <% social_links.forEach(link => { %>
                    <li>
                        <i class="<%= link.icon_class %>"></i> 
                        <a href="<%= link.url %>"><%= link.url.replace(/^https?:\/\//, '') %></a>
                    </li>
                    <% }); %>
                </ul>
            </div>
            <div class="contact-form-container slide-in-right" style="margin-top:0;">
                <form action="/contact" method="POST" class="contact-form">
                    <div class="form-group"><input type="text" name="name" placeholder="<%= lang==='bn' ? 'নাম' : 'Name' %>" required></div>
                    <div class="form-group"><input type="text" name="brand_name" placeholder="<%= lang==='bn' ? 'ব্র্যান্ডের নাম' : 'Brand name' %>" required></div>
                    <div class="form-group"><input type="email" name="email" placeholder="<%= lang==='bn' ? 'ইমেইল' : 'Email' %>" required></div>
                    <div class="form-group"><input type="text" name="budget" placeholder="<%= lang==='bn' ? 'ক্যাম্পেইন বাজেট' : 'Campaign budget' %>" required></div>
                    <div class="form-group"><input type="text" name="destination" placeholder="<%= lang==='bn' ? 'দেশ/গন্তব্য' : 'Country/Destination' %>" required></div>
                    <div class="form-group"><textarea name="message" placeholder="<%= lang==='bn' ? 'মেসেজ' : 'Message' %>" rows="4" required></textarea></div>
                    <button type="submit" class="btn-primary w-100"><%= lang==='bn' ? 'মেসেজ পাঠান' : 'Send Message' %></button>
                </form>
            </div>
        </div>
    </div>
</section>

<%- include('partials/footer') %>
