@php
    $tCategories = \App\Models\Ecommerce\ProductType::where('status','active')->where('top_category',1)->take(6)->get()
@endphp

<footer>
    <div class="container">
        <div class="footer_top">
            <div class="row">
                <div class="col-lg-4 mb-2 mb-lg-0">
                    <div class="card p-0 card_item">
                        <div class="card-body p-0 d-flex align-items-center">
                            <div class="card_left">
                                <i class="fa fa-phone"></i>
                            </div>
                            <div class="card_left">
                                <p>{{ __('pages.Phone number') }}</p>
                                <a href="tel:">{{ setting('store_phone') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 mb-2 mb-lg-0">
                    <div class="card p-0 card_item">
                        <div class="card-body p-0 d-flex align-items-center">
                            <div class="card_left">
                                <i class="fa fa-envelope"></i>
                            </div>
                            <div class="card_left">
                                <p>{{ __('pages.Email Address') }}</p>
                                <a href="mailto:{{setting('store_email')}}">{{ setting('store_email') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 mb-2 mb-lg-0">
                    <div class="card p-0 card_item">
                        <div class="card-body p-0 d-flex align-items-center">
                            <div class="card_left">
                                <i class="fa fa-map-marker-alt"></i>
                            </div>
                            <div class="card_left">
                                <p>{{ __('pages.Address') }}</p>
                                <a href="#">{{ setting('store_address') }}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-12 col-sm-12 col-xs-6 pb-2 pr-2">
                <div class="footer-text pull-left">
                    <div class="d-flex">
                        <a href="{{ url('/') }}" class="logo">
                            <img src="{{ asset('storage/images/ecommerce/'.setting('logo')) }}" alt="">
                        </a>
                    </div>
                    <p class="card-text">
                        {{setting('website_description')}}</p>
                </div>
            </div>

            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 pb-2 col-6 pr-0 d-none d-lg-block">
                <h5 class="heading">{{ __('pages.Top Categories') }}</h5>
                <ul>
                    @foreach($tCategories as $category)
                        <li>
                            <a href="{{ route('front.products',$category->slug) }}">{{ $category->title }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 pb-2 col-12 pr-0">
                <h5 class="heading">{{ __('pages.Important links') }}</h5>
                <ul>
                    <li>
                        <a href="{{ route('front.content_page','terms_conditions') }}">{{ __('pages.Terms and Conditions') }}</a>
                    </li>
                    <li>
                        <a href="{{ route('front.content_page','refund_return_policy') }}">{{ __('pages.Refund and Return Policy') }}</a>
                    </li>
                    <li>
                        <a href="{{ route('front.content_page','privacy_policy') }}">{{ __('pages.Privacy Policy') }}</a>
                    </li>
                    <li>
                        <a href="{{ route('front.content_page','about_us') }}">{{ __('pages.About Us') }}</a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 pb-2 feature_link  d_xs_none">
                <h5 class="heading">{{ __('pages.Subscribe Us') }}</h5>
                <p><small>{{ __('pages.Subscribe to stay updated on our latest medicines and products') }}.</small></p>
                <form action="{{ route('front.subscribe.store') }}" method="post">
                    <div class="mb-3">
                        <input type="email" required class="form-control" name="subscriber_email" placeholder="{{ __('pages.Enter your email') }}">
                    </div>
                    <div class="mb-3">
                        <button class="btn btn-default border-0 w-100">{{ __('pages.Subscribe Now') }}</button>
                    </div>
                </form>
            </div>
            <div class="col-3 mt-2">
                <div class="social copy__right__icons my-3">
                    <a href="{{ setting('media_facebook') }}" target="blank">
                        <i class="fa-brands fa-facebook fa-lg"></i>
                    </a>
                    <a href="{{ setting('media_instagram') }}" target="blank">
                        <i class="fa-brands fa-instagram fa-lg"></i>
                    </a>
                    <a href="{{ setting('media_youtube') }}">
                        <i class="fa-brands fa-youtube fa-lg"></i>
                    </a>
                    <a href="{{ setting('media_linkedin') }}" target="blank">
                        <i class="fa-brands fa-linkedin fa-lg"></i>
                    </a>
                </div>
            </div>
            <div class="col-6">
                <img class="img-fluid" src="{{ asset('storage/images/ecommerce/'.setting('getway_image')) }}" alt="">
            </div>
        </div>
        <div class="divider mt-3 mb-3"></div>
        <div class="row justify-content-center">
            <div class="col-lg-12  col-md-12 col-sm-12 text_xs_center text_md_center">
                <div class="text_xs_center text-center">
                    <p>
                        <i class="fa fa-copyright"></i>
                        <script>document.write(new Date().getFullYear())</script>
                        {{ __('pages.All Rights Reserved') }}
                        <a href="#"><b>{{ setting('app_name') }}</b></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>