<footer class="bg-theme-dark text-white pt-5 pb-3 mt-auto">
    <div class="container">
        <div class="row mb-4">
            <!-- Column 1: Journal Info -->
            <div class="col-md-4 mb-3">
                <h5 class="text-uppercase mb-4 fs-6 fw-semibold text-white-50">Journal Info</h5>
                <ul class="list-unstyled footer-links">
                    <li><a href="{{ route('about') }}">About Journal</a></li>
                    <li><a href="{{ route('editorial_board') }}">Editorial Board</a></li>
                    <li><a href="{{ route('policies.show') }}">Policies</a></li>
                </ul>
            </div>

            <!-- Column 2: Authors -->
            <div class="col-md-4 mb-3">
                <h5 class="text-uppercase mb-4 fs-6 fw-semibold text-white-50">Authors</h5>
                <ul class="list-unstyled footer-links">
                    @foreach($navAuthorInfos as $navInfo)
                        <li><a href="{{ route('for_authors.show', $navInfo->id) }}">{{ $navInfo->title }}</a></li>
                    @endforeach
                </ul>
            </div>

            <!-- Column 3: Reviewers -->
            <div class="col-md-4 mb-3">
                <h5 class="text-uppercase mb-4 fs-6 fw-semibold text-white-50">Reviewers</h5>
                <ul class="list-unstyled footer-links">
                    @foreach($navReviewers as $navReviewer)
                        <li><a href="{{ route('for_reviewers.show', $navReviewer->id) }}">{{ $navReviewer->title }}</a></li>
                    @endforeach
                </ul>
            </div>
        </div>

        <!-- Footer Bottom: Dynamic Contact Info -->
        <div class="text-center mt-4 border-top border-secondary pt-4 footer-bottom-text">
            @if(isset($globalContact))
                <p class="mb-0 small opacity-75">
                    [ <a href="mailto:{{ $globalContact->email }}"
                        class="text-white text-decoration-none">{{ $globalContact->email }}</a> ]
                    &nbsp;|&nbsp;
                    [ {{ $globalContact->address }} ]
                    @if($globalContact->mobile)
                        &nbsp;|&nbsp; [ {{ $globalContact->mobile }} ]
                    @endif
                </p>
                <p class="mt-2 small opacity-50">
                    &copy; {{ date('Y') }} {{ $globalContact->site_name }}
                </p>
            @else
                <p class="mb-0 small opacity-75">Contact information not configured.</p>
            @endif
        </div>
    </div>
</footer>