@php
    $websiteData = \App\Models\WebsiteData::where(function($query) {
        $query->where('type', 'email')
              ->orWhere('type', 'phone')
              ->orWhere('type', 'address')
              ->orWhere('type', 'facebook')
              ->orWhere('type', 'instagram')
              ->orWhere('type', 'youtube')
              ->orWhere('type', 'logo')
              ->orWhere('type', 'small_logo')
              ->orWhere('type', 'favicon')
              ->orWhere('type', 'top_header_text')
              ->orWhere('type', 'footer_text')
              ->orWhere('type', 'footer_logo');
    })->pluck('detail', 'type')->toArray();
@endphp
<footer class="footer pt-5 position-relative bg-dark">
    <div class="container" data-bs-theme="dark">
        <div class="accordion py-3" id="footerLinks">
            <div class="row">
                <div class="col-md-4 d-sm-flex flex-md-column align-items-center align-items-md-start">
                    <h4 class="mb-sm-0 mb-md-4 me-4">
                        <a class="text-dark-emphasis text-decoration-none" href="{{route('home')}}" wire:navigate>
                            @isset($websiteData['footer_logo'])
                                <img src="{{ url('storage/'.$websiteData['footer_logo']) }}" alt="" style="height: 65px;">
                            @endisset
                        </a>
                    </h4>
                    @isset($websiteData['footer_text'])
                        <p class="text-body fs-sm text-sm-end text-md-start mb-sm-0 mb-md-3 ms-0 ms-sm-auto ms-md-0 me-4">
                            {{$websiteData['footer_text']}}
                        </p>
                    @endisset
                </div>
                <div class="col-md-8">
                    <div class="row row-cols-1 row-cols-sm-3 gx-3 gx-md-4">
                        <div class="accordion-item col border-0">
                            <h6 class="accordion-header" id="companyHeading">
                                <span class="text-dark-emphasis d-none d-sm-block">Company</span>
                                <button type="button" class="accordion-button collapsed py-3 d-sm-none" data-bs-toggle="collapse" data-bs-target="#companyLinks" aria-expanded="false" aria-controls="companyLinks">Company</button>
                            </h6>
                            <div class="accordion-collapse collapse d-sm-block" id="companyLinks" aria-labelledby="companyHeading" data-bs-parent="#footerLinks">
                                <ul class="nav flex-column gap-2 pt-sm-3 pb-3 mt-n1 mb-1">
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('home') }}" wire:navigate>
                                            <i class="fa fa-arrow-right me-2"></i> Home
                                        </a>
                                    </li>
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('about.us') }}" wire:navigate>
                                            <i class="fa fa-arrow-right me-2"></i> About
                                        </a>
                                    </li>
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('product.index') }}" wire:navigate>
                                            <i class="fa fa-arrow-right me-2"></i> Product
                                        </a>
                                    </li>
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('contact.us') }}" wire:navigate>
                                            <i class="fa fa-arrow-right me-2"></i> Contact us
                                        </a>
                                    </li>
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('login') }}" wire:navigate>
                                            <i class="fa fa-arrow-right me-2"></i> Login
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <hr class="d-sm-none my-0">
                        </div>
                        <div class="accordion-item col border-0">
                            <h6 class="accordion-header" id="accountHeading">
                                <span class="text-dark-emphasis d-none d-sm-block">Our Policies</span>
                                <button type="button" class="accordion-button collapsed py-3 d-sm-none" data-bs-toggle="collapse" data-bs-target="#accountLinks" aria-expanded="false" aria-controls="accountLinks">Our Policies</button>
                            </h6>
                            <div class="accordion-collapse collapse d-sm-block" id="accountLinks" aria-labelledby="accountHeading" data-bs-parent="#footerLinks">
                                <ul class="nav flex-column gap-2 pt-sm-3 pb-3 mt-n1 mb-1">
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('privacy.policy') }}" wire:navigate><i class="fa fa-arrow-right me-2"></i> Privacy Policy</a>
                                    </li>
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('terms.and.conditions') }}" wire:navigate><i class="fa fa-arrow-right me-2"></i> Terms &amp; Conditions</a>
                                    </li>
                                    <li class="d-flex w-100 pt-1">
                                        <a class="nav-link animate-underline animate-target d-inline fw-normal text-truncate p-0" href="{{ route('refund.replacement.policy') }}" wire:navigate><i class="fa fa-arrow-right me-2"></i> Refunds &amp; Replacements</a>
                                    </li>
                                </ul>
                            </div>
                            <hr class="d-sm-none my-0">
                        </div>
                        <div class="accordion-item col border-0">
                            <h6 class="accordion-header" id="customerHeading">
                                <span class="text-dark-emphasis d-none d-sm-block">Contact Us</span>
                                <button type="button" class="accordion-button collapsed py-3 d-sm-none" data-bs-toggle="collapse" data-bs-target="#customerLinks" aria-expanded="false" aria-controls="customerLinks">Contact Us</button>
                            </h6>
                            <div class="accordion-collapse collapse d-sm-block" id="customerLinks" aria-labelledby="customerHeading" data-bs-parent="#footerLinks">
                                <ul class="nav flex-column gap-2 pt-sm-3 pb-3 mt-n1 mb-1">
                                    @isset($websiteData['phone'])
                                        <li class="d-flex w-100 pt-1">
                                            <span class="nav-link d-inline fw-normal text-truncate p-0">
                                                <i class="ci-phone me-2"></i>
                                                <a href="tel:+91{{$websiteData['phone']}}" class="text-decoration-none text-body">+91-{{$websiteData['phone']}}</a>
                                            </span>
                                        </li>
                                    @endisset
                                    @isset($websiteData['email'])
                                        <li class="d-flex w-100 pt-1">
                                            <span class="nav-link d-inline fw-normal text-truncate p-0">
                                                <i class="ci-mail me-2"></i>
                                                <a href="mailto:{{$websiteData['email']}}"
                                                    class="text-decoration-none text-body">{{$websiteData['email']}}</a>
                                            </span>
                                        </li>
                                    @endisset
                                    @isset($websiteData['address'])
                                        <li class="d-flex w-100 pt-1">
                                            <span class="nav-link d-inline fw-normal text-truncate p-0">
                                                <i class="ci-map-pin me-2"></i>
                                                {{$websiteData['address']}}
                                            </span>
                                        </li>
                                    @endisset
                                </ul>
                            </div>
                            <hr class="d-sm-none my-0">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="d-md-flex align-items-center border-top py-2 justify-content-center">
            <p class="text-body text-center mb-0">© All rights reserved. Made by
                <span class="animate-underline text-center">
                    <a class="animate-target text-dark-emphasis fw-medium text-decoration-none" href="https://techuptechnologies.com/" target="_blank" rel="noreferrer">Techup Technologies</a>
                </span>
            </p>
        </div>
    </div>
</footer>

<div class="floating-buttons position-fixed bottom-5 end-0 z-sticky me-3 me-xl-4 pb-4">
    <a class="btn-scroll-top btn btn-sm bg-body border-0 rounded-pill shadow animate-slide-end" href="#top">
        Top
        <i class="ci-arrow-right fs-base ms-1 me-n1 animate-target"></i>
        <span class="position-absolute top-0 start-0 w-100 h-100 border rounded-pill z-0"></span>
        <svg class="position-absolute top-0 start-0 w-100 h-100 z-1" viewBox="0 0 62 32" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x=".75" y=".75" width="60.5" height="30.5" rx="15.25" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></rect>
        </svg>
    </a>
</div>