<?php
$contact_info_footer = get_contact_info($pdo);
?>
<footer class="footer-custom">
    <div class="container">
        <div class="row g-5">
            <!-- Column 1: About -->
            <div class="col-lg-4 col-md-6">
                <img src="assets/img/vous.png" alt="VAULTIXAI Logo" class="footer-logo" loading="lazy">
                <p class="footer-description"><?php echo $t['footer_description']; ?></p>
                <div class="d-flex gap-2 mt-4">
                    <a href="<?php echo htmlspecialchars($contact_info_footer['youtube_url'] ?? '#'); ?>" target="_blank" rel="noopener" class="social-icon" title="YouTube"><i class="bi bi-youtube"></i></a>
                    <a href="<?php echo htmlspecialchars($contact_info_footer['facebook_url'] ?? '#'); ?>" target="_blank" rel="noopener" class="social-icon" title="Facebook"><i class="bi bi-facebook"></i></a>
                    <a href="<?php echo htmlspecialchars($contact_info_footer['whatsapp'] ?? '#'); ?>" target="_blank" rel="noopener" class="social-icon" title="WhatsApp"><i class="bi bi-whatsapp"></i></a>
                    <a href="mailto:<?php echo htmlspecialchars($contact_info_footer['email_info'] ?? '#'); ?>" class="social-icon" title="Email"><i class="bi bi-envelope-fill"></i></a>
                </div>
            </div>

            <!-- Column 2: Quick Links -->
            <div class="col-lg-2 col-md-6">
                <h3 class="footer-heading"><?php echo $t['footer_quick_links']; ?></h3>
                <ul class="footer-links">
                    <li><a href="index.php<?php echo $langParam; ?>"><?php echo $t['nav_home']; ?></a></li>
                    <li><a href="about.php<?php echo $langParam; ?>"><?php echo $t['nav_about']; ?></a></li>
                    <li><a href="services.php<?php echo $langParam; ?>"><?php echo $t['nav_services']; ?></a></li>
                    <li><a href="certifications.php<?php echo $langParam; ?>"><?php echo $t['nav_certifications']; ?></a></li>
                    <li><a href="contact.php<?php echo $langParam; ?>"><?php echo $t['nav_contact']; ?></a></li>
                </ul>
            </div>

            <!-- Column 3: Contact Info -->
            <div class="col-lg-3 col-md-6">
                <h3 class="footer-heading"><?php echo $t['footer_contact_us']; ?></h3>
                <ul class="footer-links">
                    <li dir="ltr"><?php echo $t['topbar_address']; ?></li>
                    <li><a href="tel:+9647773517004" dir="ltr"><?php echo $t['topbar_phone']; ?></a></li>
                    <li><a href="mailto:info@vaultixai.com"><?php echo $t['topbar_email']; ?></a></li>
                </ul>
            </div>

            <!-- Column 4: Tagline -->
            <div class="col-lg-3 col-md-6">
                 <h3 class="footer-heading"><?php echo $t['footer_newsletter_title']; ?></h3>
                 <p class="footer-description"><?php echo $t['footer_newsletter_desc']; ?></p>
                 <form class="newsletter-form mt-3">
                    <input type="email" class="form-control newsletter-input" placeholder="<?php echo $t['footer_newsletter_placeholder']; ?>">
                    <button type="submit" class="btn newsletter-btn"><?php echo $t['footer_newsletter_btn']; ?></button>
                 </form>
            </div>

        </div>

        <div class="footer-bottom text-center">
            &copy; <?php echo date('Y'); ?> VAULTIXAI. <?php echo $t['footer_rights']; ?>.
        </div>
    </div>
</footer>

<!-- Scroll to Top/Bottom Button -->
<button id="scroll-btn" title="Scroll"><i class="bi bi-arrow-down"></i></button>

<!-- Welcome Modal -->
<div class="modal fade" id="welcomeModal" tabindex="-1" aria-labelledby="welcomeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content welcome-modal-content">
            <div class="modal-header border-0">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body px-4 pb-5">
                <div class="text-center mb-4">
                    <img src="assets/img/vous.png" alt="VAULTIXAI Logo" style="width: 80px; margin-bottom: 1rem;">
                    <h2 class="modal-title fw-bolder" id="welcomeModalLabel"><?php echo $t['admin_welcome']; ?> VAULTIXAI</h2>
                </div>
                <div class="row g-3">
                    <div class="col-md-6">
                        <a href="contact.php<?php echo $langParam; ?>" class="welcome-dialog-card">
                            <div class="dialog-icon">📞</div>
                            <h3><?php echo $t['nav_contact']; ?></h3>
                        </a>
                    </div>
                    <div class="col-md-6">
                        <a href="services.php<?php echo $langParam; ?>" class="welcome-dialog-card">
                            <div class="dialog-icon">⚙️</div>
                            <h3><?php echo $t['nav_services']; ?></h3>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>