@php($landing = rtrim(config('zt.landing_url'), '/'))
<footer class="zt-site-footer">
    <div class="zt-site-footer-bg" aria-hidden="true">
        <img src="{{ asset('layout/bg.webp') }}" alt="">
    </div>

    <div class="zt-site-footer-container">
        <div class="zt-site-footer-grid">
            <div class="zt-site-footer-col">
                <button class="zt-site-footer-heading" type="button" data-footer-toggle>
                    <span>Hosting</span>
                    <svg width="16" height="16" viewBox="0 0 20 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <div class="zt-site-footer-links">
                    <a href="{{ $landing }}/web-hosting">Web Hosting</a>
                    <a href="{{ $landing }}/business-web-hosting">Business Web Hosting</a>
                    <a href="{{ $landing }}/best-wordpress-hosting">WordPress Hosting</a>
                    <a href="{{ $landing }}/reseller-hosting">Reseller Hosting</a>
                    <a href="{{ $landing }}/vps-hosting">VPS Hosting</a>
                    <a href="{{ $landing }}/managed-dedicated-server">Dedicated Server</a>
                    <a href="{{ $landing }}/e-mail-hosting">E-Mail Hosting</a>
                </div>
            </div>

            <div class="zt-site-footer-col">
                <button class="zt-site-footer-heading" type="button" data-footer-toggle>
                    <span>Domain</span>
                    <svg width="16" height="16" viewBox="0 0 20 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <div class="zt-site-footer-links">
                    <a href="{{ $landing }}/domain-registration">Domain name search</a>
                    <a href="{{ $landing }}/domain-registration">Domain Registration</a>
                    <a href="{{ $landing }}/domain-registration">Domain Transfer</a>
                    <a href="{{ $landing }}/#">Whois Lookup</a>
                    <a href="{{ $landing }}/#">Premium Domains</a>
                    <a href="{{ $landing }}/domain-registration#tld">Domain extensions</a>
                </div>
            </div>

            <div class="zt-site-footer-col">
                <button class="zt-site-footer-heading" type="button" data-footer-toggle>
                    <span>Information</span>
                    <svg width="16" height="16" viewBox="0 0 20 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <div class="zt-site-footer-links">
                    <a href="{{ $landing }}/Promo-Packages">Promo Packages</a>
                    <a href="{{ $landing }}/Student-Discount">Student Discount</a>
                    <a href="{{ $landing }}/#">Affiliate Program</a>
                    <a href="{{ $landing }}/#">Knowledgebase</a>
                </div>
            </div>

            <div class="zt-site-footer-col">
                <button class="zt-site-footer-heading" type="button" data-footer-toggle>
                    <span>Company</span>
                    <svg width="16" height="16" viewBox="0 0 20 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <div class="zt-site-footer-links">
                    <a href="{{ $landing }}/about">About Us</a>
                    <a href="{{ $landing }}/contact-us">Contact Us</a>
                    <a href="{{ $landing }}/blogs">Our Blog</a>
                    <a href="{{ $landing }}/career">Career</a>
                </div>
            </div>

            <div class="zt-site-footer-col">
                <button class="zt-site-footer-heading" type="button" data-footer-toggle>
                    <span>Support</span>
                    <svg width="16" height="16" viewBox="0 0 20 20" fill="none"
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"
                            stroke-linejoin="round" />
                    </svg>
                </button>
                <div class="zt-site-footer-links">
                    <a href="{{ route('login') }}">Client Area</a>
                    <a href="{{ route('client.support') }}">Submit A Ticket</a>
                    <a href="{{ $landing }}/Acceptable-Use-Policy">Acceptable Use Policy</a>
                    <a href="{{ $landing }}/PrivacyPolicy">Privacy Policy</a>
                    <a href="{{ $landing }}/Terms&Conditions">Terms &amp; Conditions</a>
                </div>
            </div>
        </div>

        <div class="zt-site-footer-divider"></div>

        <div class="zt-site-footer-bottom">
            <div class="zt-site-payment-methods" aria-label="Payment methods">
                <span><img src="{{ asset('layout/jazzcash.png') }}" alt="JazzCash"></span>
                <span><img src="{{ asset('layout/easypaisa.png') }}" alt="EasyPaisa"></span>
                <span><img src="{{ asset('layout/PayPal.svg') }}" alt="PayPal"></span>
                <span><img src="{{ asset('layout/visa.png') }}" alt="VISA"></span>
                <span><img src="{{ asset('layout/Mastercard.svg') }}" alt="MasterCard"></span>
                <span class="zt-site-bank-card">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
                        xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                        <path d="M3 21H21M4 10H20M5 10V18M9 10V18M15 10V18M19 10V18M12 3L22 8H2L12 3Z" stroke="#475569"
                            stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                    <small>Local Bank</small>
                </span>
            </div>



            <div class="zt-site-social-icons" aria-label="Social links">
                <a target="_blank" rel="noopener noreferrer" aria-label="ZT Hosting on Facebook"
                    class="hover:text-white/80 transition-colors" href="https://www.facebook.com/zthosting/"><svg
                        width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                        <path
                            d="M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.04V9.41c0-3.02 1.8-4.7 4.54-4.7 1.31 0 2.68.24 2.68.24v2.97h-1.5c-1.5 0-1.96.93-1.96 1.89v2.26h3.32l-.53 3.5h-2.8V24C19.62 23.1 24 18.1 24 12.07z">
                        </path>
                    </svg></a><a target="_blank" rel="noopener noreferrer" aria-label="ZT Hosting on Instagram"
                    class="hover:text-white/80 transition-colors" href="https://www.instagram.com/zthosting/"><svg
                        width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                        <path
                            d="M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.64-.07-4.85s.01-3.58.07-4.85C2.38 3.86 3.9 2.31 7.15 2.16c1.27-.06 1.65-.07 4.85-.07M12 0C8.74 0 8.33.01 7.05.07 2.7 .27.27 2.7.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.2 4.35 2.63 6.78 6.98 6.98 1.28.06 1.69.07 4.95.07s3.67-.01 4.95-.07c4.35-.2 6.78-2.63 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.2-4.35-2.63-6.78-6.98-6.98C15.67.01 15.26 0 12 0zM12 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-11.23a1.44 1.44 0 1 0-2.88 0 1.44 1.44 0 0 0 2.88 0z">
                        </path>
                    </svg></a><a target="_blank" rel="noopener noreferrer" aria-label="ZT Hosting on YouTube"
                    class="hover:text-white/80 transition-colors" href="https://www.youtube.com/@zthosting"><svg
                        width="26" height="26" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                        <path
                            d="M23.5 6.2a3.1 3.1 0 0 0-2.2-2.2C19.4 3.5 12 3.5 12 3.5s-7.4 0-9.3.5A3.1 3.1 0 0 0 .5 6.2 32 32 0 0 0 0 12a32 32 0 0 0 .5 5.8A3.1 3.1 0 0 0 2.7 20c1.9.5 9.3.5 9.3.5s7.4 0 9.3-.5a3.1 3.1 0 0 0 2.2-2.2A32 32 0 0 0 24 12a32 32 0 0 0-.5-5.8ZM9.6 15.7V8.3l6.2 3.7-6.2 3.7Z">
                        </path>
                    </svg></a><a target="_blank" rel="noopener noreferrer" aria-label="ZT Hosting on TikTok"
                    class="hover:text-white/80 transition-colors" href="https://www.tiktok.com/@zthosting"><svg
                        width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
                        <path
                            d="M16.7 2c.3 2.4 1.7 3.8 4.1 4v3.1a8.7 8.7 0 0 1-4.1-1.2v6.2A6.1 6.1 0 1 1 11.4 8v3.2a3 3 0 1 0 2.1 2.9V2h3.2Z">
                        </path>
                    </svg></a><a target="_blank" rel="noopener noreferrer" aria-label="ZT Hosting on LinkedIn"
                    class="hover:text-white/80 transition-colors"
                    href="https://pk.linkedin.com/company/zerotolerancehosting"><svg width="24" height="24"
                        viewBox="0 0 24 24" fill="currentColor">
                        <path
                            d="M20.45 20.45h-3.56v-5.56c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.13 1.44-2.13 2.93v5.66H9.36V9H12.8v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.61 0 4.28 2.38 4.28 5.47v6.27zM5.34 7.43c-1.15 0-2.07-.92-2.07-2.07 0-1.15.92-2.07 2.07-2.07 1.15 0 2.07.92 2.07 2.07 0 1.15-.92 2.07-2.07 2.07zM7.12 20.45H3.56V9h3.56v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.72v20.56C0 23.23.79 24 1.77 24h20.45c.98 0 1.78-.77 1.78-1.72V1.72C24 .77 23.2 0 22.22 0z">
                        </path>
                    </svg></a>
            </div>
        </div>
    </div>
</footer>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('[data-footer-toggle]').forEach((button) => {
            button.addEventListener('click', () => {
                const col = button.closest('.zt-site-footer-col');
                if (!col) return;
                col.classList.toggle('is-open');
            });
        });
    });
</script>