@php
    $address =
        site_setting('contact_address') ??
        'D-4, Westend Marg Saidulajab Extension, Saket, New Delhi, Delhi, India - 110030';
    $phoneRaw = site_setting('contact_phone') ?? '9660771216';
    $phoneTel = phone_tel($phoneRaw);
    $phoneNice = phone_format($phoneRaw);
    $emailAddress = site_setting('contact_email') ?? 'help@kreditbharat.com';

    // Helper to mark active menu item
    $is = fn($pattern) => request()->routeIs($pattern) ? 'active' : '';
@endphp

{{-- Navbar --}}
{{-- Navbar --}}
<section class="nav-bar">
    <div class="container">
        <div class="navbar-in">
            {{-- Left --}}
            <div class="navbar-left">
                <a href="{{ route('pages.home') }}" aria-label="Go to Home">
                    <img src="{{ asset('assets/images/logo.png') }}" class="logo"
                        alt="{{ config('app.name', 'Site') }} logo" />
                </a>

                <ul class="d-none d-xxl-flex">
                    <li><a href="{{ route('pages.home') }}" class="menu-link {{ $is('pages.home') }}">Home</a></li>
                    <li><a href="{{ route('pages.about') }}" class="menu-link {{ $is('pages.about') }}">About Us</a>
                    </li>
                    <li><a href="{{ route('pages.services') }}"
                            class="menu-link {{ $is('pages.services') }}">Services</a></li>
                    <li><a href="{{ route('pages.faqs') }}" class="menu-link {{ $is('pages.faqs') }}">Faq’s</a></li>
                    <li><a href="{{ route('pages.repay') }}" class="menu-link {{ $is('pages.repay') }}">Repay Loan</a>
                    </li>
                    <li><a href="{{ route('pages.contact') }}" class="menu-link {{ $is('pages.contact') }}">Contact
                            Us</a></li>
                </ul>
            </div>

            {{-- Right --}}
            <div class="navbar-right">
                <div class="navbar-phone d-none d-md-flex">
                    <span><i class="fa-regular fa-phone-volume" aria-hidden="true"></i> Call:</span>
                    <a href="tel:{{ $phoneTel }}">{{ $phoneNice }}</a>
                </div>

                <a href="{{ url('/apply-now') }}" class="cmn-btn d-none d-md-block" aria-label="Apply now">
                    <div class="btn-overlay"></div>
                    <span>Apply Now</span>
                    <i class="fa-regular fa-arrow-right-long" aria-hidden="true"></i>
                </a>

                <button class="d-xxl-none menu-btn" aria-label="Open menu" aria-expanded="false"
                    aria-controls="mobile-nav">
                    <i class="fa-regular fa-bars" aria-hidden="true"></i>
                </button>
            </div>
        </div>
    </div>
</section>

{{-- Mobile Nav --}}
<section class="mobile-nav" id="mobile-nav" aria-label="Mobile navigation">
    <div class="mobile-nav__in">
        <div class="mobile-nav__header">
            <a href="{{ route('pages.home') }}">
                <img src="{{ asset('assets/images/logo.png') }}" class="logo"
                    alt="{{ config('app.name', 'Site') }} logo" />
            </a>
            <button class="close-menu-btn" aria-label="Close menu">
                <i class="fa-regular fa-xmark" aria-hidden="true"></i>
            </button>
        </div>

        <div class="mobile-about__us">
            <h2>About Us</h2>
            <p>Fast, Safe, and Hassle-Free Path to Instant Loans.</p>
        </div>

        <div class="mobile-menu__ul">
            <ul>
                <li><a href="{{ route('pages.about') }}">About Us</a></li>
                <li><a href="{{ route('pages.services') }}">Services</a></li>
                <li><a href="{{ route('pages.faqs') }}">Faq's</a></li>
                <li><a href="{{ route('pages.repay') }}">Repay Loan</a></li>
                <li><a href="{{ route('pages.contact') }}">Contact Us</a></li>
            </ul>
        </div>

        <div class="mobile-contact__info">
            <h2>Contact Info</h2>

            <p>
                <i class="fa-regular fa-location-dot" aria-hidden="true"></i>
                <span>{{ $address }}</span>
            </p>
            <p>
                <i class="fa-regular fa-phone-volume" aria-hidden="true"></i>
                <a href="tel:{{ $phoneTel }}">{{ $phoneNice }}</a>
            </p>
            <p>
                <i class="fa-regular fa-envelope" aria-hidden="true"></i>
                <a href="mailto:{{ $emailAddress }}">{{ $emailAddress }}</a>
            </p>
        </div>
    </div>
</section>