@php
    // Data arrays for easier maintenance
    $socials = [
        ['url' => 'https://facebook.com/studyatgiu', 'class' => 'ri-facebook-fill'],
        ['url' => 'https://twitter.com/studyatgiu', 'class' => 'ri-twitter-fill'],
        ['url' => 'https://instagram.com/studyatgiu/', 'class' => 'ri-instagram-line'],
        ['url' => 'https://youtube.com/@studyatgiu', 'class' => 'ri-youtube-fill'],
        ['url' => 'https://linkedin.com/in/studyatgiu/', 'class' => 'ri-linkedin-box-fill'],
    ];


    $quickLinks = [
        'Careers' => 'https://career.giu.edu.pk/',
        'About' => '#about',
        'IQAE Team' => '#team',
        'SARs' => '#sars'
    ];

    $resources = [
        'Events' => '#events',
        'Accreditations' => '#accreditations',
        'Downloads' => '#downloads',
        'Contact Us' => '#contact'
    ];
@endphp

<!-- <a href="#" class="back-to-top shadow"><i class="ri-arrow-up-line"></i></a> -->

<footer class="footer-wrap bg-heath pt-5 pb-2">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-4 col-md-12">
                <div class="footer-widget">
                    <a href="{{ route('main') }}" class="d-inline-block mb-3">
                        <img src="{{ asset('frontend/coreui/assets/img/logo.png') }}" alt="GIU Logo" style="height: 60px;">
                    </a>
                    <div class="mt-3">
                        <span class="d-block mb-2 fw-bold text-white opacity-75 small text-uppercase">Follow Us:</span>
                        <ul class="list-inline social-profile mb-0">
                            @foreach($socials as $social)
                            <li class="list-inline-item me-2">
                                <a target="_blank" href="{{ $social['url'] }}">
                                    <i class="{{ $social['class'] }}"></i>
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-lg-2 col-md-3 col-6">
                <div class="footer-widget ms-lg-4">
                    <h6 class="footer-title">Quick Links</h6>
                    <ul class="list-unstyled footer-menu">
                        @foreach($quickLinks as $label => $link)
                        <li class="mb-2"><a href="{{ $link }}" class="text-decoration-none small">{{ $label }}</a></li>
                        @endforeach
                    </ul>
                </div>
            </div>

            <div class="col-lg-2 col-md-3 col-6">
                <div class="footer-widget">
                    <h6 class="footer-title">Resources</h6>
                    <ul class="list-unstyled footer-menu">
                        @foreach($resources as $label => $link)
                        <li class="mb-2"><a href="{{ $link }}" class="text-decoration-none small">{{ $label }}</a></li>
                        @endforeach
                    </ul>
                </div>
            </div>

            <div class="col-lg-4 col-md-6">
                <div class="footer-widget">
                    <h6 class="footer-title">Our Campus</h6>
                    <ul class="list-unstyled footer-contact-address small">
                        <li class="d-flex mb-3">
                            <i class="ri-map-line me-3 text-success fs-5"></i>
                            <span class="opacity-75">Bhobtian Avenue, 9 Km, Raiwind Road, Lahore</span>
                        </li>
                        <li class="d-flex mb-2">
                            <i class="ri-phone-line me-3 text-success fs-5"></i>
                            <a href="tel:00924235459807" class="text-decoration-none">+92 42 35459807-09</a>
                        </li>
                        <li class="d-flex mb-2">
                            <i class="ri-mail-send-fill me-3 text-success fs-5"></i>
                            <a href="mailto:info@giu.edu.pk" class="text-decoration-none">info@giu.edu.pk</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row mt-5 pt-4 border-top border-secondary">
            <div class="col-12 text-center">
                <p class="small text-white-50">
                    Copyright <span class="las la-copyright"></span> {{ date('Y') }}. All Rights Reserved By 
                    <a href="https://giu.edu.pk/" class="text-success fw-bold text-decoration-none">GIU</a>
                </p>
            </div>
        </div>
    </div>
</footer>