@php
    $setting = \App\Models\Setting::first();
    $ourPresence = \App\Models\OurPresence::where('status', 1)->get();
@endphp

<!-- Footer Start -->
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
    <div class="container py-5">
        <div class="row g-5">
            <!-- Logo & About -->
            <div class="col-md-6 col-lg-6 col-xl-4">
                <div class="footer-item d-flex flex-column">
                    <!-- Logo -->
                    <div class="mb-4">
                        <img src="{{ !empty($setting->footer_logo) ? asset($setting->footer_logo) : asset('img/new/Invinaa Logo (1)-Photoroom.png') }}"
                            alt="Company Logo" style="max-width: 180px" />

                    </div>

                    <!-- About -->
                    <p class="text-white mb-4">
                        {{ $setting->about ?? 'Invinaa is a leading provider of innovative solutions, dedicated to delivering excellence and value to our clients worldwide.' }}
                    </p>

                    <!-- Social Icons -->
                    <div class="d-flex pt-2">
                        <a class="btn btn-outline-light btn-social rounded-circle me-2"
                            href="{{ $setting->facebook_link ?? '#' }}">
                            <i class="fab fa-facebook-f"></i>
                        </a>

                        <a class="btn btn-outline-light btn-social rounded-circle me-2"
                            href="{{ $setting->twitter_link ?? '#' }}">
                            <i class="bi bi-twitter-x"></i>
                        </a>

                        <a class="btn btn-outline-light btn-social rounded-circle me-2"
                            href="{{ $setting->instagram_link ?? '#' }}">
                            <i class="fab fa-instagram"></i>
                        </a>

                        <a class="btn btn-outline-light btn-social rounded-circle"
                            href="{{ $setting->linkedin_link ?? '#' }}">
                            <i class="fab fa-linkedin-in"></i>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Quick Links -->
            <div class="col-md-6 col-lg-6 col-xl-2">
                <div class="footer-item d-flex flex-column">
                    <h4 class="text-white mb-4">Quick Links</h4>

                    <a href="{{ route('web_home') }}"><i class="fas fa-angle-right me-2"></i> Home</a>
                    <a href="{{ route('about') }}"><i class="fas fa-angle-right me-2"></i> About</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
                    <a href="{{ route('blog') }}"><i class="fas fa-angle-right me-2"></i> Blog</a>
                    <a href="{{ route('testimonials') }}"><i class="fas fa-angle-right me-2"></i> Reviews</a>
                    <a href="#"><i class="fas fa-angle-right me-2"></i> Privacy Policy</a>
                </div>
            </div>

            <!-- Contact -->
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="footer-item d-flex flex-column">
                    <h4 class="text-white mb-4">Contact Info</h4>

                    <a href="#"><i class="fa fa-map-marker-alt me-2"></i> {{ $setting->address ?? '' }}</a>
                    <a href="#"><i class="fas fa-envelope me-2"></i> {{ $setting->email ?? '' }}</a>
                    <a href="#"><i class="bi bi-telephone-outbound me-2"></i> {{ $setting->phone ?? '' }}</a>
                </div>
            </div>

            <!-- Newsletter -->
            <div class="col-md-6 col-lg-6 col-xl-3">
                <div class="footer-item">
                    <h4 class="text-white mb-4">Newsletter</h4>

                    <p class="text-white mb-3">
                        {{ $setting->newsletter_about ?? 'Subscribe to our newsletter to get the latest updates and offers.' }}
                    </p>

                    <div class="position-relative mx-auto rounded-pill">
                        <form action="{{ route('newsletter_submit') }}" method="POST"
                            class="newsletter-form contactUs1">
                            @csrf
                            <input class="form-control border-0 rounded-pill w-100 py-3 ps-4 pe-5" name="email"
                                type="text" placeholder="Enter email" />

                            <button type="submit"
                                class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">
                                Subscribe
                            </button>
                            <form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Bottom flags row -->
  <div class="border-top mt-3 pt-4">
    <div class="container">
        <!-- ROW -->
        <div class="row text-white gy-4 row-cols-1 row-cols-sm-2 row-cols-md-5">

            @if(isset($ourPresence) && $ourPresence->count() > 0)
                @foreach($ourPresence as $presence)
                    <div class="col d-flex align-items-start">
                        <span class="me-3">
                            @if(!empty($presence->flag))
                                <img
                                    src="{{ asset($presence->flag) }}"
                                    alt="Flag"
                                    style="width:65px;height:auto;"
                                >
                            @else
                                <!-- Fallback empty flag space (design safe) -->
                                <span style="width:65px;display:inline-block;"></span>
                            @endif
                        </span>

                        <p class="mb-0 small">
                            {{ $presence->address ?? 'Address not available' }}
                        </p>
                    </div>
                @endforeach
            @else
                <!-- Optional: fallback if no presence found -->
                <div class="col">
                    <p class="mb-0 small text-muted">
                        No office locations available.
                    </p>
                </div>
            @endif

        </div>
    </div>
</div>



</div>
<!-- Footer End -->

<!-- Copyright Start -->
<div class="container-fluid copyright py-4">
    <div class="container">
        <div class="row g-4 align-items-center justify-content-center">
            <div class="col-md-12 text-center mb-md-0">
                <span class="text-white">
                    <i class="fas fa-copyright text-light me-2"></i>Invinaa . All
                    rights reserved.
                </span>
            </div>
        </div>
    </div>
</div>

<!-- Copyright End -->


<!-- <a href="#" class="btn btn-primary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a> -->

<a href="#" class="btn btn-primary btn-lg-square back-to-top-left">
    <i class="fa fa-arrow-up"></i>
</a>


<div class="fab-container-right">

    <a href="https://wa.me/1234567890" class="fab-icon fab-whatsapp">
        <i class="fab fa-whatsapp"></i>
    </a>
    <a href="tel:+1234567890" class="fab-icon fab-phone">
        <i class="fa fa-phone-alt"></i>
    </a>
    <a href="mailto:info@example.com" class="fab-icon fab-email">
        <i class="fa fa-envelope"></i>
    </a>

    <!-- main + button -->
    <button type="button" class="btn btn-primary btn-lg-square fab-main">
        <i class="fa fa-plus"></i>
    </button>
</div>