<style>
    .gw-footer {
        background: #0b1120;
        color: #94a3b8;
        padding: 60px 0 0;
        font-size: 14px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .gw-footer-title {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: -0.01em;
    }
    .gw-footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        gap: 10px;
    }
    .gw-footer-links a {
        color: #94a3b8;
        text-decoration: none;
        transition: all 0.15s ease;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
    .gw-footer-links a:hover {
        color: #38bdf8;
        transform: translateX(3px);
    }
    .gw-payment-pill {
        background: #ffffff;
        padding: 6px 14px;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        margin: 4px;
    }
    .gw-payment-pill img {
        height: 24px;
        object-fit: contain;
    }
    .gw-footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        margin-top: 50px;
        padding: 24px 0;
        font-size: 13px;
        text-align: center;
    }
</style>

<footer class="gw-footer">
    <div class="container">
        <div class="row g-4">
            <!-- Col 1: About Platform -->
            <div class="col-lg-4 col-md-6">
                <h3 class="gw-footer-title">SMS Gateway Platform</h3>
                <p style="color:#94a3b8; line-height: 1.6;">
                    Enterprise-grade SMS aggregation and Android Node gateway in Bangladesh. Providing reliable OTP delivery, transactional alerts, and multi-carrier REST APIs.
                </p>
                <div class="d-flex align-items-center gap-2 mt-3">
                    <span class="badge bg-primary" style="padding: 6px 10px; font-weight: 600;">99.9% Uptime SLA</span>
                    <span class="badge bg-success" style="padding: 6px 10px; font-weight: 600;">Direct Operator MNO</span>
                </div>
            </div>

            <!-- Col 2: Quick Links -->
            <div class="col-lg-2 col-md-6">
                <h4 class="gw-footer-title">Platform</h4>
                <ul class="gw-footer-links">
                    <li><a href="{{ url('/') }}"><i class="fa fa-angle-right"></i> Home Overview</a></li>
                    <li><a href="{{ url('/packages') }}"><i class="fa fa-angle-right"></i> Pricing Packages</a></li>
                    <li><a href="{{ url('/api_documentation') }}"><i class="fa fa-angle-right"></i> API Reference</a></li>
                    <li><a href="{{ url('/contact') }}"><i class="fa fa-angle-right"></i> Support &amp; Help</a></li>
                </ul>
            </div>

            <!-- Col 3: API & Node -->
            <div class="col-lg-3 col-md-6">
                <h4 class="gw-footer-title">Developers</h4>
                <ul class="gw-footer-links">
                    <li><a href="{{ url('/api_documentation') }}"><i class="fa fa-code"></i> REST API v1 Docs</a></li>
                    <li><a href="{{ url('/api_documentation') }}#status-codes"><i class="fa fa-list-ol"></i> Response Codes</a></li>
                    <li><a href="{{ url('/register') }}"><i class="fa fa-key"></i> Get API Key</a></li>
                    <li><a href="{{ url('/login') }}"><i class="fa fa-dashboard"></i> Web Control Panel</a></li>
                </ul>
            </div>

            <!-- Col 4: Payment Methods -->
            <div class="col-lg-3 col-md-6">
                <h4 class="gw-footer-title">Payment Channels</h4>
                <p style="color:#94a3b8; font-size:13px;">Instant automated balance recharge via MFS &amp; Cards:</p>
                <div class="d-flex flex-wrap">
                    <div class="gw-payment-pill"><img loading="lazy" src="{{ asset('/website_asset/Content/img/payments/bkash.svg') }}" alt="bKash"/></div>
                    <div class="gw-payment-pill"><img loading="lazy" src="{{ asset('/website_asset/Content/img/payments/nagad.svg') }}" alt="Nagad"/></div>
                    <div class="gw-payment-pill"><img loading="lazy" src="{{ asset('/website_asset/Content/img/payments/rocket.svg') }}" alt="Rocket"/></div>
                    <div class="gw-payment-pill"><img loading="lazy" src="{{ asset('/website_asset/Content/img/payments/dbbl.svg') }}" alt="DBBL / Nexus"/></div>
                </div>
            </div>
        </div>

        <div class="gw-footer-bottom">
            <div class="d-flex flex-column flex-md-row justify-content-between align-items-center gap-2">
                <p class="mb-0">
                    &copy; {{ date('Y') }} TMSS ICT LTD. All rights reserved. SMS Gateway &amp; Android Dispatcher.
                </p>
                <div class="d-flex gap-3">
                    <a href="{{ url('/contact') }}" style="color:#94a3b8; text-decoration:none;">Terms of Service</a>
                    <span style="color:#334155;">|</span>
                    <a href="{{ url('/contact') }}" style="color:#94a3b8; text-decoration:none;">Privacy Policy</a>
                    <span style="color:#334155;">|</span>
                    <a href="{{ url('/api_documentation') }}" style="color:#94a3b8; text-decoration:none;">API Status</a>
                </div>
            </div>
        </div>
    </div>
</footer>