@php
    $siteName = app()->getLocale() === 'bn' ? settings('site_name_bn', settings('site_name', 'Offer Hat')) : settings('site_name', 'Offer Hat');
@endphp
<div class="bg-white border-top py-4">
    <div class="container">
        <div class="row text-center g-3">
            <div class="col-6 col-md-3"><i class="bi bi-truck feature-ico"></i><div class="small fw-semibold mt-1">{{ __('Free Delivery') }}</div></div>
            <div class="col-6 col-md-3"><i class="bi bi-shield-check feature-ico"></i><div class="small fw-semibold mt-1">{{ __('Secure Payment') }}</div></div>
            <div class="col-6 col-md-3"><i class="bi bi-arrow-repeat feature-ico"></i><div class="small fw-semibold mt-1">{{ __('Easy Returns') }}</div></div>
            <div class="col-6 col-md-3"><i class="bi bi-headset feature-ico"></i><div class="small fw-semibold mt-1">{{ __('Call to Order') }}</div></div>
        </div>
    </div>
</div>

<footer class="pt-5 pb-3 mt-4">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-4">
                <h5 class="text-white">{{ $siteName }}</h5>
                <p class="small">{{ app()->getLocale() === 'bn' ? settings('tagline_bn') : settings('tagline') }}</p>
                <div class="small"><i class="bi bi-geo-alt me-1"></i>{{ settings('contact_address') }}</div>
                <div class="small"><i class="bi bi-telephone me-1"></i>{{ settings('contact_phone') }}</div>
                <div class="small"><i class="bi bi-envelope me-1"></i>{{ settings('contact_email') }}</div>
            </div>
            <div class="col-6 col-lg-2">
                <h6 class="text-white mb-3">{{ __('Shop') }}</h6>
                <ul class="list-unstyled small">
                    <li class="mb-2"><a href="{{ route('shop') }}">{{ __('All Categories') }}</a></li>
                    <li class="mb-2"><a href="{{ route('blog.index') }}">{{ __('Blog') }}</a></li>
                    <li class="mb-2"><a href="{{ route('cart.index') }}">{{ __('My Cart') }}</a></li>
                </ul>
            </div>
            <div class="col-6 col-lg-3">
                <h6 class="text-white mb-3">{{ __('My Account') }}</h6>
                <ul class="list-unstyled small">
                    <li class="mb-2"><a href="{{ route('account.dashboard') }}">{{ __('My Account') }}</a></li>
                    <li class="mb-2"><a href="{{ route('account.orders') }}">{{ __('Order Details') }}</a></li>
                    <li class="mb-2"><a href="{{ route('account.wishlist') }}">{{ __('Wishlist') }}</a></li>
                </ul>
            </div>
            <div class="col-lg-3">
                <h6 class="text-white mb-3">{{ __('Payment Method') }}</h6>
                <div class="d-flex flex-wrap gap-2">
                    <span class="badge bg-light text-dark">bKash</span>
                    <span class="badge bg-light text-dark">Nagad</span>
                    <span class="badge bg-light text-dark">Rocket</span>
                    <span class="badge bg-light text-dark">{{ __('Cash on Delivery') }}</span>
                </div>
                @if(settings('facebook'))
                    <a href="{{ settings('facebook') }}" class="d-inline-block mt-3 fs-4"><i class="bi bi-facebook"></i></a>
                @endif
            </div>
        </div>
        <hr class="border-secondary mt-4">
        <div class="text-center small">© {{ date('Y') }} {{ $siteName }}. {{ __('All rights reserved.') }}</div>
    </div>
</footer>